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

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/reason/con1-bg.png) no-repeat top 123px center; padding: 75px 0 150px; background-size: 100%;}
#con1 .bx .ttl1{text-align: center; margin-bottom: 124px;}
#con1 .bx .img1{width: 87.6%; margin: 0 auto;}
#con1 .bx .img1 img{width: 100%; margin: 0 auto;}


#all-bx {background: #F5F5E8; padding: 106px 0 110px; margin-bottom: 100px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto;}
#con2 .bx .ttl1{text-align: center; margin-bottom: 30px;}

#con2 .bx .inner1{width: 100%; max-width: 1920px; margin: 0 auto 40px; padding: 43px 0 45px; background: linear-gradient(to right,transparent 0%,transparent 44%,#F9FAF4 44%,#F9FAF4 100%);}
#con2 .bx .inner1 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .inner1 .in-bx .in-inner{width: 520px; margin-left: auto; margin-right: 110px;}
#con2 .bx .inner1 .in-bx .in-inner .num{margin-bottom: 16px;}
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1{ letter-spacing: 0; line-height: 1.2; margin-bottom: 10px;}
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1 .in-ss1{font-size: 76px; font-weight: bold; }
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1 .in-ss2{font-size: 66px; font-weight: bold; }
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1 .in-ss3{font-size: 76px; font-weight: bold; color: #3878E8;}
#con2 .bx .inner1 .in-bx .in-inner .in-ttl2{ font-size: 25px; font-weight: bold; letter-spacing: 2.5px; line-height: 1.8; margin-bottom: 30px;}
#con2 .bx .inner1 .in-bx .in-inner .in-img1{ position: absolute; left: 0; top: 65px;}
#con2 .bx .inner1 .in-bx .in-inner .in-txt1{ font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}

#con2 .bx .inner2{width: 100%; max-width: 1920px; margin: 0 auto 40px; padding: 43px 0 45px; background: linear-gradient(to right,transparent 0%,transparent 44%,#F9FAF4 44%,#F9FAF4 100%);}
#con2 .bx .inner2 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .inner2 .in-bx .in-inner{width: 544px; margin-left: auto; margin-right: 86px;}
#con2 .bx .inner2 .in-bx .in-inner .num{margin-bottom: 16px;}
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1{ letter-spacing: 0; line-height: 1.2; margin-bottom: 10px;}
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss1{font-size: 76px; font-weight: bold; }
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss2{font-size: 60px; font-weight: bold; }
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss3{font-size: 76px; font-weight: bold; color: #3878E8;}
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss4{font-size: 66px; font-weight: bold; }
#con2 .bx .inner2 .in-bx .in-inner .in-ttl2{ font-size: 25px; font-weight: bold; letter-spacing: 2.5px; line-height: 1.8; margin-bottom: 30px;}
#con2 .bx .inner2 .in-bx .in-inner .in-img1{ position: absolute; left: 0; top: 65px;}
#con2 .bx .inner2 .in-bx .in-inner .in-txt1{ font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px; margin-right: 30px;}

#con2 .bx .inner3{width: 100%; max-width: 1920px; margin: 0 auto 154px; padding: 43px 0 45px; background: linear-gradient(to right,transparent 0%,transparent 44%,#F9FAF4 44%,#F9FAF4 100%);}
#con2 .bx .inner3 .in-bx{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .inner3 .in-bx .in-inner{width: 544px; margin-left: auto; margin-right: 86px;}
#con2 .bx .inner3 .in-bx .in-inner .num{margin-bottom: 16px;}
#con2 .bx .inner3 .in-bx .in-inner .in-ttl1{ letter-spacing: 0; line-height: 1.2; margin-bottom: 10px;}
#con2 .bx .inner3 .in-bx .in-inner .in-ttl1 .in-ss1{font-size: 76px; font-weight: bold; }
#con2 .bx .inner3 .in-bx .in-inner .in-ttl1 .in-ss2{font-size: 76px; font-weight: bold; color: #3878E8;}
#con2 .bx .inner3 .in-bx .in-inner .in-ttl2{ font-size: 25px; font-weight: bold; letter-spacing: 2.5px; line-height: 1.8; margin-bottom: 30px;}
#con2 .bx .inner3 .in-bx .in-inner .in-img1{ position: absolute; left: 0; top: 65px;}
#con2 .bx .inner3 .in-bx .in-inner .in-txt1{ font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px; margin-right: 30px;}


#con2 .bx .sub-ttl{font-size: 32px; font-weight: bold; letter-spacing: 3px; line-height: 1.7; text-align: center; margin-bottom: 150px;}

#con2 .bx .sub-bx1{width: 100%; max-width: 1920px; margin: 0 auto 280px; position: relative;}
#con2 .bx .sub-img1{width: 50.5%; position: absolute; right: 0; top: -65px; z-index: 1;}
#con2 .bx .sub-img1 img{width: 100%;}
#con2 .bx .sub-bx1 .sub-in{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .sub-bx1 .sub-in .sub-inner{width: 954px; margin-right: auto; background: #F9FAF4; padding: 170px 370px 140px 90px;}
#con2 .bx .sub-bx1 .sub-in .sub-inner .sub-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 28px;}

#con2 .bx .sub-bx2{width: 100%; max-width: 1920px; margin: 0 auto 78px; position: relative;}
#con2 .bx .sub-img2{width: 50.5%; position: absolute; left: 0; top: -90px; z-index: 1;}
#con2 .bx .sub-img2 img{width: 100%;}
#con2 .bx .sub-bx2 .sub-in{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .sub-bx2 .sub-in .sub-inner{width: 954px; margin-left: auto; background: #F9FAF4; padding: 155px 90px 125px 363px;}
#con2 .bx .sub-bx2 .sub-in .sub-inner .sub-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 28px;}

#con3 {}
#con3 .bx{width: 1200px; margin: 0 auto 95px;}
#con3 .bx .ttl1{font-size: 32px; font-weight: bold; letter-spacing: 3.3px; line-height: 1.6; text-align: center; }



}


@media screen and (max-width: 767px) {
#con1 {}
#con1 .bx{width: 100%; margin: 3vw auto 0; background: url(../images/reason/sp-con1-bg.png) no-repeat top 32vw center; padding: 11vw 0 11vw; background-size: 100%; }
#con1 .bx .ttl1{width: 85%; margin: 0 auto 11vw; }
#con1 .bx .img1{width: 92%; margin: 0 auto;}
#con1 .bx .img1 img{width: 100%; margin: 0 auto;}


#all-bx {background: #F5F5E8; padding: 10vw 0 10vw; margin-bottom: 14vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto;}
#con2 .bx .ttl1{width: 49%; margin: 0 auto 5vw;}

#con2 .bx .inner1{width: 100%; margin: 0 auto 5vw; padding: 10vw 0 7vw; background: #FAFAF5}
#con2 .bx .inner1 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner1 .in-bx .in-inner{width: 84%; margin: 0 auto 5vw;}
#con2 .bx .inner1 .in-bx .in-inner .num{width: 26%; margin-bottom: 1vw;}
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1{ letter-spacing: 0; line-height: 1.2; margin-bottom: 1vw;}
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1 .in-ss1{font-size: 12.5vw; font-weight: bold; }
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1 .in-ss2{font-size: 10vw; font-weight: bold; }
#con2 .bx .inner1 .in-bx .in-inner .in-ttl1 .in-ss3{font-size: 12.5vw; font-weight: bold; color: #3878E8;}
#con2 .bx .inner1 .in-bx .in-inner .in-ttl2{ font-size: 4.8vw; font-weight: bold; letter-spacing: 0.4vw; line-height: 1.8; margin-bottom: 6vw;}
#con2 .bx .inner1 .in-bx .in-inner .in-img1{ margin-bottom: 7vw;}
#con2 .bx .inner1 .in-bx .in-inner .in-txt1{ font-size: 3.6vw; letter-spacing: 0.5vw; line-height: 2; margin-bottom: 7vw;}

#con2 .bx .inner2{width: 100%; margin: 0 auto 5vw; padding: 9vw 0 7vw; background: #FAFAF5}
#con2 .bx .inner2 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner2 .in-bx .in-inner{width: 84%; margin: 0 auto 5vw;}
#con2 .bx .inner2 .in-bx .in-inner .num{width: 27%; margin-bottom: 2vw;}
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1{ letter-spacing: 0.2vw; line-height: 1.2; margin-bottom: 2vw;}
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss1{font-size: 11.5vw; font-weight: bold; }
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss2{font-size: 9vw; font-weight: bold; }
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss3{font-size: 11.5vw; font-weight: bold; color: #3878E8;}
#con2 .bx .inner2 .in-bx .in-inner .in-ttl1 .in-ss4{font-size: 9vw; font-weight: bold; }
#con2 .bx .inner2 .in-bx .in-inner .in-ttl2{ font-size: 4.8vw; font-weight: bold; letter-spacing: 0.55vw; line-height: 1.6; margin-bottom: 7vw;}
#con2 .bx .inner2 .in-bx .in-inner .in-img1{ margin-bottom: 7vw;}
#con2 .bx .inner2 .in-bx .in-inner .in-txt1{ font-size: 3.6vw; letter-spacing: 0.5vw; line-height: 2; margin-bottom: 7vw;}

#con2 .bx .inner3{width: 100%; margin: 0 auto 14vw; padding: 8vw 0 7vw; background: #FAFAF5}
#con2 .bx .inner3 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner3 .in-bx .in-inner{width: 84%; margin: 0 auto 5vw;}
#con2 .bx .inner3 .in-bx .in-inner .num{width: 27%; margin-bottom: 2vw;}
#con2 .bx .inner3 .in-bx .in-inner .in-ttl1{ letter-spacing: 0.4vw; line-height: 1.2; margin-bottom: 2vw;}
#con2 .bx .inner3 .in-bx .in-inner .in-ttl1 .in-ss1{font-size: 12vw; font-weight: bold; }
#con2 .bx .inner3 .in-bx .in-inner .in-ttl1 .in-ss2{font-size: 12vw; font-weight: bold; color: #3878E8; }
#con2 .bx .inner3 .in-bx .in-inner .in-ttl2{ font-size: 4.8vw; font-weight: bold; letter-spacing: 0.55vw; line-height: 1.6; margin-bottom: 14vw;}
#con2 .bx .inner3 .in-bx .in-inner .in-img1{ margin-bottom: 7vw;}
#con2 .bx .inner3 .in-bx .in-inner .in-txt1{ font-size: 3.6vw; letter-spacing: 0.5vw; line-height: 2; margin-bottom: 7vw;}


#con2 .bx .sub-ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.8vw; line-height: 1.9; text-align: center; margin-bottom: 33vw;}

#con2 .bx .sub-bx1{width: 100%; margin: 0 auto 40vw; position: relative;}
#con2 .bx .sub-img1{width: 100%; margin: -25vw auto 6vw;}
#con2 .bx .sub-bx1 .sub-in{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .sub-bx1 .sub-in .sub-inner{width: 92%; margin: 0 auto; background: #F9FAF4; padding: 0 4vw 3vw;}
#con2 .bx .sub-bx1 .sub-in .sub-inner .sub-txt{font-size: 3.7vw; letter-spacing: 0.4vw; line-height: 2; margin-bottom: 7vw;}

#con2 .bx .sub-bx2{width: 100%; margin: 0 auto 5vw; position: relative;}
#con2 .bx .sub-img2{width: 100%; margin: -25vw auto 6vw;}
#con2 .bx .sub-bx2 .sub-in{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .sub-bx2 .sub-in .sub-inner{width: 92%; margin: 0 auto; background: #F9FAF4; padding: 0 4vw 3vw;}
#con2 .bx .sub-bx2 .sub-in .sub-inner .sub-txt{font-size: 3.7vw; letter-spacing: 0.4vw; line-height: 2; margin-bottom: 7vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 15vw;}
#con3 .bx .ttl1{font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.7; text-align: center; margin-bottom: 3vw;}


}


@media screen and (min-width: 787px) and (max-width: 1600px) {
#con2 .bx .sub-bx1{width: 100%; max-width: 1920px; margin: 0 auto 100px; position: relative;}
#con2 .bx .sub-img1{width: 50.5%; position: absolute; right: 0; top: -35px; z-index: 1;}
#con2 .bx .sub-img1 img{width: 100%;}
#con2 .bx .sub-bx2{width: 100%; max-width: 1920px; margin: 0 auto 30px; position: relative;}
#con2 .bx .sub-img2{width: 50.5%; position: absolute; left: 0; top: -40px; z-index: 1;}
#con2 .bx .sub-img2 img{width: 100%;}
}