@charset "UTF-8";
.sp_block{ display: none; }
header,
footer,
#fnav_business{
   width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
section {
    padding: 0 0 60px 0;
    font-size: 62.5%;
}
section .inner{
    max-width: 1500px;
}

#title_area {
    /*height: auto;*/
    height: 5px;
}
img{
    width: 100%;
}
#fnav_business ul li img{
    max-width: 240px;
}
#main .mv{
    width: 100%;
}
#main .mv img{
    width: 100%;
    display: block;
    margin: 0 auto 0px;
}
h2{
    font-size: 3vw;
    text-align: center;
    color: #1991ca;
    font-weight: bold;
    line-height: 5vw;
    font-family: "Hiragino Kaku Gothic Std", "Yu Gothic", "Meiryo", "MS PGothic", sans-serif;
}
h2 span{
    font-size: 5rem;
    line-height: 7rem;
    color: #1991ca;
}
h2 img{
    width: 25%;
    padding-bottom: 10px;
}
h4{
    position:relative;
    display:inline-block;
    font-size: 1.8vw;
    text-align: center;
    color: #1991ca;
    line-height: 2vw;
    padding: 0 20px;
    /*margin-bottom: 30px;*/
    font-family: "Hiragino Kaku Gothic Std", "Yu Gothic", "Meiryo", "MS PGothic", sans-serif;
}
h4:before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 2vw;
    background-color: #1991ca;
    position: absolute;
    left: -5px;
}
h4:after{
    content:"";
    display:inline-block;
    width:5px;
    height:2vw;
    background-color:#1991ca;
    position:absolute;
    right:-5px;
}
#main p{
    font-size: 1.1vw;
    line-height: 1.7vw;
    margin: 15px 0px 30px;
    color: #808080;
}
.btn{
    margin: 30px auto;
    text-align: center;
}
.btn img{
    width: 300px;
}
#sec01,
#sec02,
#sec03,
#sec04,
#sec05,
#sec06,
#sec07,
#sec09,
#sec10,
#sec11,
#sec14,
#sec15,
#sec16{
    max-width: 1000px;
    margin: 0 auto 50px;
}
#sec03{
    text-align: center;
}
#sec08{
    max-width: 1000px;
    margin: 0 auto;
}
#sec04{
    text-align: center;
}
#sec01 img{
    display: block;
    text-align: center;
    width: 50%;
    margin: 30px auto;
}
#sec02 h3{
    font-size: 2vw;
    line-height: 3vw;
    color: #717071;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic Std", "Yu Gothic", "Meiryo", "MS PGothic", sans-serif;
}
#sec02 .sub{
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#sec02 .sub img{
    width: 13%;
    display: block;
    margin-right: 30px;
}
.movie{
    width: 70%;
    margin: 50px auto;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16 * 9 = 56.25% */
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#sec03 .ph li{
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
#sec03 .ph li img{
    width: 100%;
}
#sec04 img{
    width: 80%;
    display: block;
    margin: 20px auto;
}
#sec05 .ttl,
#sec12 .ttl,
#sec13 .ttl{
    display: flex;
    justify-content: center;
}
#sec05 .ttl span,
#sec07 .ttl span,
#sec08 .ttl span,
#sec09 .ttl span{
    font-size: 1.2vw;
    line-height: 2vw;
    color: #1991ca;
    font-weight: bold;
    padding-left: 23px;
    padding-top: 5px;
}
#sec05 img{
    width: 90%;
    display: block;
    margin: 30px auto;
}
#sec06{
    background: url(../images/bg.png) no-repeat right;
    background-size: 64%;
}
#sec06 .cont-l{
    width: 70%;
}
#sec06 p{
    margin: 20px 0;
}
#sec07{
    margin:  0 auto;
}
#sec07 .ttl,
#sec08 .ttl,
#sec09 .ttl,
#sec10 .ttl,
#sec11 .ttl,
#sec14 .ttl,
#sec15 .ttl,
#sec16 .ttl{
    /*display: flex;*/
    text-align: left;
}
#sec07 p,
#sec08 p,
#sec09 p,
#sec10 p,
#sec11 p,
#sec12 p,
#sec13 p{
    margin: 20px 0;
    max-width: 100%;
}
.mt-70{
    margin-top: -87px;
    position: relative;
    z-index: -999;
}
.sec08img{
    margin: 0 auto 80px;
}
#sec09 img{
    width: 60%;
    display: block;
    margin: 30px auto;
}
#sec10 p{
    margin: 20px 0;
    max-width: 100%;
}
.note{
    font-size: 1.2vw;
    margin: 0 0 30px !important;
}
#sec11 ul li{
    width: 49%;
    vertical-align: middle;
    display: inline-block;
}
#sec11 ul li img{
    /*width: 60%;*/
    display: block;
    margin:  0 auto;
}
#sec12,
#sec13{
    display: table;
    background: #eeeeef;
}
#sec12 .cont-l{
    display: table-cell;
    width: 37%;
    padding: 40px;
    box-sizing: border-box;
    background: #e6e4e4;
}
#sec12 .cont-l p,
#sec13 .cont-r p{
    margin: 0;
    text-align: center;
    
}
#sec12 .cont-l img{
    width: 60%;
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 80px;
}
#sec13 .cont-r{
    display: table-cell;
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #e6e4e4;
}
#sec14,
#sec14-2,
#sec16{
    margin:  60px auto;
}
#sec14 .ph,
#sec14-2 .ph,
#sec15 .ph{
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
}
#sec14 .ph img{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px #999;
    margin: 30px;
}
#sec15 .ph img{
    width: 47%;
}
@media only screen and (max-width: 1200px) {
    #sec12,
    #sec13{
        display: block;
    }
    #sec12 .cont-l,
    #sec13 .cont-r{
        display: block;
        width: 100%;
        padding: 20px;
    }
    #sec12 .cont-l img{
        width: 50%;
    }
}/*1200px*/
@media only screen and (max-width: 767px) {
    .pc_block{ display: none; }
    .sp_block{ display: block; }
    section .inner,
    header .inner,
    footer,
    footer .inner,
    .inner{
        width: 100%;
    }
    #fnav_business ul{
        text-align: center;
    }
    #fnav_business ul li{
        width: 48%;
        margin-right: 0;
    }
    #fnav_business ul li img{
        width: 100%;
    }
/* header navi */
    header #nav{
        display: inline-block; /*display: none;*/
    }
    ul.slimmenu{
        display: none;
    }
    #main .mv img{
        width: 100%;
        margin: 0 auto 10px;
    }
    #sec01,
    #sec02,
    #sec03,
    #sec04,
    #sec05,
    #sec06,
    #sec07,
    #sec08,
    #sec09,
    #sec10,
    #sec11,
    #sec14,
    #sec15,
    #sec16{
        width: 90%;
        margin: 0 auto 30px;
    }
    #sec03 {
        margin: 0 auto 30px;
    }
    #sec01 img{
        width: 80%;
    }
    #main p{
        font-size: 3vw;
        line-height: 4.4vw;
        max-width: 90%;
        /*margin: 20px auto !important;*/
    }
    h2{
        font-size: 5vw;
        line-height: 6vw;
    }
    h2 span{
        font-size: 5vw;
        line-height: 7vw;
    }
    h4{
        font-size: 5vw;
        line-height: 7vw;
        padding: 0 20px;
        margin-bottom: 0px;
    }
    #sec02 h3{
        font-size: 3vw;
        line-height: 5vw;
    }
    #sec03 .ph li{
        display: block;
        width: 80%;
        margin: 10px auto;
    }
    h4:before{
        height:7vw;
        left: 0;
    }
    h4:after{
        height:7vw;
        right: 0;
    }
    #sec04 img {
        width: 90%;
        margin: 20px auto;
    }
    #sec05 .ttl,
    #sec12 .ttl,
    #sec13 .ttl,
    #sec07 .ttl,
    #sec08 .ttl,
    #sec09 .ttl,
    #sec10 .ttl,
    #sec11 .ttl,
    #sec14 .ttl,
    #sec15 .ttl,
    #sec16 .ttl{
        display: block;
    }
    #sec05 .ttl span,
    #sec07 .ttl span,
    #sec08 .ttl span,
    #sec09 .ttl span{
        font-size: 4vw;
        line-height: 5vw;
        padding-left: 0px;
        display: block;
    }
    #sec06{
        background: none;
    }
    #sec06 .cont-l {
        width: 90%;
        margin: 0 auto;
    }
    .mt-70{
        margin-top: -30px;
        margin-bottom: 30px;
    }
    #sec08 img{
        width: 70%;
    }
    #sec09 img{
        width: 80%;
    }
    #sec10 p{
        margin-top: 10px;
    }
    #sec11 ul li{
        display: block;
        width: 100%;
    }
    #sec12 .cont-l p,
    #sec13 .cont-r p {
        margin: 5px auto;
    }
    #sec14 .ph,
    #sec15 .ph{
        display: block;
    }
    #sec14 .ph img{
        display: block;
        width: 50%;
        margin: 10px auto;
    }
    #sec15 .ph img{
        display: block;
        width: 85%;
        margin: 30px auto;
    }
    #sec16 img{
        margin: 30px auto 0;
    }
    .sec08img {
        margin: 0 auto 20px;
    }
    #sec12 .cont-l img {
        padding-bottom: 10px;
    }
    #sec16 .ttl {
        padding-top: 20px;
    }
}/*767px*/
.butt-shop {
    background: #294d9d;
    padding: 10px 20px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin-top: 8px;
}