@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}

#con1 {}
#con1 .bx{width: 100%; margin: -81px auto 0; background: url(../images/concept/con1-bg.png) no-repeat top center; padding: 243px 0 227px;;}
#con1 .bx .inner{width: 1000px; margin: 0 auto;}
#con1 .bx .inner .txt{font-size: 22px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 15px;}
#con1 .bx .inner .ttl{font-size: 56px; letter-spacing: 4.5px; line-height: 1.35; font-weight: 800; color: #fff; text-align: center;}


#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto 198px; background: #EAECEE; padding: 60px 0px 40px;}

#con2 .bx{width: 1280px; margin: 0 auto 230px; position: relative;}
#con2 .bx .inner{width: 785px; margin-right: auto;}
#con2 .bx .inner .img1{position: absolute; right: 0; top: -100px;}
#con2 .bx .inner .txt1{font-size: 10px; letter-spacing: 0.6px; line-height: 1.6; font-weight: 100; width: 400px; position: absolute; right: 0; top: 327px;}
#con2 .bx .inner .ttl1{font-size: 30px; letter-spacing: 1.4px; line-height: 1.65; font-weight: bold; margin-bottom: 25px;}
#con2 .bx .inner .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 500; }


#con2 .bx1{width: 100%; margin: 0 auto; background: url(../images/concept/con2-bg1.png) no-repeat top center; padding: 143px 0 120px;;}
#con2 .bx1 .txt{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 15px;}
#con2 .bx1 .ttl{font-size: 32px; letter-spacing: 1.6px; line-height: 1.35; font-weight: bold; color: #fff; text-align: center; margin-bottom: 142px;}
#con2 .bx1 .inner1{width: 1200px; margin: 0 auto; background: #fff; padding: 97px 100px 110px; border-top: 10px solid #E8E8E8;}

#con2 .bx1 .inner1 .in-bx1{width: 1000px; margin: 0 auto 84px; position: relative;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1{width: 490px; margin-right: auto;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-txt1{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 7px;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.65; font-weight: bold; margin-bottom: 60px; position: relative;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-ttl1::after{content: ""; width: 30px; height: 4px; margin: 0 auto; background: #C41729; position: absolute; left: 0; bottom: -33px;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-img1{position: absolute; right: 0; top: 3px;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 37px;}

#con2 .bx1 .inner1 .in-bx2{width: 1000px; margin: 0 auto 117px; position: relative;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1{width: 490px; margin-left: auto;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-txt1{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 7px;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.65; font-weight: bold; margin-bottom: 60px; position: relative;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-ttl1::after{content: ""; width: 30px; height: 4px; margin: 0 auto; background: #C41729; position: absolute; left: 0; bottom: -33px;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-img1{position: absolute; left: -40px; top: -32px;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 37px;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-img2{}

#con2 .bx1 .inner1 .in-bx3{width: 1000px; margin: 0 auto; position: relative;}
#con2 .bx1 .inner1 .in-bx3 .in-inner1{}
#con2 .bx1 .inner1 .in-bx3 .in-inner1 .in-ttl1{font-size: 48px; letter-spacing: 3.4px; line-height: 1.5; font-weight: 800; text-align: center; margin-bottom: 26px; padding-left: 20px;}
#con2 .bx1 .inner1 .in-bx3 .in-inner1 .in-ttl1 span{color: #C41729;}
#con2 .bx1 .inner1 .in-bx3 .in-inner1 .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center;}



#con2 .bx2{width: 100%; margin: 0 auto; background: url(../images/concept/con2-bg2.png) no-repeat top center; padding: 143px 0 120px;;}
#con2 .bx2 .txt{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 15px;}
#con2 .bx2 .ttl{font-size: 32px; letter-spacing: 1.6px; line-height: 1.35; font-weight: bold; color: #fff; text-align: center; margin-bottom: 142px;}
#con2 .bx2 .inner2{width: 1200px; margin: 0 auto; background: #fff; padding: 100px 100px 60px; border-top: 10px solid #E8E8E8;}

#con2 .bx2 .inner2 .in-bx1{width: 1000px; margin: 0 auto; position: relative;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1{width: 490px; margin-right: auto;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-txt1{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 7px;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.65; font-weight: bold; margin-bottom: 60px; position: relative;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-ttl1::after{content: ""; width: 30px; height: 4px; margin: 0 auto; background: #C41729; position: absolute; left: 0; bottom: -33px;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-img1{position: absolute; right: 0; top: 3px;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 37px;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-btn{position: absolute; right: 0; top: 400px;}



#con2 .bx3{width: 100%; margin: 0 auto; background: url(../images/concept/con2-bg3.png) no-repeat top center; padding: 143px 0 10px;;}
#con2 .bx3 .txt{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 15px;}
#con2 .bx3 .ttl{font-size: 32px; letter-spacing: 1.6px; line-height: 1.35; font-weight: bold; color: #fff; text-align: center; margin-bottom: 142px;}
#con2 .bx3 .inner3{width: 1200px; margin: 0 auto; background: #fff; padding: 97px 100px 120px; border-top: 10px solid #E8E8E8;}

#con2 .bx3 .inner3 .in-bx1{width: 1000px; margin: 0 auto 60px; position: relative;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1{width: 490px; margin-right: auto;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-txt1{font-size: 17px; letter-spacing: 1.8px; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 7px;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-ttl1{font-size: 30px; letter-spacing: 2.4px; line-height: 1.65; font-weight: bold; margin-bottom: 60px; position: relative;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-ttl1::after{content: ""; width: 30px; height: 4px; margin: 0 auto; background: #C41729; position: absolute; left: 0; bottom: -33px;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-img1{position: absolute; right: 0; top: 3px;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 37px;}

#con2 .bx3 .inner3 .in-bx2{width: 1000px; margin: 0 auto; position: relative;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1{width: 610px; margin-left: auto;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1 .in-img1{position: absolute; left: 0; top: -2px;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1 .in-txt1{position: absolute; left: 0; top: 257px; font-size: 13px; letter-spacing: 0.6px; line-height: 1.6; font-weight: 500;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1 .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 37px;}



#con3 {}
#con3 .bx{width: 1280px; margin: 0 auto 100px; position: relative;}
#con3 .bx .inner{}
#con3 .bx .inner .ttl{font-size: 32px; letter-spacing: 2.8px; line-height: 1.6; font-weight: 800; text-align: center; margin-bottom: 56px;}
#con3 .bx .inner .img{text-align: center;}



}











@media screen and (max-width: 767px) {
main { font-weight: 500!important;}


#con1 {}
#con1 .bx{width: 100%; margin: -8vw auto 0; background: url(../images/concept/sp-con1-bg.png) no-repeat top center; padding: 35vw 0 41vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto;}
#con1 .bx .inner .txt{font-size: 3.4vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 1vw;}
#con1 .bx .inner .ttl{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.35; font-weight: 800; color: #fff; text-align: center;}


#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto 24vw; background: #EAECEE; padding: 40vw 0 5vw;}

#con2 .bx{width: 100%; margin: 0 auto 18vw; position: relative;}
#con2 .bx .inner{width: 100%; margin: 0 auto;}
#con2 .bx .inner .img1{width: 38%; margin: 0 auto 6vw; position: absolute; right: 8vw; top: -45vw;}
#con2 .bx .inner .txt1{font-size: 1.8vw; letter-spacing: 0.1vw; line-height: 1.15; font-weight: 100; width: 35%; position: absolute; left: 12vw; top: -29vw;}
#con2 .bx .inner .ttl1{font-size: 5.2vw; letter-spacing: 0vw; line-height: 1.45; font-weight: bold; margin-bottom: 3.5vw; padding-left: 8vw;}
#con2 .bx .inner .txt2{font-size: 3.8vw; letter-spacing: 0.3vw; line-height: 2.15; font-weight: 500; padding: 0 8vw;}


#con2 .bx1{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con2-bg1.png) no-repeat top center; padding: 11vw 0 20vw; background-size: 100%;}
#con2 .bx1 .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 2vw;}
#con2 .bx1 .ttl{font-size: 5.6vw; letter-spacing: 0vw; line-height: 1.35; font-weight: bold; color: #fff; text-align: center; margin-bottom: 12vw;}
#con2 .bx1 .inner1{width: 92%; margin: 0 auto; background: #fff; padding: 7vw 4vw 10vw; border-top: 5px solid #E8E8E8;}

#con2 .bx1 .inner1 .in-bx1{width: 100%; margin: 0 auto 17vw; position: relative;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-txt1{font-size: 3.5vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 1vw; text-align: center;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-ttl1{font-size: 4.9vw; letter-spacing: 0.3vw; line-height: 1.65; font-weight: bold; margin-bottom: 10vw; position: relative; text-align: center;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-ttl1::after{content: ""; width: 7vw; height: 1vw; margin: 0 auto; background: #C41729; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 3vw;}
#con2 .bx1 .inner1 .in-bx1 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; margin-bottom: 8vw;}

#con2 .bx1 .inner1 .in-bx2{width: 100%; margin: 0 auto 14vw; position: relative;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-txt1{font-size: 3.5vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 1vw; text-align: center;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-ttl1{font-size: 4.9vw; letter-spacing: 0.3vw; line-height: 1.65; font-weight: bold; margin-bottom: 10vw; position: relative; text-align: center;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-ttl1::after{content: ""; width: 7vw; height: 1vw; margin: 0 auto; background: #C41729; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-img1{width: 100%; margin: 0 auto 3vw;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; margin-bottom: 8vw;}
#con2 .bx1 .inner1 .in-bx2 .in-inner1 .in-img2{margin-top: -5vw;}

#con2 .bx1 .inner1 .in-bx3{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx1 .inner1 .in-bx3 .in-inner1{}
#con2 .bx1 .inner1 .in-bx3 .in-inner1 .in-ttl1{font-size: 5vw; letter-spacing: 0.2vw; line-height: 1.8; font-weight: 800; text-align: center; margin-bottom: 2vw;}
#con2 .bx1 .inner1 .in-bx3 .in-inner1 .in-ttl1 span{font-size: 8.4vw; letter-spacing: 0vw; color: #C41729; padding-left: 1vw;}
#con2 .bx1 .inner1 .in-bx3 .in-inner1 .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; }



#con2 .bx2{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con2-bg2.png) no-repeat top center; padding: 11vw 0 20vw; background-size: 100%;}
#con2 .bx2 .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 2vw;}
#con2 .bx2 .ttl{font-size: 5.6vw; letter-spacing: 0vw; line-height: 1.35; font-weight: bold; color: #fff; text-align: center; margin-bottom: 12vw;}
#con2 .bx2 .inner2{width: 92%; margin: 0 auto; background: #fff; padding: 7vw 4vw 12vw; border-top: 5px solid #E8E8E8;}

#con2 .bx2 .inner2 .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-txt1{font-size: 3.5vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 1vw; text-align: center;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-ttl1{font-size: 4.9vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: bold; margin-bottom: 10vw; position: relative; text-align: center;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-ttl1::after{content: ""; width: 7vw; height: 1vw; margin: 0 auto; background: #C41729; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 3vw;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.3vw; line-height: 2.18; font-weight: 500; margin-bottom: 8vw;}
#con2 .bx2 .inner2 .in-bx1 .in-inner1 .in-btn{width: 86%; margin: 0 auto;}



#con2 .bx3{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con2-bg3.png) no-repeat top center; padding: 11vw 0 15vw; background-size: 100%;}
#con2 .bx3 .txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 900; color: #EAECEE; text-align: center; margin-bottom: 2vw;}
#con2 .bx3 .ttl{font-size: 5.6vw; letter-spacing: 0vw; line-height: 1.35; font-weight: bold; color: #fff; text-align: center; margin-bottom: 12vw;}
#con2 .bx3 .inner3{width: 92%; margin: 0 auto; background: #fff; padding: 7vw 4vw 2vw; border-top: 5px solid #E8E8E8;}

#con2 .bx3 .inner3 .in-bx1{width: 100%; margin: 0 auto 8vw; position: relative;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-txt1{font-size: 3.5vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 900; color: #C41729; margin-bottom: 1vw; text-align: center;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-ttl1{font-size: 4.9vw; letter-spacing: 0.3vw; line-height: 1.55; font-weight: bold; margin-bottom: 10vw; position: relative; text-align: center;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-ttl1::after{content: ""; width: 7vw; height: 1vw; margin: 0 auto; background: #C41729; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-img1{width: 100%; margin: 0 auto 3vw;}
#con2 .bx3 .inner3 .in-bx1 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; margin-bottom: 8vw;}

#con2 .bx3 .inner3 .in-bx2{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1 .in-img1{width: 72%; margin: 0 auto 2.5vw;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1 .in-txt1{font-size: 3vw; letter-spacing: 0vw; line-height: 1.6; font-weight: 500; margin-bottom: 5.5vw; text-align: right; padding-right: 12vw;}
#con2 .bx3 .inner3 .in-bx2 .in-inner1 .in-txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.18; font-weight: 500; margin-bottom: 8vw;}


#con3 {}
#con3 .bx{width: 92%; margin: 0 auto 24vw; position: relative;}
#con3 .bx .inner{}
#con3 .bx .inner .ttl{font-size: 5.6vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 800; text-align: center; margin-bottom: 8vw;}
#con3 .bx .inner .img{text-align: center;}




}





@media screen and (min-width:768px) and ( max-width:1450px) {
#con2 .bx .inner{width: 785px; margin-right: auto; margin-left: 30px;}
#con2 .bx .inner .img1{position: absolute; right: 50px; top: -100px;}
#con2 .bx .inner .txt1{position: absolute; right: 50px; top: 327px;}

}