@charset "UTF-8";

.f-sole { font-family: "soleil", sans-serif; font-weight: normal; }

@media screen and (min-width: 768px),print {
main {width: 100%!important; max-width: 1920px!important; margin: 0 auto 140px!important; letter-spacing: 1px; line-height: 1.8;}
.seo_bread_list { margin-bottom: 88px;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto 153px; background: url(../images/reason/con1-bg.png) no-repeat top 43px center;;}
#con1 .bx .ttl1{font-size: 34px; font-weight: 500; letter-spacing: 5px; line-height: 1.7; text-align: center; margin-bottom: 38px;}
#con1 .bx .img1{text-align: center; margin-bottom: 105px;}

#con1 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl2{font-size: 30px; font-weight: 500; letter-spacing: 4.5px; line-height: 1.7; text-align: center; margin-bottom: 103px; position: relative;}
#con1 .bx .inner .ttl2::before{content: ""; width: 39px; height: 1px; margin: 0 auto; background: #FF7500; text-align: center; position: absolute; left: 0; right: 0; bottom: -20px;}
#con1 .bx .inner .in-bx{width: 563px; margin-left: auto; position: relative; margin-right: 10px;}
#con1 .bx .inner .in-bx .img2{position: absolute; left: -528px; top: -33px;}
#con1 .bx .inner .in-bx .txt1{font-size: 16px; letter-spacing: 1.55px; line-height: 2; margin-bottom: 30px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: #F7F7F2; padding: 112px 0 107px;}

#con2 .bx .inner1{width: 1100px; margin: 0 auto 130px; position: relative;}
#con2 .bx .inner1 .num{font-size: 29px; font-weight: 600; color: #FF7500; text-align: center; margin-bottom: 12px; position: relative; letter-spacing: 0;}
#con2 .bx .inner1 .num::before{content: ""; width: 16px; height: 1px; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner1 .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.7; text-align: center; margin-bottom: 2px; margin-left: 10px;}
#con2 .bx .inner1 .ttl2{font-size: 26px; font-weight: 400; color: #FF7500; letter-spacing: 5px; line-height: 1.7; text-align: center; margin-bottom: 90px;}
#con2 .bx .inner1 .in-bx{width: 550px; margin-right: auto; position: relative;}
#con2 .bx .inner1 .in-bx .img1{position: absolute; right: -548px; top: -40px;}
#con2 .bx .inner1 .in-bx .txt1{font-size: 16px; letter-spacing: 1.55px; line-height: 2; margin-bottom: 33px;}
#con2 .bx .inner1 .in-bx .txt1 span{font-weight: bold;}

#con2 .bx .inner2{width: 1100px; margin: 0 auto 93px; position: relative;}
#con2 .bx .inner2 .num{font-size: 29px; font-weight: 600; color: #FF7500; text-align: center; margin-bottom: 12px; position: relative; letter-spacing: 0;}
#con2 .bx .inner2 .num::before{content: ""; width: 16px; height: 1px; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner2 .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.7; text-align: center; margin-bottom: 2px; margin-left: 10px;}
#con2 .bx .inner2 .ttl2{font-size: 26px; font-weight: 400; color: #FF7500; letter-spacing: 5px; line-height: 1.7; text-align: center; margin-bottom: 43px;}
#con2 .bx .inner2 .in-bx{width: 550px; margin-left: auto; position: relative;}
#con2 .bx .inner2 .in-bx .img1{position: absolute; left: -550px; top: 10px;}
#con2 .bx .inner2 .in-bx .txt1{font-size: 16px; letter-spacing: 1.55px; line-height: 2; margin-bottom: 33px;}
#con2 .bx .inner2 .in-bx .txt1 span{font-weight: bold;}
#con2 .bx .inner2 .in-bx .btn{margin-top: 40px;}

#con2 .bx .inner3{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .inner3 .num{font-size: 29px; font-weight: 600; color: #FF7500; text-align: center; margin-bottom: 10px; position: relative; letter-spacing: 0;}
#con2 .bx .inner3 .num::before{content: ""; width: 16px; height: 1px; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner3 .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.7; text-align: center; margin-bottom: 2px; margin-left: 10px;}
#con2 .bx .inner3 .ttl2{font-size: 26px; font-weight: 400; color: #FF7500; letter-spacing: 5px; line-height: 1.7; text-align: center; margin-bottom: 42px;}
#con2 .bx .inner3 .in-bx{width: 550px; margin-right: auto; position: relative;}
#con2 .bx .inner3 .in-bx .img1{position: absolute; right: -548px; top: 10px;}
#con2 .bx .inner3 .in-bx .txt1{font-size: 16px; letter-spacing: 1.55px; line-height: 2; margin-bottom: 33px;}

#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 194px; background: url(../images/reason/con3-bg.png) no-repeat top center; padding: 370px 0 0;;}
#con3 .bx .bx1{width: 1280px; margin: 0 auto; position: relative;}
#con3 .bx .bx1 .inner{width: 916px; margin: 0 auto 115px; background: #fff; padding: 52px 0 45px 20px; position: relative; left: -10px; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}
#con3 .bx .bx1 .inner .ttl1{font-size: 22px; font-weight: 500; letter-spacing: 3.3px; line-height: 1.95; text-align: center;}
#con3 .bx .bx1 .inner .ttl1::after{content: ""; width: 1px; height: 63px; margin: 0 auto; background: #262626; position: absolute; left: 20px; right: 0; bottom: -34px;}

.inc-bnr-list li .inc-txt {
text-align: left!important;
}


}

@media screen and (max-width: 767px) {
main {letter-spacing: 0.2vw; line-height: 1.8;}

#con1 {}
#con1 .bx{width: 100%; margin: 24vw auto 15vw; background: url(../images/reason/sp-con1-bg.png) no-repeat top 33vw center; background-size: 100%;}
#con1 .bx .ttl1{font-size: 5.6vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.75; text-align: center; margin-bottom: 15vw; padding-left: 4vw;}
#con1 .bx .img1{ margin: 0 auto 22vw;}

#con1 .bx .inner{width: 83%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl2{font-size: 5vw; font-weight: 500; letter-spacing: 0.3vw; line-height: 1.5; text-align: left; margin-bottom: 11vw; position: relative; padding-left: 15vw;}
#con1 .bx .inner .ttl2::before{content: ""; width: 9vw; height: 1px; margin: 0 auto; background: #FF7500; text-align: center; position: absolute; left: 0; right: 0; bottom: -4vw;}
#con1 .bx .inner .in-bx{width: 100%; margin: 0 auto; position: relative; margin-right: 10px;}
#con1 .bx .inner .in-bx .img2{margin: 0 auto 8vw;}
#con1 .bx .inner .in-bx .txt1{font-size: 3.8vw; letter-spacing: 0.45vw; line-height: 2; margin-bottom: 8vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #F7F7F2; padding: 15vw 0 3vw;}

#con2 .bx .inner1{width: 83%; margin: 0 auto 10vw; position: relative;}
#con2 .bx .inner1 .num{font-size: 7vw; font-weight: bold; color: #FF7500; text-align: center; margin-bottom: 3vw; position: relative; letter-spacing: -0.5vw;}
#con2 .bx .inner1 .num::before{content: ""; width: 4vw; height: 1px; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner1 .ttl1{font-size: 6.7vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.5; text-align: center; margin-bottom: 3vw; }
#con2 .bx .inner1 .ttl2{font-size: 4vw; font-weight: 400; color: #FF7500; letter-spacing: 1.2vw; line-height: 1.7; text-align: center; margin-bottom: 9vw; padding-left: 1vw;}
#con2 .bx .inner1 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner1 .in-bx .img1{margin: 0 auto 7.5vw;}
#con2 .bx .inner1 .in-bx .txt1{font-size: 3.8vw; letter-spacing: 0.45vw; line-height: 2.03; margin-bottom: 8vw;}
#con2 .bx .inner1 .in-bx .txt1 span{font-weight: bold;}

#con2 .bx .inner2{width: 83%; margin: 0 auto 12.5vw; position: relative;}
#con2 .bx .inner2 .num{font-size: 7vw; font-weight: bold; color: #FF7500; text-align: center; margin-bottom: 3vw; position: relative; letter-spacing: -0.5vw;}
#con2 .bx .inner2 .num::before{content: ""; width: 4vw; height: 1px; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner2 .ttl1{font-size: 6.7vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.5; text-align: center; margin-bottom: 3vw; }
#con2 .bx .inner2 .ttl2{font-size: 4vw; font-weight: 400; color: #FF7500; letter-spacing: 1.2vw; line-height: 1.7; text-align: center; margin-bottom: 9vw; padding-left: 1vw;}
#con2 .bx .inner2 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner2 .in-bx .img1{margin: 0 auto 8vw;}
#con2 .bx .inner2 .in-bx .txt1{font-size: 3.8vw; letter-spacing: 0.45vw; line-height: 2.03; margin-bottom: 8vw;}
#con2 .bx .inner2 .in-bx .txt1 span{font-weight: bold;}
#con2 .bx .inner2 .in-bx .btn{width: 94%; margin: -6vw auto 0;}

#con2 .bx .inner3{width: 83%; margin: 0 auto 12vw; position: relative;}
#con2 .bx .inner3 .num{font-size: 7vw; font-weight: bold; color: #FF7500; text-align: center; margin-bottom: 3vw; position: relative; letter-spacing: -0.5vw;}
#con2 .bx .inner3 .num::before{content: ""; width: 4vw; height: 1px; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .inner3 .ttl1{font-size: 6.7vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.5; text-align: center; margin-bottom: 3vw; }
#con2 .bx .inner3 .ttl2{font-size: 4vw; font-weight: 400; color: #FF7500; letter-spacing: 1.2vw; line-height: 1.7; text-align: center; margin-bottom: 9vw; padding-left: 1vw;}
#con2 .bx .inner3 .in-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner3 .in-bx .img1{margin: 0 auto 8vw;}
#con2 .bx .inner3 .in-bx .txt1{font-size: 3.8vw; letter-spacing: 0.45vw; line-height: 2.03; margin-bottom: 8vw;}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 15vw; background: url(../images/reason/sp-con3-bg.png) no-repeat top center; padding: 38vw 0 0; background-size: 100%;}
#con3 .bx .bx1{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .bx1 .inner{width: 92%; margin: 0 auto 25vw; background: #fff; padding: 8vw 0 7vw 0; position: relative; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}
#con3 .bx .bx1 .inner .ttl1{font-size: 4.5vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.75; text-align: center;}
#con3 .bx .bx1 .inner .ttl1::after{content: ""; width: 1px; height: 29%; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: -9vw;}


.inc-bnr-list li .inc-txt {
font-size: 3.65vw;
letter-spacing: 0.55vw;
text-align: left!important;
line-height: 2.03;
padding: 0 1vw;
}


}