@charset "UTF-8";

.f-shi { font-family: "Shippori Mincho", serif;font-weight: 500; font-style: normal;}
.f-gothic1 { font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 300;font-style: normal;}

@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto; background: #F9F9F9;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 250px; background: url(../images/concept/con1-bg.png) no-repeat top center; padding: 550px 0 0;;}
#con1 .bx .inner{}
#con1 .bx .inner .ttl1{font-size: 40px; letter-spacing: -1.2px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 13px;}
#con1 .bx .inner .ttl2{font-size: 25px; letter-spacing: 1.2px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 33px;}
#con1 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.9px; line-height: 2.4; font-weight: 500; text-align: center; margin-bottom: 178px;}

#con1 .bx .inner .in-bx{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx .img{position: absolute; left: 0; top: -8px;}
#con1 .bx .inner .in-bx .in-inner{width: 480px; margin-left: auto; margin-right: 43px;}
#con1 .bx .inner .in-bx .in-inner .in-ttl1{font-size: 25px; letter-spacing: -1px; line-height: 1.6; font-weight: 500; text-align: left; margin-bottom: 57px; padding-left: 33px; position: relative;}
#con1 .bx .inner .in-bx .in-inner .in-ttl1::before{content: ""; width: 2px; height: 58px; background: #222123; position: absolute; left: 0; top: -10px;}
#con1 .bx .inner .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px; }


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 1200px; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 30px; letter-spacing: -1.2px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 65px; padding: 20px 0 20px; background: #EDEDED;}

#con2 .bx .inner .in-bx1{width: 1200px; margin: 0 auto 198px; position: relative;}
#con2 .bx .inner .in-bx1 .img{position: absolute; left: 0; top: 3px;}
#con2 .bx .inner .in-bx1 .in-inner{width: 528px; margin-left: auto; margin-right: 20px;}
#con2 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px; }

#con2 .bx .inner .in-bx2{width: 1200px; margin: 0 auto 184px; position: relative;}
#con2 .bx .inner .in-bx2 .img{position: absolute; left: 0; top: -8px;}
#con2 .bx .inner .in-bx2 .in-inner{width: 528px; margin-left: auto; margin-right: 20px;}
#con2 .bx .inner .in-bx2 .in-inner .in-ttl1{font-size: 25px; letter-spacing: -1px; line-height: 1.6; font-weight: 500; text-align: left; margin-bottom: 32px; padding-left: 33px; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner .in-ttl1::before{content: ""; width: 2px; height: 58px; background: #222123; position: absolute; left: -1px; top: -8px;}
#con2 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px; }


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; }
#con3 .bx .inner{width: 1200px; margin: 0 auto;}
#con3 .bx .inner .ttl1{font-size: 30px; letter-spacing: -1.2px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 74px; padding: 20px 0 20px; background: #EDEDED;}

#con3 .bx .inner .in-bx1{width: 1200px; margin: 0 auto 278px; position: relative;}
#con3 .bx .inner .in-bx1 .img{position: absolute; left: 0; top: 3px;}
#con3 .bx .inner .in-bx1 .in-inner{width: 528px; margin-left: auto; margin-right: 20px;}
#con3 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px; }

#con3 .bx .inner .in-bx2{width: 1200px; margin: 0 auto 170px; position: relative; border: 2px solid #000; padding: 80px 80px 50px 80px;}
#con3 .bx .inner .in-bx2 .in-inner2{width: 466px; margin-right: auto; }
#con3 .bx .inner .in-bx2 .in-inner2 .in-ttl1{font-size: 30px; letter-spacing: -1.2px; line-height: 1.6; font-weight: 500; margin-bottom: 26px;}
#con3 .bx .inner .in-bx2 .in-inner2 .in-txt2{font-size: 16px; letter-spacing: 0px; line-height: 2; font-weight: 400; margin-bottom: 32px; }
#con3 .bx .inner .in-bx2 .in-inner2 .img{position: absolute; right: 80px; top: 87px;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; }
#con4 .bx .inner{width: 1000px; margin: 0 auto 162px;}
#con4 .bx .inner .douga{width: 800px; height: 455px; margin: 0 auto 51px;}
#con4 .bx .inner .douga iframe{width: 800px; height: 455px; margin: 0 auto 51px;}
#con4 .bx .inner .ttl1{text-align: center; margin-bottom: 10px;}
#con4 .bx .inner .ttl2{font-size: 34px; letter-spacing: 1.6px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 7px;}
#con4 .bx .inner .txt1{font-size: 14px; letter-spacing: 0; line-height: 2; font-weight: 400; text-align: center; }

#con5 {}
#con5 .bx{width: 100%;margin: 0 auto 100px;background: url(../images/concept/con5-bg.png) no-repeat top center;padding: 153px 0 158px;}
#con5 .bx .inner{width: 1000px; margin: 0 auto}
#con5 .bx .inner .ttl1{font-size: 30px;letter-spacing: -1.2px;line-height: 45px;font-weight: 500;text-align: center;color: #fff;}
#con5 .bx .inner .ttl1 span{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400;}


#page-common .page-bx {
width: 1200px;
margin: 0 auto;
padding-bottom: 200px!important;
}


#ee {margin-top: 0;}

}


@media screen and (max-width: 767px) {


#con1 {
    margin-top: 6.28vw;
}
#con1 .bx{width: 100%; margin: 0 auto 13vw; background: url(../images/concept/sp-con1-bg.png) no-repeat top center; padding: 57vw 0 0; background-size: 100%;}
#con1 .bx .inner{margin-top: 11vw;}
#con1 .bx .inner .ttl1{font-size: 6.4vw; letter-spacing: -0.2vw; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 5vw;}
#con1 .bx .inner .ttl2{font-size: 4.6vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 500; text-align: center; margin-bottom: 5.5vw;}
#con1 .bx .inner .txt1{font-size: 3.4vw; letter-spacing: 0.1vw; line-height: 1.8; font-weight: 500; text-align: center; margin-bottom: 7vw;}

#con1 .bx .inner .in-bx{width: 90%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx .img{margin-bottom: 6.5vw;}
#con1 .bx .inner .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .in-bx .in-inner .in-ttl1{font-size: 4.8vw; letter-spacing: -0.15vw; line-height: 1.55; font-weight: 500; text-align: left; margin-bottom: 4.5vw; padding-left: 4vw; position: relative;}
#con1 .bx .inner .in-bx .in-inner .in-ttl1::before{content: ""; width: 0.1vw; height: 8vw; background: #222123; position: absolute; left: 0.2vw; top: -1vw;}
#con1 .bx .inner .in-bx .in-inner .in-txt1{font-size: 3.55vw; letter-spacing: -0.2vw; line-height: 1.9; font-weight: 400; margin-bottom: 7vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 90%; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 5.2vw; letter-spacing: 0vw; line-height: 1.7; font-weight: 500; text-align: center; margin-bottom: 8vw; padding: 4vw 0 3vw 0vw; background: #EDEDED;}
#con2 .bx .inner .ttl1 .ss1{padding-right: 5vw;}

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto 0; position: relative;}
#con2 .bx .inner .in-bx1 .img{margin-bottom: 4.5vw;}
#con2 .bx .inner .in-bx1 .in-inner{width: 100%; margin: 0 auto; }
#con2 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 3.55vw; letter-spacing: -0.2vw; line-height: 1.9; font-weight: 400; margin-bottom: 7vw;}

#con2 .bx .inner .in-bx2{width: 100%; margin: 0 auto 0; position: relative;}
#con2 .bx .inner .in-bx2 .img{margin-bottom: 6vw;}
#con2 .bx .inner .in-bx2 .in-inner{width: 100%; margin: 0 auto; }
#con2 .bx .inner .in-bx2 .in-inner .in-ttl1{font-size: 4.8vw; letter-spacing: -0.2vw; line-height: 1.6; font-weight: 500; text-align: left; margin-bottom: 5vw; padding-left: 4vw; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner .in-ttl1::before{content: ""; width: 0.1vw; height: 8vw; background: #222123; position: absolute; left: 0; top: 0;}
#con2 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 3.55vw; letter-spacing: -0.2vw; line-height: 1.9; font-weight: 400; margin-bottom: 14vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; }
#con3 .bx .inner{width: 90%; margin: 0 auto;}
#con3 .bx .inner .ttl1{font-size: 5.2vw; letter-spacing: 0; line-height: 1.7; font-weight: 500; text-align: center; margin-bottom: 8vw; padding: 3vw 0vw 3vw 0vw; background: #EDEDED;}

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto 0; position: relative;}
#con3 .bx .inner .in-bx1 .img{margin-bottom: 4.5vw;}
#con3 .bx .inner .in-bx1 .in-inner{width: 100%; margin: 0 auto; }
#con3 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 3.55vw; letter-spacing: -0.22vw; line-height: 1.9; font-weight: 400; margin-bottom: 14vw;}
#con3 .bx .inner .in-bx1 .in-inner .in-txt1 span{display: block; margin-bottom: -1vw;}

#con3 .bx .inner .in-bx2{width: 100%; margin: 0 auto 15vw; position: relative; border: 2px solid #000; padding: 5.3vw 6.8vw 7vw;}
#con3 .bx .inner .in-bx2 .in-inner2{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx2 .in-inner2 .in-ttl1{font-size: 4.2vw; letter-spacing: -0.3vw; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 5vw; padding-right: 4vw;}
#con3 .bx .inner .in-bx2 .in-inner2 .in-txt2{font-size: 3.3vw; letter-spacing: 0.1vw; line-height: 2; font-weight: 400; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx2 .in-inner2 .in-txt2.ss1{margin-bottom: 3vw;}
#con3 .bx .inner .in-bx2 .in-inner2 .img{text-align: center;}


#con4 {}
#con4 .bx{width: 89%; margin: 0 auto; }
#con4 .bx .inner{width: 100%; margin: 0 auto 14vw;}
#con4 .bx .inner .douga{width: 90vw; height: 50vw; margin: 0 auto 0.725vw;}
#con4 .bx .inner .douga iframe{width: 90vw; height: 50vw; margin: 0 auto 0.725vw;}
#con4 .bx .inner .ttl1{width: 10vw; margin: 0 auto 2vw;}
#con4 .bx .inner .ttl2{font-size: 5vw; letter-spacing: 0; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 2.5vw;}
#con4 .bx .inner .txt1{font-size: 2.9vw; letter-spacing: 0; line-height: 1.75; font-weight: 400; text-align: center;}

#con5 {}
#con5 .bx{width: 100%; margin: 0 auto 14.8vw; background: url(../images/concept/sp-con5-bg.png) no-repeat top center; padding: 10vw 0 10vw; background-size: 100%;}
#con5 .bx .inner{width: 100%; margin: 0 auto}
#con5 .bx .inner .ttl1{font-size: 5vw; letter-spacing: -0.4vw; line-height: 1.4; font-weight: 500; text-align: center; margin-bottom: 0vw; color: #fff;}
#con5 .bx .inner .ttl1 span{font-size: 3.3vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 400; display: block; margin-top: 2vw;}

#ee {margin-top: 0;}

}