@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; margin-bottom: -55px!important;}
.seo_bread_list a{color: #fff;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/concept/con1-bg1.png) no-repeat top center; padding: 81px 0 1px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto 75px; position: relative;}
#con1 .bx .inner .ttl1{font-size: 54px; letter-spacing: 0.8px; line-height: 1.5; font-weight: bold; text-align: center; color: #fff; margin-bottom: 38px; }
#con1 .bx .inner .icon1{text-align: center; margin-bottom: 0;}

#con1 .bx .in-bx{width: 100%; margin: 0 auto; background: url(../images/concept/con1-bg2.png) no-repeat top center; padding: 100px 0 145px;}
#con1 .bx .in-bx .in-inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .in-bx .in-inner .img1{position: absolute; left: 0; top: 0;}
#con1 .bx .in-bx .in-inner .txt1{width: 473px; margin-left: auto; font-size: 16px; letter-spacing: 0.8px; line-height: 1.95; font-weight: 500; margin-bottom: 34px; margin-right: 10px;}


#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto; background: url(../images/concept/con2-all-bg.jpg) no-repeat top 270px center; padding: 100px 0 60px;}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/concept/con2-bg1.png) no-repeat top center; }
#con2 .bx .inner{width: 1280px; margin: 0 auto; position: relative;}

#con2 .bx .inner .sub-inner1{width: 1100px; margin: 0 auto 123px; position: relative; }
#con2 .bx .inner .sub-inner1 .ttl1{margin-bottom: 105px;}
#con2 .bx .inner .sub-inner1 .img1{position: absolute; right: 0; top: -40px;}
#con2 .bx .inner .sub-inner1 .txt1{width: 618px; margin-right: auto; font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 500; margin-bottom: 32px; position: relative; z-index: 1;}

#con2 .bx .inner .sub-inner2{width: 1100px; margin: 0 auto 113px; position: relative; }
#con2 .bx .inner .sub-inner2 .img2{position: absolute; left: 48px; top: -55px;}
#con2 .bx .inner .sub-inner2 .txt2{width: 618px; margin-left: auto; font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 500; margin-bottom: 32px; position: relative; z-index: 1; color: #fff; margin-right: -67px;}

#con2 .bx .inner .sub-inner3{width: 1280px; margin: 0 auto 123px; position: relative; }
#con2 .bx .inner .sub-inner3 .ttl2{font-size: 26px; letter-spacing: 1.2px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 24px;}
#con2 .bx .inner .sub-inner3 .txt3{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; margin-bottom: 55px; text-align: center; color: #fff;}
#con2 .bx .inner .sub-inner3 .img3{text-align: center;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 143px; background:#122E64; padding: 170px 0 112px;}
#con3 .bx .inner{width: 1280px; margin: 0 auto; position: relative;}
#con3 .bx .inner .icon1{position: absolute; left: 200px; top: -90px;}
#con3 .bx .inner .icon2{position: absolute; right: 140px; top: -280px;}
#con3 .bx .inner .ttl1{font-size: 36px; letter-spacing: 1.8px; line-height: 1.6; font-weight: bold; text-align: center; color: #fff; margin-bottom: 88px;}

#con3 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 123px; position: relative; }
#con3 .bx .inner .in-bx1 .in-inner{width: 480px; margin-right: auto; position: relative; }
#con3 .bx .inner .in-bx1 .in-inner .in-num1{position: absolute; left: 510px; top: -23px; z-index: 1;}
#con3 .bx .inner .in-bx1 .in-inner .in-img1{position: absolute; left: 540px; top: -7px;}
#con3 .bx .inner .in-bx1 .in-inner .in-ttl1{ margin-bottom: 20px; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner .in-list-bx { width: 480px; margin: 0 auto 35px; background-color: #FFDE00; border: 3px solid #fff;}
#con3 .bx .inner .in-bx1 .in-inner .in-list-bx .in-ttl2{ position: relative; text-align: center; padding: 15px 0 15px; font-size: 24px; letter-spacing: 0.8px; font-weight: bold; line-height: 1.6; color: #000; border: 2px solid #000; background-color: transparent;}
#con3 .bx .inner .in-bx1 .in-inner .in-txt1{ font-size: 16px; letter-spacing: 0.85px; line-height: 1.75; font-weight: 500; color: #fff; margin-bottom: 27px;}

#con3 .bx .inner .in-bx2{width: 1100px; margin: 0 auto 130px; position: relative; }
#con3 .bx .inner .in-bx2 .in-inner{width: 480px; margin-right: auto; position: relative; }
#con3 .bx .inner .in-bx2 .in-inner .in-num1{position: absolute; left: 510px; top: -30px; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner .in-img1{position: absolute; left: 540px; top: 0px;}
#con3 .bx .inner .in-bx2 .in-inner .in-ttl1{ margin-bottom: 20px; text-align: center;}
#con3 .bx .inner .in-bx2 .in-inner .in-list-bx { width: 480px; margin: 0 auto 35px; background-color: #FFDE00; border: 3px solid #fff;}
#con3 .bx .inner .in-bx2 .in-inner .in-list-bx .in-ttl2{ position: relative; text-align: center; padding: 15px 0 15px; font-size: 24px; letter-spacing: 0.2px; font-weight: bold; line-height: 1.6; color: #000; border: 2px solid #000; background-color: transparent;}
#con3 .bx .inner .in-bx2 .in-inner .in-txt1{ font-size: 16px; letter-spacing: 0.85px; line-height: 1.75; font-weight: 500; color: #fff; margin-bottom: 27px;}

#con3 .bx .inner .in-bx3{width: 1100px; margin: 0 auto; position: relative; }
#con3 .bx .inner .in-bx3 .in-inner{width: 480px; margin-right: auto; position: relative; }
#con3 .bx .inner .in-bx3 .in-inner .in-num1{position: absolute; left: 510px; top: -30px; z-index: 1;}
#con3 .bx .inner .in-bx3 .in-inner .in-img1{position: absolute; left: 540px; top: 0px;}
#con3 .bx .inner .in-bx3 .in-inner .in-ttl1{ margin-bottom: 20px; text-align: center;}
#con3 .bx .inner .in-bx3 .in-inner .in-list-bx { width: 480px; margin: 0 auto 35px; background-color: #FFDE00; border: 3px solid #fff;}
#con3 .bx .inner .in-bx3 .in-inner .in-list-bx .in-ttl2{ position: relative; text-align: center; padding: 15px 0 15px; font-size: 24px; letter-spacing: 0.2px; font-weight: bold; line-height: 1.6; color: #000; border: 2px solid #000; background-color: transparent;}
#con3 .bx .inner .in-bx3 .in-inner .in-txt1{ font-size: 16px; letter-spacing: 0.85px; line-height: 1.75; font-weight: 500; color: #fff; margin-bottom: 27px;}

.last-txt {font-size: 40px; letter-spacing: 0.8px; line-height: 1.3; font-weight: 900; text-align: center; margin-bottom: 83px;}


}












@media screen and (max-width: 767px) {
h1.main-title { margin-bottom: 0vw!important;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con1-bg1.png) no-repeat top center; padding: 8vw 0 1vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{font-size: 7.5vw; letter-spacing: 0.4vw; line-height: 1.5; font-weight: bold; text-align: center; color: #fff; margin-bottom: 4vw; padding-left: 1vw;}
#con1 .bx .inner .icon1{width: 74%; margin: 0 auto 8vw;}

#con1 .bx .in-bx{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con1-bg2.png) no-repeat top center; padding: 12vw 0 17vw; background-size: 100%;}
#con1 .bx .in-bx .in-inner{width: 90%; margin: 0 auto; position: relative;}
#con1 .bx .in-bx .in-inner .img1{width: 100%; margin: 0 auto 3vw;}
#con1 .bx .in-bx .in-inner .txt1{font-size: 3.65vw; letter-spacing: 0.2vw; line-height: 1.9; font-weight: 500; margin-bottom: 6vw;}


#con2 {}
#con2 .all-bx{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con2-all-bg.jpg) no-repeat top 176vw center; padding: 8vw 0 2vw; background-size: 100%;}
#con2 .bx{width: 100%; margin: 0 auto; background: url(../images/concept/sp-con2-bg1.png) no-repeat top center; padding: 1vw 0 0;  background-size: 100%;}
#con2 .bx .inner{width: 100%; margin: 0 auto; position: relative;}

#con2 .bx .inner .sub-inner1{width: 100%; margin: 0 auto 0vw; background: url(../images/concept/sp-con2-bg1.png) no-repeat top center;; position: relative; padding: 0 0 1vw; background-size: 100%;}
#con2 .bx .inner .sub-inner1 .ttl1{width: 84%; margin-left: 5vw; margin-bottom: 6vw;}
#con2 .bx .inner .sub-inner1 .img1{width: 94%; margin: 0 auto 6vw;}
#con2 .bx .inner .sub-inner1 .txt1{font-size: 3.75vw; letter-spacing: 0.1vw; line-height: 1.9; font-weight: 500; margin-bottom: 6vw; padding: 0 5vw;}

#con2 .bx .inner .sub-inner2{width: 100%; margin: 0 auto 11vw; position: relative; }
#con2 .bx .inner .sub-inner2 .img2{width: 34%; margin: 0 auto 6vw;}
#con2 .bx .inner .sub-inner2 .txt2{width: 90%; margin: 0 auto; font-size: 3.75vw; letter-spacing: 0.1vw; line-height: 1.85; font-weight: 500; margin-bottom: 6vw; color: #fff;}

#con2 .bx .inner .sub-inner3{width: 100%; margin: 0 auto 11vw; position: relative; }
#con2 .bx .inner .sub-inner3 .ttl2{width: 100%; margin: 0 auto; font-size: 5.8vw; letter-spacing: 0.3vw; line-height: 1.45; font-weight: 500; margin-bottom: 5vw; color: #fff; text-align: center;}
#con2 .bx .inner .sub-inner3 .txt3{width: 90%; margin: 0 auto; font-size: 3.75vw; letter-spacing: 0.1vw; line-height: 1.85; font-weight: 500; margin-bottom: 8.5vw; color: #fff;}
#con2 .bx .inner .sub-inner3 .img3{text-align: center;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 20vw; background:#122E64; padding: 31vw 0 8vw;}
#con3 .bx .inner{width: 90%; margin: 0 auto; position: relative;}
#con3 .bx .inner .icon1{width: 47.5%; position: absolute; left: -1.5vw; top: -19vw;}
#con3 .bx .inner .icon2{width: 80%; position: absolute; right: -19vw; top: -51vw;}
#con3 .bx .inner .ttl1{font-size: 6.4vw; letter-spacing: 0.6vw; line-height: 1.35; font-weight: bold; text-align: center; color: #fff; margin-bottom: 17vw;}

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto 21vw; position: relative; }
#con3 .bx .inner .in-bx1 .in-inner{width: 100%; margin-right: auto; position: relative; }
#con3 .bx .inner .in-bx1 .in-inner .in-num1{width: 22%; position: absolute; left: 35vw; right: 0; top: -9vw; z-index: 1; }
#con3 .bx .inner .in-bx1 .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con3 .bx .inner .in-bx1 .in-inner .in-ttl1{width: 57%; margin: 0 auto 7vw; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner .in-list-bx { width: 100%; margin: 0 auto 6vw; background-color: #FFDE00; border: 3px solid #fff;}
#con3 .bx .inner .in-bx1 .in-inner .in-list-bx .in-ttl2{ position: relative; text-align: center; padding: 3vw 0 3vw; font-size: 4.4vw; letter-spacing: 0; font-weight: bold; line-height: 1.7; color: #000; border: 2px solid #000; background-color: transparent;}
#con3 .bx .inner .in-bx1 .in-inner .in-txt1{ font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.75; font-weight: 400; color: #fff; margin-bottom: 6vw;}

#con3 .bx .inner .in-bx2{width: 100%; margin: 0 auto 21vw; position: relative; }
#con3 .bx .inner .in-bx2 .in-inner{width: 100%; margin-right: auto; position: relative; }
#con3 .bx .inner .in-bx2 .in-inner .in-num1{width: 22%; position: absolute; left: 35vw; right: 0; top: -10vw; z-index: 1;}
#con3 .bx .inner .in-bx2 .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con3 .bx .inner .in-bx2 .in-inner .in-ttl1{width: 42%; margin: 0 auto 7vw; text-align: center;}
#con3 .bx .inner .in-bx2 .in-inner .in-list-bx { width: 100%; margin: 0 auto 6vw; background-color: #FFDE00; border: 3px solid #fff;}
#con3 .bx .inner .in-bx2 .in-inner .in-list-bx .in-ttl2{ position: relative; text-align: center; padding: 3vw 0 3vw; font-size: 4.4vw; letter-spacing: 0; font-weight: bold; line-height: 1.7; color: #000; border: 2px solid #000; background-color: transparent;}
#con3 .bx .inner .in-bx2 .in-inner .in-txt1{ font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.75; font-weight: 400; color: #fff; margin-bottom: 6vw;}

#con3 .bx .inner .in-bx3{width: 100%; margin: 0 auto; position: relative; }
#con3 .bx .inner .in-bx3 .in-inner{width: 100%; margin-right: auto; position: relative; }
#con3 .bx .inner .in-bx3 .in-inner .in-num1{width: 22%; position: absolute; left: 35vw; right: 0; top: -10vw; z-index: 1; }
#con3 .bx .inner .in-bx3 .in-inner .in-img1{width: 100%; margin: 0 auto 7vw;}
#con3 .bx .inner .in-bx3 .in-inner .in-ttl1{width: 57%; margin: 0 auto 7vw; text-align: center;}
#con3 .bx .inner .in-bx3 .in-inner .in-list-bx { width: 100%; margin: 0 auto 5.5vw; background-color: #FFDE00; border: 3px solid #fff;}
#con3 .bx .inner .in-bx3 .in-inner .in-list-bx .in-ttl2{ position: relative; text-align: center; padding: 3vw 0 3vw; font-size: 4.4vw; letter-spacing: 0; font-weight: bold; line-height: 1.7; color: #000; border: 2px solid #000; background-color: transparent;}
#con3 .bx .inner .in-bx3 .in-inner .in-txt1{ font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.75; font-weight: 400; color: #fff; margin-bottom: 6vw;}

.last-txt {font-size: 5.8vw; letter-spacing: 0.1vw; line-height: 1.4; font-weight: 900; text-align: center; margin-bottom: 9.5vw;}


}