@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; position: relative; z-index: 1;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .img{width: 100%; margin: -81px auto 0;}
#main-bx .img img{width: 100%; margin: 0 auto; aspect-ratio: 1920 / 670; object-fit: cover;}

#con1 {}
#con1 .all-bx{background: #EAECEE; padding: 45px 0 70px;}

#con1 .bx{width: 100%; margin: 0 auto; padding: 20px 0 60px;;}
#con1 .bx .inner{width: 1100px; margin: 0 auto;}
#con1 .bx .inner .ttl{font-size: 48px; letter-spacing: 2px; line-height: 1.35; font-weight: bold; text-align: center; margin-bottom: 46px;}
#con1 .bx .inner .txt{font-size: 16px; letter-spacing: 0.7px; line-height: 2.2; font-weight: 500; text-align: center; margin-bottom: 54px;}
#con1 .bx .inner .list{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;}
#con1 .bx .inner .list li{width: 340px; margin-right: 40px;}
#con1 .bx .inner .list li:last-child{margin-right: 0;}
#con1 .bx .inner .list li a img{width: 100%; aspect-ratio: 340 / 255; object-fit: cover;}

#con1 .bx1{width: 100%; margin: 0 auto 70px; background: linear-gradient(to right, #ffffff 90%, transparent 90%); padding: 90px 0 148px;}
#con1 .bx1 .inner1{}
#con1 .bx1 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-ttl1{font-size: 48px; letter-spacing: 3.6px; line-height: 1.6; font-weight: 800; color: #C41729; background: url(../images/reason/con1-num1.png) no-repeat top left; padding-left: 140px; padding-bottom: 66px; margin-bottom: 46px; padding-top: 20px; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/reason/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -2px;}
#con1 .bx1 .inner1 .in-bx .in-img1{position: absolute; right: 0; top: 215px;}
#con1 .bx1 .inner1 .in-bx .in-inner{width: 490px; margin-right: auto;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl2{font-size: 22px; letter-spacing: 1.8px; line-height: 1.6; font-weight: bold; margin-bottom: 24px;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px;}
#con1 .bx1 .inner1 .in-bx .in-img2{position: absolute; right: 0; top: 540px;}

#con1 .bx2{width: 100%; margin: 0 auto 70px; background: linear-gradient(to left, #ffffff 90%, transparent 90%); padding: 90px 0 58px;}
#con1 .bx2 .inner1{}
#con1 .bx2 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-ttl1{font-size: 48px; letter-spacing: 3.6px; line-height: 1.6; font-weight: 800; color: #C41729; background: url(../images/reason/con1-num2.png) no-repeat top left; padding-left: 140px; padding-bottom: 66px; margin-bottom: 46px; padding-top: 20px; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/reason/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -2px;}
#con1 .bx2 .inner1 .in-bx .in-img1{position: absolute; right: 0; top: 215px;}
#con1 .bx2 .inner1 .in-bx .in-inner{width: 490px; margin-right: auto;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl2{font-size: 22px; letter-spacing: 1.8px; line-height: 1.6; font-weight: bold; margin-bottom: 24px;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px;}

#con1 .bx3{width: 100%; margin: 0 auto; background: linear-gradient(to right, #ffffff 90%, transparent 90%); padding: 90px 0 248px;}
#con1 .bx3 .inner1{}
#con1 .bx3 .inner1 .in-bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-ttl1{font-size: 48px; letter-spacing: 3.6px; line-height: 1.6; font-weight: 800; color: #C41729; background: url(../images/reason/con1-num3.png) no-repeat top left; padding-left: 140px; padding-bottom: 66px; margin-bottom: 46px; padding-top: 20px; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/reason/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -2px;}
#con1 .bx3 .inner1 .in-bx .in-img1{position: absolute; right: 0; top: 215px;}
#con1 .bx3 .inner1 .in-bx .in-inner{width: 490px; margin-right: auto;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl2{font-size: 22px; letter-spacing: 1.8px; line-height: 1.6; font-weight: bold; margin-bottom: 24px;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 500; margin-bottom: 36px;}
#con1 .bx3 .inner1 .in-bx .in-img2{position: absolute; right: 0; top: 540px;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; }
#con2 .bx .inner{width: 1280px; margin: 0 auto; padding: 93px 0 100px;}
#con2 .bx .inner .ttl{font-size: 32px; letter-spacing: 2.6px; line-height: 1.9; font-weight: 800; text-align: center; margin-bottom: 50px;}
#con2 .bx .inner .img{text-align: center; margin-bottom: 40px;}
#con2 .bx .inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center;}


.inc-bnr-list {justify-content: center;}
.inc-bnr-list li:last-child {margin-right: 0!important;}

}



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

a[id]{padding-top: 11.594vw;margin-top: -11.594vw;display: block;}

#main-bx {}
#main-bx .img{width: 100%; margin: -8vw auto 0;}
#main-bx .img img{width: 100%; margin: 0 auto; aspect-ratio: 828 / 600; object-fit: cover;}

#con1 {}
#con1 .all-bx{background: #EAECEE; padding: 5vw 0 10vw;}

#con1 .bx{width: 100%; margin: 0 auto; padding: 7vw 0 17vw;;}
#con1 .bx .inner{width: 90%; margin: 0 auto;}
#con1 .bx .inner .ttl{font-size: 8.2vw; letter-spacing: 0.3vw; line-height: 1.55; font-weight: bold; text-align: center; margin-bottom: 3vw;}
#con1 .bx .inner .txt{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 2.15; font-weight: 500; text-align: center; margin-bottom: 8vw;}
#con1 .bx .inner .list{width: 92%; margin: 0 auto;}
#con1 .bx .inner .list li{width: 100%; margin: 0 auto 7vw;}
#con1 .bx .inner .list li:last-child{margin-bottom: 0;}
#con1 .bx .inner .list li a img{width: 100%; aspect-ratio: 680 / 510; object-fit: cover;}

#con1 .bx1{width: 100%; margin: 0 auto 18vw; background: #fff; padding: 10vw 0 15vw;}
#con1 .bx1 .inner1{}
#con1 .bx1 .inner1 .in-bx{width: 83%; margin: 0 auto; position: relative;}
#con1 .bx1 .inner1 .in-bx .in-ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.55; font-weight: 800; color: #C41729; text-align: center; background: url(../images/reason/sp-con1-num1.png) no-repeat top center; padding-top: 24vw; padding-bottom: 2vw; margin-bottom: -9vw; position: relative; background-size: 17vw; top: -18vw;}
#con1 .bx1 .inner1 .in-bx .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/reason/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -2vw;}
#con1 .bx1 .inner1 .in-bx .in-img1{width: 100%; margin: 0 auto 8vw;}
#con1 .bx1 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-ttl2{font-size: 5.6vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; margin-bottom: 6vw;}
#con1 .bx1 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx1 .inner1 .in-bx .in-img2{width: 100%; margin: -2vw auto 0;}

#con1 .bx2{width: 100%; margin: 0 auto 18vw; background: #fff; padding: 10vw 0 6vw;}
#con1 .bx2 .inner1{}
#con1 .bx2 .inner1 .in-bx{width: 83%; margin: 0 auto; position: relative;}
#con1 .bx2 .inner1 .in-bx .in-ttl1{font-size: 8.2vw; letter-spacing: 0.6vw; line-height: 1.55; font-weight: 800; color: #C41729; text-align: center; background: url(../images/reason/sp-con1-num2.png) no-repeat top center; padding-top: 24vw; padding-bottom: 2vw; margin-bottom: -9vw; position: relative; background-size: 17vw; top: -18vw;}
#con1 .bx2 .inner1 .in-bx .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/reason/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -2vw;}
#con1 .bx2 .inner1 .in-bx .in-img1{width: 100%; margin: 0 auto 8vw;}
#con1 .bx2 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-ttl2{font-size: 5.6vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; margin-bottom: 6vw;}
#con1 .bx2 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}

#con1 .bx3{width: 100%; margin: 0 auto; background: #fff; padding: 10vw 0 15vw;}
#con1 .bx3 .inner1{}
#con1 .bx3 .inner1 .in-bx{width: 83%; margin: 0 auto; position: relative;}
#con1 .bx3 .inner1 .in-bx .in-ttl1{font-size: 7.7vw; letter-spacing: 0.6vw; line-height: 1.55; font-weight: 800; color: #C41729; text-align: center; background: url(../images/reason/sp-con1-num3.png) no-repeat top center; padding-top: 24vw; padding-bottom: 3vw; margin-bottom: -9vw; position: relative; background-size: 17vw; top: -18vw;}
#con1 .bx3 .inner1 .in-bx .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: url(../images/reason/con1-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -2vw;}
#con1 .bx3 .inner1 .in-bx .in-img1{width: 100%; margin: 0 auto 8vw;}
#con1 .bx3 .inner1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-ttl2{font-size: 5.6vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; margin-bottom: 6vw;}
#con1 .bx3 .inner1 .in-bx .in-inner .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx3 .inner1 .in-bx .in-img2{width: 100%; margin: -2vw auto 0;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #EAECEE;}
#con2 .bx .inner{width: 100%; margin: 0 auto 14vw; padding: 6vw 0 13vw;}
#con2 .bx .inner .ttl{font-size: 5.4vw; letter-spacing: 0.3vw; line-height: 1.9; font-weight: 800; text-align: center; margin-bottom: 10vw;}
#con2 .bx .inner .img{width: 100%; margin: 0 auto 6vw;}
#con2 .bx .inner .txt{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.15; font-weight: 500; padding: 0 8vw;}

}





@media screen and (min-width:768px) and ( max-width:1450px) {
#con1 .bx1{width: 100%; margin: 0 auto 70px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 90px 0 148px;}
#con1 .bx2{width: 100%; margin: 0 auto 70px; background: linear-gradient(to left, #ffffff 98%, transparent 98%); padding: 90px 0 148px;}
#con1 .bx3{width: 100%; margin: 0 auto 70px; background: linear-gradient(to right, #ffffff 98%, transparent 98%); padding: 90px 0 218px;}

}