@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}

#main-bx {}
#main-bx .bx{width: 100%; margin: -70px auto 0; background: url(../images/reason/main-bg1.png) no-repeat top center;; padding: 244px 0 110px;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 1280px; margin: 0 auto; position: relative; z-index: 1;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.5; text-align: center; color: #fff; margin-bottom: 33px; padding-right: 15px;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; text-align: center; color: #fff; font-weight: 500; margin-bottom: 350px;}

#main-bx .bx .inner .in-bx1 .ttl2{font-size: 36px; letter-spacing: 2px; line-height: 1.5; text-align: center; margin-bottom: 60px; }
#main-bx .bx .inner .in-bx1 .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;}
#main-bx .bx .inner .in-bx1 .list li{width: 320px; margin-right: 40px;}
#main-bx .bx .inner .in-bx1 .list li:last-child{margin-right: 0;}
#main-bx .bx .inner .in-bx1 .list li .link{width: 100%; margin: 0 auto 23px; }
#main-bx .bx .inner .in-bx1 .list li .link-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; font-weight: 500; text-align: center;}

#main-bx .bx .inner .in-bx1 .list li a:hover img{
	cursor: pointer; cursor: hand; opacity: 0.8;
}
#main-bx .bx .inner .in-bx1 .list li a:hover .link-txt{
	text-decoration: underline;
}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: #FAF7F1; padding: 205px 0 40px; }
#con1 .bx .inner{}

#con1 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 0; position: relative;}
#con1 .bx .inner .in-bx1 .img1{position: absolute; right: -160px; top: -75px; z-index: 0;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 640px; margin-right: auto; margin-left: 0; margin-bottom: -140px; background: #FAF7F1; padding: 55px 47px 0px 40px; position: relative; z-index: 1;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 7px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; margin-bottom: 45px;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 22px; letter-spacing: 2px; line-height: 1.95; font-weight: 500; margin-bottom: 32px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.95; margin-bottom: 28px;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{}
#con1 #main-inc1 {width: 1040px !important; margin: 0 auto 0!important;}
#con1 #main-inc1  .inc-bnr-list li { width: 320px; margin-right: 40px; margin-bottom: 20px;}
#con1 #main-inc1  .inc-bnr-list li:last-child { margin-right: 0;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; padding: 200px 0 105px; background: linear-gradient(to right, #FAF7F1 12.5%, #fff 12.5%);;}
#con2 .bx .inner{}

#con2 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 42px; position: relative;}
#con2 .bx .inner .in-bx1 .img1{position: absolute; right: 502px; top: -80px; z-index: 0;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 600px; margin-left: auto; margin-right: 40px; margin-bottom: 0px; background: #fff; padding: 55px 0px 60px 60px; position: relative; z-index: 1;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 7px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; margin-bottom: 42px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 24px; letter-spacing: 2px; line-height: 1.95; font-weight: 500; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 30px;}
#con2 .bx .inner .in-bx1 .list{margin-top: 50px; 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 .in-bx1 .list li{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 600; text-align: center; width: 170px; margin-right: 15px; border: 1px solid #9B7845; color: #9B7845; border-radius: 10px; padding: 20px 0; display: flex; align-items: center; justify-content: center; }
#con2 .bx .inner .in-bx1 .list li:last-child{margin-right: 0;}
#con2 .bx .inner .in-bx1 .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2; text-align: center; }

#con2 .bx .inner .in-bx2{width: 700px; margin: 0 auto 40px; background: #FAF7F1; }
#con2 .bx .inner .in-bx2 .in-inner1{}
#con2 .bx .inner .in-bx2 .in-inner1 table{ }
#con2 .bx .inner .in-bx2 .in-inner1 tbody {}
#con2 .bx .inner .in-bx2 .in-inner1 tr {border-bottom: 1px solid #fff;}
#con2 .bx .inner .in-bx2 .in-inner1 th{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 500; color: #fff; background: #959595; padding: 16px 72px; text-align: center;}
#con2 .bx .inner .in-bx2 .in-inner1 td{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; background: #FAF7F1; padding: 0 0 0 30px;}
#con2 .bx .txt3{font-size: 16px; letter-spacing: 0.8px; line-height: 2; text-align: center;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; background: #FAF7F1; padding: 195px 0 293px; }
#con3 .bx .inner{}

#con3 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 0; position: relative;}
#con3 .bx .inner .in-bx1 .img1{position: absolute; right: -160px; top: -75px; z-index: 0;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 640px; margin-right: auto; margin-left: 0; margin-bottom: -140px; background: #FAF7F1; padding: 55px 47px 0px 40px; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 14px; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 7px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 40px; letter-spacing: 1.8px; line-height: 1.6; margin-bottom: 45px;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 22px; letter-spacing: 4px; line-height: 1.95; font-weight: 500; margin-bottom: 32px;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 28px;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{}
#con3 .bx .inner .in-bx1 .in-inner1 .btn{width: 100%; margin-top: 80px;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 80px; background: url(../images/reason/con4-bg1.png) no-repeat top center;; padding: 258px 0 237px; }
#con4 .bx .inner{width: 1200px; margin: 0 auto;}
#con4 .bx .inner .ttl1{font-size: 36px; letter-spacing: 2px; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 20px;}

#main-inc2 .bx{ width: 1000px !important; margin: 0 auto 145px !important;}


}
@media screen and (min-width:768px) and ( max-width:1450px) {
#con2 .bx{width: 100%; margin: 0 auto; padding: 200px 0 45px; background: linear-gradient(to right, #FAF7F1 0, #fff 0);;}

}



@media screen and (max-width: 767px) {
.seo_bread_list {color: #fff;}
.seo_bread_list a{color: #fff;}



#main-bx {}
#main-bx .bx{width: 100%; margin: -10vw auto 10vw; background: url(../images/reason/sp-main-bg1.png) no-repeat top center;; padding: 21vw 0 4vw; background-size: 100%;}
#main-bx .bx .inner{ }
#main-bx .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#main-bx .bx .inner .in-bx1 .in-inner1{}
#main-bx .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5.8vw; letter-spacing: 0.4vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 6vw; }
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.6vw; letter-spacing: 0vw; line-height: 1.9; text-align: center; color: #fff; font-weight: 500; margin-bottom: 8vw;}
#main-bx .bx .inner .in-bx1 .in-inner1 .txt1:last-child{margin-bottom: 36vw;}

#main-bx .bx .inner .in-bx1 .ttl2{font-size: 6.2vw; letter-spacing: 0.1vw; line-height: 1.7; text-align: center; margin-bottom: 9vw;}
#main-bx .bx .inner .in-bx1 .list{}
#main-bx .bx .inner .in-bx1 .list li{width: 84%; margin: 0 auto 6vw;}
#main-bx .bx .inner .in-bx1 .list li:last-child{margin-bottom: 0;}
#main-bx .bx .inner .in-bx1 .list li .link{width: 100%; margin: 0 auto 5.5vw; }
#main-bx .bx .inner .in-bx1 .list li .link-txt{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.9; font-weight: 500; text-align: center;}



#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; padding: 10vw 0 5vw; background: #FAF7F1;}
#con1 .bx .inner{}

#con1 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto -5vw;}
#con1 .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-left: 0; margin-bottom: 0px; background: #FAF7F1; padding: 8vw 5vw 0 6vw; position: relative;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 3vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 11vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 4.5vw; letter-spacing: 0.8vw; line-height: 2.05; font-weight: 500; margin-bottom: 8vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.93; margin-bottom: 7vw;}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con1 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{display: block; margin: 7vw 0 0vw;}
#con1 #main-inc1 {width: 100% !important; margin: -8vw auto 0!important;}
#con1 #main-inc1  .inc-bnr-list li { width: 100%; margin: 0 auto 0;}
#con1 #main-inc1  .inc-bnr-list li:last-child { margin-bottom: 0;}



#con2 {}
#con2 .bx{width: 100%; margin: 0 auto; background: #fff; padding: 10vw 0 10vw; }
#con2 .bx .inner{}

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto -5vw;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-left: 0; margin-bottom: 0px; background: #fff; padding: 8vw 5vw 0 6vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 2vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 11vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 4.5vw; letter-spacing: 0.8vw; line-height: 2.05; font-weight: 500; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.93; margin-bottom: 7vw;}
#con2 .bx .inner .in-bx1 .list{margin-top: 7vw; margin-bottom: 10vw;}
#con2 .bx .inner .in-bx1 .list li{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.93; font-weight: 600; text-align: center; width: 100%; border: 1px solid #9B7845; color: #9B7845; border-radius: 1vw; margin-bottom: 3.5vw; padding: 4vw 0; display: flex; align-items: center; justify-content: center;}
#con2 .bx .inner .in-bx1 .list li:last-child{margin-bottom: 0;}
#con2 .bx .inner .in-bx1 .txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.13; margin-bottom: 7vw; padding: 0 8vw;}

#con2 .bx .inner .in-bx2{width: 100%; margin: 0 auto 8vw; background: #FAF7F1; }
#con2 .bx .inner .in-bx2 .in-inner1{background: #fff;}
#con2 .bx .inner .in-bx2 .in-inner1 table{ width: 85%; margin: 0 auto;}
#con2 .bx .inner .in-bx2 .in-inner1 tbody {}
#con2 .bx .inner .in-bx2 .in-inner1 tr {border-bottom: 1px solid #fff;}
#con2 .bx .inner .in-bx2 .in-inner1 th{width: 18%; font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.73; font-weight: 500; color: #fff; background: #959595; padding: 7vw 0vw; text-align: center; vertical-align: middle;}
#con2 .bx .inner .in-bx2 .in-inner1 td{width: 86%; font-size: 3.5vw; letter-spacing: 0.05vw; line-height: 1.73; font-weight: 500; background: #FAF7F1; padding: 4vw 0 0 7vw;}
#con2 .bx .inner .in-bx2 .in-inner1 tr:last-child td{padding: 4vw 0 5vw 7vw;}
#con2 .bx .txt3{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 2.03; padding: 0 6vw;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; padding: 15vw 0 5vw; background: #FAF7F1;}
#con3 .bx .inner{}

#con3 .bx .inner .in-bx1{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .inner .in-bx1 .img1{width: 100%; margin: 0 auto -5vw;}
#con3 .bx .inner .in-bx1 .in-inner1{width: 96%; margin-right: auto; margin-left: 0; margin-bottom: 0px; background: #FAF7F1; padding: 8vw 5vw 0 6vw; position: relative;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 3.4vw; letter-spacing: 0px; line-height: 1.6; font-weight: 500; margin-bottom: 2vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl2{font-size: 6.8vw; letter-spacing: 0.4vw; line-height: 1.6; margin-bottom: 11vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl3{font-size: 4.5vw; letter-spacing: 0.8vw; line-height: 2.05; font-weight: 500; margin-bottom: 8vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.93; margin-bottom: 7vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1 .ss1{}
#con3 .bx .inner .in-bx1 .in-inner1 .txt1 .ss2{display: block; margin: 7vw 0 0vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .btn{width: 68%; margin: 14vw 12vw 9vw auto;}


#con4 {}
#con4 .bx{width: 100%; margin: 0 auto 10vw; background: url(../images/reason/sp-con4-bg1.png) no-repeat top center;; padding: 21vw 0 16vw; background-size: 100%; }
#con4 .bx .inner{width: 100%; margin: 0 auto;}
#con4 .bx .inner .ttl1{font-size: 5.9vw; letter-spacing: 0.35vw; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 7vw; padding-left: 2vw;}

#main-inc2 .bx{ margin: 0 auto 22vw !important;}

#main-inc2 .inc-bnr-list li{
	margin-bottom: 8vw;
}

}