@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 -57px!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 140px; }
#con1 .bx .ttl1{font-size: 34px; font-weight: 500; letter-spacing: 5.5px; line-height: 1.7; text-align: center; margin-bottom: 40px; margin-left: 5px;}
#con1 .bx .img1{text-align: center; margin-bottom: 29px;}
#con1 .bx .txt1{font-size: 16px; font-weight: 500; letter-spacing: 1.6px; line-height: 2; text-align: center; margin-bottom: 77px;}

#con1 .bx .inner{width: 1149px; margin: 0 auto; background: #fff; padding: 99px 67px 20px 67px; position: relative; left: -20px; 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);}
#con1 .bx .inner::before{content: ""; width: 1129px; height: 725px; margin: 0 auto; background: url(../images/message/con1-bx-icon.png) no-repeat top center; position: absolute; right: -20px; top: 36px;}
#con1 .bx .inner .ttl2{font-size: 31px; font-weight: 500; letter-spacing: 4.8px; line-height: 1.6; text-align: center; margin-bottom: 52px; position: relative; padding-left: 45px;}
#con1 .bx .inner .ttl2::after{content: ""; width: 60px; height: 1px; margin: 0 auto; background: #FF7500; position: absolute; left: 0; right: -38px; bottom: -19px;}
#con1 .bx .inner .img2{position: absolute; left: 102px; top: 207px;}
#con1 .bx .inner .txt2{font-size: 16px; letter-spacing: 1.7px; line-height: 2; text-align: left; margin-bottom: 30px; padding-left: 670px; position: relative;}
#con1 .bx .inner .ttl3{font-size: 22px; font-weight: 500; letter-spacing: 3.2px; line-height: 1.8; text-align: center; margin-bottom: 12px; margin-top: 50px; padding-left: 40px; position: relative;}
#con1 .bx .inner .txt3{font-size: 16px; font-weight: 400; letter-spacing: 1.65px; line-height: 2; text-align: center; margin-bottom: 37px; position: relative; padding-left: 40px;}


#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto 89px; background: url(../images/message/con2-bg.png) no-repeat top 433px center #F7F7F2; padding: 107px 0 112px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.7; text-align: center; margin-bottom: 45px; padding-left: 8px;}
#con2 .bx .inner .list{margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .inner .list li{width: 345px; margin-right: 32px; margin-bottom: 42px;}
#con2 .bx .inner .list li:nth-child(3){margin-right: 0;}
#con2 .bx .inner .list li .li-ttl1{font-size: 18px; font-weight: 500; letter-spacing: 2.5px; line-height: 1.45; text-align: center; background: #fff; width: 293px; height: 80px; margin: 0 auto -20px; border-radius: 20vw; padding: 16px 0 16px 5px; position: relative; left: 5px;}
#con2 .bx .inner .list li:nth-of-type(n+3) .li-ttl1{padding: 28px 0 16px 10px; }
#con2 .bx .inner .list li:nth-of-type(4) {margin-left: 65px;}
#con2 .bx .inner .list li .li-ttl1 span{font-size: 15px;}
#con2 .bx .inner .list li .li-img1{margin: 0 auto;}
#con2 .bx .inner .list li .li-txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.8px; line-height: 1.7; text-align: center; background: #fff; padding: 15px 0 15px 10px;}
#con2 .bx .ttl2{font-size: 20px; font-weight: bold; letter-spacing: 2px; line-height: 1.7; text-align: center; }
#con2 .bx .ttl2 span{color: #FF7500;}


#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 140px; }
#con3 .bx .inner{width: 1100px; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.7; text-align: center; margin-bottom: 40px; padding-left: 8px;}
#con3 .bx .inner .img1{position: absolute; right: 73px; top: 110px;}
#con3 .bx .inner .img2{position: absolute; right: 73px; top: 472px;}

#con3 .bx .inner .in-bx{width: 478px; margin-right: auto; margin-bottom: 95px;}
#con3 .bx .inner .in-bx .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 1.95; margin-bottom: 33px;}
#con3 .bx .inner .in-bx .txt2{font-size: 25px; font-weight: 500; letter-spacing: 4px; line-height: 1.7; margin-bottom: 20px; margin-top: 60px;}
#con3 .bx .inner .in-bx .txt3{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 1.95; margin-bottom: 33px;}

#con3 .bx .inner .ttl2{font-size: 20px; font-weight: bold; letter-spacing: 2px; line-height: 2; text-align: center; }
#con3 .bx .inner .ttl2 .ss1{color: #FF7500;}
#con3 .bx .inner .ttl2 .ss2{}
#con3 .bx .inner .ttl2 .ss3{}

#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto 192px; background: url(../images/message/con4-bg.png) no-repeat top center; padding: 370px 0 0;;}
#con4 .bx .bx1{width: 1280px; margin: 0 auto; position: relative;}
#con4 .bx .bx1 .inner{width: 916px; margin: 0 auto 115px; background: #fff; padding: 52px 0 50px 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);}
#con4 .bx .bx1 .inner .ttl1{font-size: 22px; font-weight: 500; letter-spacing: 3.3px; line-height: 1.95; text-align: center;}
#con4 .bx .bx1 .inner .ttl1::after{content: ""; width: 1px; height: 64px; margin: 0 auto; background: #262626; position: absolute; left: 18px; right: 0; bottom: -46px;}

.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 19vw; background: url(../images/message/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: 10vw; padding-left: 1vw;}
#con1 .bx .img1{ margin: 0 auto 10vw;}
#con1 .bx .txt1{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.1vw; line-height: 2.15; text-align: center; margin-bottom: 15vw;}

#con1 .bx .inner{width: 92%; margin: 0 auto; background: #fff; padding: 11vw 7vw 1vw 6vw; 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);}
#con1 .bx .inner::before{content: ""; width: 100%; height: 225vw; margin: 0 auto; background: url(../images/message/sp-con1-bx-icon.png) no-repeat top center; position: absolute; right: -1vw; top: 2vw; background-size: 100%;}
#con1 .bx .inner .ttl2{font-size: 4.8vw; font-weight: 500; letter-spacing: 0.5vw; line-height: 1.4; text-align: center; margin-bottom: 12vw; position: relative; padding-left: 2vw;}
#con1 .bx .inner .ttl2::after{content: ""; width: 9vw; height: 1px; margin: 0 auto; background: #FF7500; position: absolute; left: 0; right: -1vw; bottom: -4.5vw;}
#con1 .bx .inner .img2{width: 95%; margin: 0 auto 5vw;}
#con1 .bx .inner .txt2{font-size: 3.8vw; letter-spacing: 0.5vw; line-height: 2; text-align: left; margin-bottom: 8vw; position: relative; padding: 0 2vw;}
#con1 .bx .inner .ttl3{font-size: 4.5vw; font-weight: 500; letter-spacing: 0.5vw; line-height: 1.8; text-align: center; margin-bottom: 3vw; margin-top: 13vw; position: relative; padding-left: 1vw;}
#con1 .bx .inner .txt3{font-size: 3.8vw; letter-spacing: 0.5vw; line-height: 2.05; text-align: center; margin-bottom: 8vw; position: relative; padding: 0 2vw;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 15vw; background: url(../images/message/sp-con2-bg.png) no-repeat top 24vw center #F7F7F2; padding: 15vw 0 16vw; background-size: 100%;}
#con2 .bx .inner{width: 83%; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 6.4vw; font-weight: 500; letter-spacing: 1vw; line-height: 1.4; text-align: center; margin-bottom: 8vw; padding-left: 1vw;}
#con2 .bx .inner .list{margin-bottom: 10vw; }
#con2 .bx .inner .list li{width: 100%; margin: 0 auto 7vw;}
#con2 .bx .inner .list li .li-ttl1{font-size: 4.5vw; font-weight: 500; letter-spacing: 0.5vw; line-height: 1.3; text-align: center; background: #fff; width: 72vw; height: 20vw; margin: 0 auto -5vw; border-radius: 20vw; padding: 4vw 0 3vw 0vw; position: relative; left: 0vw;}
#con2 .bx .inner .list li .li-ttl1 span{font-size: 3.6vw;}
#con2 .bx .inner .list li:nth-of-type(n+3) .li-ttl1{padding: 6.5vw 0 3vw 2vw}
#con2 .bx .inner .list li .li-img1{margin: 0 auto;}
#con2 .bx .inner .list li .li-txt1{font-size: 3.6vw; font-weight: 400; letter-spacing: 0.7vw; line-height: 2; text-align: center; background: #fff; padding: 3vw 0 3vw 1vw;}
#con2 .bx .ttl2{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.6vw; line-height: 1.8; text-align: center;}
#con2 .bx .ttl2 span{color: #FF7500;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 14vw; }
#con3 .bx .inner{width: 83%; margin: 0 auto; position: relative;}
#con3 .bx .inner .ttl1{font-size: 6.4vw; font-weight: 500; letter-spacing: 1vw; line-height: 1.5; text-align: center; margin-bottom: 6vw; padding-left: 1vw;}
#con3 .bx .inner .img1{margin: 0 auto 5vw;}
#con3 .bx .inner .img2{margin: 0 auto 8.5vw;}

#con3 .bx .inner .in-bx{width: 100%; margin: 0 auto 9.5vw;}
#con3 .bx .inner .in-bx .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.4vw; line-height: 2; text-align: left; margin-bottom: 8vw; }
#con3 .bx .inner .in-bx .txt2{font-size: 5.25vw; font-weight: 500; letter-spacing: 0.85vw; line-height: 1.7; margin-bottom: 8.5vw; margin-top: 11vw;}
#con3 .bx .inner .in-bx .txt3{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.4vw; line-height: 2; text-align: left; margin-bottom: 8vw; }

#con3 .bx .inner .ttl2{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.6vw; line-height: 1.85; text-align: center;}
#con3 .bx .inner .ttl2 .ss1{color: #FF7500;}
#con3 .bx .inner .ttl2 .ss2{display: block; margin-top: 5vw;}
#con3 .bx .inner .ttl2 .ss3{color: #000;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 15vw; background: url(../images/message/sp-con4-bg.png) no-repeat top center; padding: 38vw 0 0; background-size: 100%;}
#con4 .bx .bx1{width: 100%; margin: 0 auto; position: relative;}
#con4 .bx .bx1 .inner{width: 92%; margin: 0 auto 25vw; background: #fff; padding: 7vw 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);}
#con4 .bx .bx1 .inner .ttl1{font-size: 4.5vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.8; text-align: center;}
#con4 .bx .bx1 .inner .ttl1::after{content: ""; width: 1px; height: 40%; 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;
}


}