@charset "UTF-8";
@media screen and (min-width: 768px),print {

#head-common{ display: none; }
h1.main-title{ display: none; }
nav.seo_bread_list{ display: none; }
body {-webkit-text-size-adjust: 100%;padding-top: 0 !important;}

main{ font-family: "Zen Old Mincho", serif; font-weight: 400; font-style: normal; width: 100%!important; max-width: 1920px!important; margin: 0 auto;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; height: 800px; margin: 0 auto; position: relative; background: url(../images/new-exterior/con1-bg1.png) no-repeat top center; padding: 100px 0 100px;;}
#con1 .bx .logo{position: absolute; left: 12px; top: 20px;}
#con1 .bx .ttl1{font-size: 49px; letter-spacing: 0px; line-height: 1.5; color: #fff; padding-left: 160px; padding-top: 90px; margin-bottom: 20px;}
#con1 .bx .ttl2{font-size: 28px; letter-spacing: 2.8px; line-height: 1.6; color: #fff; padding-left: 160px; }
#con1 .bx .icon{position: absolute; right: 45px; bottom: 28px;}

#con1 .inner{width: 100%; max-width: 1920px; height: 1115px; margin: 0 auto -180px; position: relative; background: url(../images/new-exterior/con1-bg2.png) no-repeat top center; padding: 24px 0 1px; position: relative; z-index: 1;;}
#con1 .inner .in-bx{width: 100%; max-width: 98.5%; margin: 0 auto 96px; border: 1px solid #686049; padding: 33px 0 82px;}
#con1 .inner .in-bx .ttl3{font-size: 55px; letter-spacing: 3px; line-height: 1.85; color: #BF9318; text-align: center; margin-bottom: 0px;}
#con1 .inner .in-bx .list1{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 .inner .in-bx .list1 li{width: 520px; margin-right: 60px;}
#con1 .inner .in-bx .list1 li:last-child{margin-right: 0;}

#con1 .inner .in-inner{width: 1100px; margin: 0 auto;}
#con1 .inner .in-inner .ttl4{font-size: 30px; letter-spacing: 0px; line-height: 1.75; color: #fff; text-align: center; margin-bottom: 30px; padding-bottom: 52px; position: relative;}
#con1 .inner .in-inner .ttl4::after{content: ""; width: 1px; height: 40px; margin: 0 auto; text-align: center; background: #727272; position: absolute; left: 0; right: 0; bottom: 7px;}
#con1 .inner .in-inner .list2{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 .inner .in-inner .list2 li{width: 250px; margin-right: 100px;}
#con1 .inner .in-inner .list2 li:last-child{margin-right: 0;}
#con1 .inner .in-inner .list2 li .img1{margin-bottom: 10px;}
#con1 .inner .in-inner .list2 li .txt1{font-size: 22px; letter-spacing: 0px; line-height: 1.8; color: #fff; text-align: center; }



#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: 0 auto -120px; position: relative; background: url(../images/new-exterior/con2-bg1.png) no-repeat top center; padding: 300px 0 150px;}
#con2 .bx .inner{width: 1100px; margin: 0 auto; position: relative; }
#con2 .bx .inner .ttl1{font-size: 36px; letter-spacing: 0px; line-height: 1.7; text-align: center; margin-bottom: 20px;}
#con2 .bx .inner .txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; text-align: center; margin-bottom: 50px;}
#con2 .bx .inner .list{margin-bottom: 55px; 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: space-between}
#con2 .bx .inner .list li{width: 530px; margin-right: 40px;}
#con2 .bx .inner .list li:last-child{margin-right: 0;}
#con2 .bx .inner .txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.9; text-align: center; margin-bottom: 10px;}
#con2 .bx .inner .txt3{font-size: 30px; letter-spacing: 0px; line-height: 1.8; text-align: center; margin-bottom: 45px;}
#con2 .bx .inner .txt3 span{color: #956003;}
#con2 .bx .inner .form-bnr{text-align: center;}



#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/new-exterior/con3-bg1.png) no-repeat top center; padding: 215px 0 1px;;}
#con3 .bx .inner{}
#con3 .bx .inner .ttl1{font-size: 36px; letter-spacing: 0px; line-height: 1.7; color: #fff; text-align: center; margin-bottom: 85px;}

#con3 .bx .inner .in-bx1{width: 100%; max-width: 1440px; margin: 0 auto 110px; background: #F2F2F2; position: relative; padding: 55px 0 100px;}
#con3 .bx .inner .in-bx1 .ttl2{font-size: 70px; letter-spacing: 3px; line-height: 1.5; color: #BF9318; text-align: center; padding-right: 80px;}
#con3 .bx .inner .in-bx1 .ttl3{font-size: 38px; font-weight: 600; letter-spacing: 0.8px; line-height: 1.6; text-align: center; margin-bottom: 45px;}
#con3 .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;}
#con3 .bx .inner .in-bx1 .list li{width: 520px; margin-right: 60px;}
#con3 .bx .inner .in-bx1 .list li:last-child{margin-right: 0;}
#con3 .bx .inner .in-bx1 .list li .img1{margin: 0 auto 17px;}
#con3 .bx .inner .in-bx1 .list li .txt1{font-size: 30px; font-weight: 600; letter-spacing: 0px; line-height: 1.65; text-align: center; }
#con3 .bx .inner .in-bx1 .list li .txt1 .ss1{border-bottom: 1px solid #000;}
#con3 .bx .inner .in-bx1 .list li .txt1 .ss2{border-bottom: 1px solid #BF9318;}

#con3 .bx .inner .in-bx2{width: 100%; max-width: 1440px; margin: 0 auto -155px; background: #F2F2F2; position: relative; padding: 55px 0 100px; position: relative; z-index: 1;}
#con3 .bx .inner .in-bx2 .ttl2{font-size: 70px; letter-spacing: 3px; line-height: 1.5; color: #BF9318; text-align: center; padding-right: 10px;}
#con3 .bx .inner .in-bx2 .ttl3{font-size: 38px; font-weight: 600; letter-spacing: 0px; line-height: 1.6; text-align: center; margin-bottom: 40px;}
#con3 .bx .inner .in-bx2 .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;}
#con3 .bx .inner .in-bx2 .list li{width: 520px; margin-right: 60px;}
#con3 .bx .inner .in-bx2 .list li:last-child{margin-right: 0;}
#con3 .bx .inner .in-bx2 .list li .img1{margin: 0 auto 7px;}
#con3 .bx .inner .in-bx2 .list li .txt1{font-size: 34px; font-weight: 600; letter-spacing: 0px; line-height: 1.65; text-align: center; }
#con3 .bx .inner .in-bx2 .list li .txt1 .ss1{border-bottom: 1px solid #000;}
#con3 .bx .inner .in-bx2 .list li .txt1 .ss2{border-bottom: 1px solid #BF9318;}


#con3 .bx .inner .in-bx3{width: 100%; margin: 0 auto; background: url(../images/new-exterior/con3-bg2.png) no-repeat top center; position: relative; padding: 270px 0 85px;}
#con3 .bx .inner .in-bx3 .in-inner3{width: 1100px; margin: 0 auto;}
#con3 .bx .inner .in-bx3 .in-inner3 .ttl4{font-size: 37px; font-weight: 500; letter-spacing: 0; line-height: 1.7; text-align: center; color: #fff; margin-bottom: 12px;}
#con3 .bx .inner .in-bx3 .in-inner3 .txt2{font-size: 24px; letter-spacing: 0; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 110px;}
#con3 .bx .inner .in-bx3 .in-inner3 .form-bnr{text-align: center;}




#con4 {}
#con4 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: #F5F5F5; padding: 120px 0 63px;;}
#con4 .bx .inner{width: 1100px; margin: 0 auto; }
#con4 .bx .inner .ttl1{font-size: 70px; letter-spacing: 3.8px; line-height: 1.6; text-align: center; color: #D5D5D5; margin-bottom: 0px;}
#con4 .bx .inner .ttl2{font-size: 32px; letter-spacing: 0px; line-height: 1.6; text-align: center; margin-bottom: 67px;}
#con4 .bx .inner .ttl2 span{font-size: 38px; font-weight: 600; }

#con4 .bx .inner .in-bx1{width: 1100px; margin: 0 auto 70px; padding: 50px 120px 95px; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con4 .bx .inner .in-bx1::before{content: ""; width: 94px; height: 136px; margin: 0 auto; background: url(../images/new-exterior/con4-num1.png) no-repeat top center; position: absolute; left: 55px; top: 0;}
#con4 .bx .inner .in-bx1 .in-ttl1{font-size: 32px; font-weight: 600; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 85px;}
#con4 .bx .inner .in-bx1 .in-img1{position: absolute; right: 50px; top: 135px;}
#con4 .bx .inner .in-bx1 .in-inner{width: 410px; margin-right: auto;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 10px;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 10px; color: #956003; padding-left: 30px;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt2 span{position: relative;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt2 span::before{content: ""; width: 20px; height: 20px; margin: 0 auto; background: url(../images/new-exterior/con4-li-icon.png) no-repeat top center; position: absolute; left: -30px; top: 0;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt3{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; }

#con4 .bx .inner .in-bx2{width: 1100px; margin: 0 auto 70px; padding: 50px 120px 88px; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con4 .bx .inner .in-bx2::before{content: ""; width: 94px; height: 136px; margin: 0 auto; background: url(../images/new-exterior/con4-num2.png) no-repeat top center; position: absolute; left: 55px; top: 0;}
#con4 .bx .inner .in-bx2 .in-ttl1{font-size: 32px; font-weight: 600; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 63px;}
#con4 .bx .inner .in-bx2 .in-img1{position: absolute; right: 50px; top: 135px;}
#con4 .bx .inner .in-bx2 .in-inner{width: 410px; margin-right: auto;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 10px;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 10px; color: #956003; padding-left: 30px;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt2 span{position: relative;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt2 span::before{content: ""; width: 20px; height: 20px; margin: 0 auto; background: url(../images/new-exterior/con4-li-icon.png) no-repeat top center; position: absolute; left: -30px; top: 0;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt3{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 30px;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt4{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; }

#con4 .bx .inner .in-bx3{width: 1100px; margin: 0 auto; padding: 50px 120px 70px; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con4 .bx .inner .in-bx3::before{content: ""; width: 94px; height: 136px; margin: 0 auto; background: url(../images/new-exterior/con4-num3.png) no-repeat top center; position: absolute; left: 55px; top: 0;}
#con4 .bx .inner .in-bx3 .in-ttl1{font-size: 32px; font-weight: 600; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 54px;}
#con4 .bx .inner .in-bx3 .in-img1{position: absolute; right: 50px; top: 135px;}
#con4 .bx .inner .in-bx3 .in-inner{width: 410px; margin-right: auto;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 10px;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 23px;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2 .ss1{font-size: 36px; letter-spacing: 0; line-height: 1.3;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2 .ss2{font-size: 36px; letter-spacing: 0.8px; line-height: 1.7; color: #BF9318;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2 .ss3{font-size: 20px; letter-spacing: 0; line-height: 1.7;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt3{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; }

#con5 .bx{width: 100%; max-width: 1920px; margin: 0 auto; background: #BF9318; padding: 24px 0 24px; position: relative; z-index: 1;;}
#con5 .bx .inner{width: 100%; max-width: 98.5%; margin: 0 auto 1px; border: 1px solid #686049; padding: 16px 0 55px;}
#con5 .bx .inner .ttl1{font-size: 34px; letter-spacing: 2px; line-height: 2; text-align: center; margin-bottom: -35px; color: #98781D;}
#con5 .bx .inner .form-bnr{text-align: center;}

#con5 .in-bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/new-exterior/con5-bg1.png) no-repeat top center;; padding: 90px 0 97px; position: relative; z-index: 1;;}
#con5 .in-bx .ttl2{font-size: 20px; letter-spacing: 2px; line-height: 1.8; text-align: center; color: #828282; margin-bottom: 5px;}
#con5 .in-bx .ttl3{font-size: 38px; letter-spacing: 0; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 23px; padding-bottom: 30px; position: relative;}
#con5 .in-bx .ttl3::after{content: ""; width: 1px; height: 36px; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: -9px;}
#con5 .in-bx .txt1{font-size: 22px; font-weight: bold; letter-spacing: 1px; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 8px; }
#con5 .in-bx .txt2{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; text-align: center; color: #fff; margin-bottom: 36px;}

#con5 .in-bx .in-inner{width: 1100px; margin: 0 auto;}
#con5 .in-bx .in-inner .list{margin-bottom: 30px; 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;}
#con5 .in-bx .in-inner .list li{width: 520px; margin-bottom: 60px; margin-right: 60px;}
#con5 .in-bx .in-inner .list li:nth-of-type(2n){margin-right: 0;}
#con5 .in-bx .in-inner .list li:nth-of-type(n+3){margin-bottom: 0; }
#con5 .in-bx .in-inner .list li .li-img1{margin: 0 auto;}
#con5 .in-bx .in-inner .list li .li-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; background: #fff; padding: 15px 40px 33px;}
#con5 .in-bx .txt3{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; text-align: center; color: #fff; }


#con6 {}
#con6 .bx{width: 100%; max-width: 1920px; margin: 0 auto -192px; position: relative; background: #F5F5F5; padding: 96px 0 63px;;}
#con6 .bx .inner{width: 1280px; margin: 0 auto; }
#con6 .bx .inner .ttl1{font-size: 70px; letter-spacing: 3.8px; line-height: 1.6; text-align: center; color: #828282; margin-bottom: 0px;}
#con6 .bx .inner .ttl2{font-size: 38px; letter-spacing: 0px; line-height: 1.6; text-align: center; color: #1C1C1C; margin-bottom: 17px;}
#con6 .bx .inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; text-align: center; margin-bottom: 58px;}
#con6 .bx .inner .list{margin-bottom: 92px; padding-right: 20px; 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;}
#con6 .bx .inner .list li{width: 320px; margin-right: 30px;}
#con6 .bx .inner .list li:last-child{margin-right: 0;}

#con6 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 70px; padding: 128px 90px 87px; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con6 .bx .inner .in-bx1 .in-inner{width: 520px; margin-right: auto; margin-bottom: 55px;}
#con6 .bx .inner .in-bx1 .in-inner .in-num{position: absolute; left: -20px; top: 40px; margin-bottom: 55px;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1{font-size: 32px; letter-spacing: 0; line-height: 1.6; margin-bottom: 67px; position: relative;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1 .ss1{font-size: 92px; font-weight: 400;letter-spacing: 0; line-height: 1; color: #BF9318;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1 .ss2{font-size: 47px; font-weight: 600; letter-spacing: 1px; line-height: 1; }
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1 .ss3{font-size: 26px; font-weight: 400; letter-spacing: 0; line-height: 1; }
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1::after{content: ""; width: 520px; height: 2px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -18px;}
#con6 .bx .inner .in-bx1 .in-inner .in-img1{position: absolute; right: 90px; top: 70px;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl2{font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 1.6; margin-bottom: 12px;}
#con6 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 32px;}
#con6 .bx .inner .in-bx1 .in-txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; background: #F0F0F0; padding: 27px 50px}

#con6 .bx .inner .in-bx2{width: 1280px; margin: 0 auto 70px; padding: 128px 90px 87px; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con6 .bx .inner .in-bx2 .in-inner{width: 520px; margin-right: auto; margin-bottom: 55px;}
#con6 .bx .inner .in-bx2 .in-inner .in-num{position: absolute; left: -20px; top: 40px; margin-bottom: 55px;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1{font-size: 32px; letter-spacing: 0; line-height: 1.6; margin-bottom: 67px; position: relative;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1 .ss1{font-size: 92px; font-weight: 400;letter-spacing: 0; line-height: 1; color: #BF9318;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1 .ss2{font-size: 47px; font-weight: 600; letter-spacing: 1px; line-height: 1; }
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1 .ss3{font-size: 26px; font-weight: 400; letter-spacing: 0; line-height: 1; }
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1::after{content: ""; width: 520px; height: 2px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -18px;}
#con6 .bx .inner .in-bx2 .in-inner .in-img1{position: absolute; right: 90px; top: 70px;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl2{font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 1.6; margin-bottom: 12px;}
#con6 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 32px;}
#con6 .bx .inner .in-bx2 .in-txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; background: #F0F0F0; padding: 27px 50px}

#con6 .bx .inner .in-bx3{width: 1280px; margin: 0 auto 70px; padding: 128px 90px 87px; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con6 .bx .inner .in-bx3 .in-inner{width: 520px; margin-right: auto; margin-bottom: -10px;}
#con6 .bx .inner .in-bx3 .in-inner .in-num{position: absolute; left: -20px; top: 40px; margin-bottom: 55px;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1{font-size: 32px; letter-spacing: 0; line-height: 1.6; margin-bottom: 67px; position: relative;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss1{font-size: 92px; font-weight: 400;letter-spacing: 0; line-height: 1; color: #BF9318;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss2{font-size: 47px; font-weight: 600; letter-spacing: 1px; line-height: 1; }
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss3{font-size: 26px; font-weight: 400; letter-spacing: 0; line-height: 1; }
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss4{font-size: 30px; font-weight: 600; letter-spacing: 0; line-height: 1; }
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1::after{content: ""; width: 520px; height: 2px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -18px;}
#con6 .bx .inner .in-bx3 .in-inner .in-img1{position: absolute; right: 90px; top: 70px;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl2{font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 1.6; margin-bottom: 12px;}
#con6 .bx .inner .in-bx3 .in-inner .in-txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; margin-bottom: 32px;}
#con6 .bx .inner .in-bx3 .in-txt2{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; background: #F0F0F0; padding: 27px 50px}

#con6 .big-bx { }
#con6 .big-bx .big-img{ position: relative; z-index: 1;}
#con6 .big-bx .js_scroll { overflow: hidden; }
#con6 .big-bx .scroll-hint-icon { display: none !important;}


#con7 {}
#con7 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: #BF9318; padding: 225px 0 63px;;}
#con7 .bx .inner{width: 1100px; margin: 0 auto; }
#con7 .bx .inner .ttl1{font-size: 38px; letter-spacing: 0; line-height: 1.6; margin-bottom: 125px; text-align: center; color: #fff; position: relative;}
#con7 .bx .inner .ttl1::after{content: ""; width: 1px; height: 50px; margin: 0 auto; text-align: center; background: #fff; position: absolute; left: 0; right: 0; bottom: -70px;}
#con7 .bx .inner .ttl2{font-size: 55px; letter-spacing: 2.5px; line-height: 1.6; margin-bottom: 25px; text-align: center; color: #98781D; position: relative;}
#con7 .bx .inner .list{margin-bottom: 40px; 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;}
#con7 .bx .inner .list li{width: 254px; margin-right: 28px;}
#con7 .bx .inner .list li:last-child{margin-right: 0;}
#con7 .bx .inner .tel{text-align: center; margin: 0 auto 57px;}
#con7 .bx .inner .txt1{font-size: 16px; font-weight: 500; letter-spacing: 0.8px; line-height: 1.6; text-align: center; color: #fff; }


#con8 {}
#con8 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: #343434; padding: 96px 0 1px;;}
#con8 .bx .inner{width: 1280px; margin: 0 auto; }
#con8 .bx .inner .ttl1{font-size: 70px; letter-spacing: 3.8px; line-height: 1.6; text-align: center; color: #636363; margin-bottom: 0px;}
#con8 .bx .inner .ttl2{font-size: 38px; letter-spacing: 0px; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 17px;}
#con8 .bx .inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; text-align: center; color: #fff; margin-bottom: 98px;}


#con8 .bx .sra-bx1{}
#con8 .bx .sra-bx1 .sra-inner1{width: 1280px; margin: 0 auto;}

#con8 .bx .in-bx1{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 38px 39px;}
#con8 .bx .in-bx1 .in-inner{width: 360px; margin-right: auto;}
#con8 .bx .in-bx1 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con8 .bx .in-bx1 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con8 .bx .in-bx1 .in-inner .in-img1{position: absolute; right: 0; top: 0;}
#con8 .bx .in-bx1 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con8 .bx .in-bx1 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}
#con8 .bx .in-bx1 .in-inner .in-img1-1{}

#con8 .bx .in-bx2{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 53px 39px;}
#con8 .bx .in-bx2 .in-inner{width: 360px; margin-right: auto;}
#con8 .bx .in-bx2 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con8 .bx .in-bx2 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con8 .bx .in-bx2 .in-inner .in-img1{position: absolute; right: 0; top: 0;}
#con8 .bx .in-bx2 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con8 .bx .in-bx2 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}
#con8 .bx .in-bx2 .in-inner .in-img1-1{}

#con8 .bx .in-bx3{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 54px 39px;}
#con8 .bx .in-bx3 .in-inner{width: 360px; margin-right: auto;}
#con8 .bx .in-bx3 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con8 .bx .in-bx3 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con8 .bx .in-bx3 .in-inner .in-img1{position: absolute; right: 0; top: 0;}
#con8 .bx .in-bx3 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con8 .bx .in-bx3 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}
#con8 .bx .in-bx3 .in-inner .in-img1-1{}


/* ▼ スライダー全体の外枠 ▼ */
#con8 .bx .sra-bx1 .sra-inner1 {
width: 960px !important;
margin: 0 auto 5px!important;
position: relative;
overflow: visible !important; /* 矢印を外に出すために必須 */
}

/* ▼ 【重要】はみ出しを確実に隠す設定（アニメーション停止時の表示バグ対策） ▼ */
#con8 .bx .sra-bx1 .sra-inner1 .slick-list {
overflow: hidden !important; /* はみ出した左右のスライドを強制的に隠す */
transform: translate3d(0, 0, 0); /* 止まった時に他のスライドが浮き出るのを防ぐ */
-webkit-transform: translate3d(0, 0, 0);
margin: 0 !important;
padding: 0 !important;
}

/* ▼ 各スライドの共通設定 ▼ */
#con8 .bx .in-bx1,
#con8 .bx .in-bx2,
#con8 .bx .in-bx3 {
width: 960px !important; /* 枠のサイズと完全に一致させる */
margin: 0 !important; /* ★元々あった margin を消し、横並びの計算ズレを防ぐ */
background: #fff;
position: relative;
box-sizing: border-box;
padding: 55px 40px 39px 39px !important;
min-height: 500px; 
display: block !important;
}

/* ▼ 絶対配置されている画像の調整 ▼ */
#con8 .bx .in-bx1 .in-inner .in-img1,
#con8 .bx .in-bx2 .in-inner .in-img1,
#con8 .bx .in-bx3 .in-inner .in-img1 {
position: absolute;
right: 100px;
top: 0;
width: 500px; /* 画像のサイズを指定 */
height: auto;
}

/* ▼ 矢印の配置調整（枠の外側へ） ▼ */
#con8 .sra-inner1 .slick-prev,
#con8 .sra-inner1 .slick-next {
position: absolute;
top: 46%;
transform: translateY(-50%);
z-index: 10;
width: 80px;
height: 80px;
cursor: pointer;
background: none;
border: none;
}

#con8 .sra-inner1 .slick-prev::before,
#con8 .sra-inner1 .slick-next::before {
display: none!important;
}

#con8 .sra-inner1 .slick-prev { left: -140px; } /* 左外側へ */
#con8 .sra-inner1 .slick-next { right: -110px; } /* 右外側へ */

/* ▼ ドットの調整 ▼ */
#con8 .sra-inner1 .slick-dots {
position: absolute;
bottom: -45px;
width: 100%;
text-align: center;
z-index: 1;
}

#con8 .sra-inner1 .slick-dots li {
display: inline-block;
margin: 0 3px; /* ドット同士の間隔 */
}
#con8 .sra-inner1 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 7px; /* ドットの大きさ */
height: 7px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: #B9B9B9; /* 非アクティブ時の色（白） */
border-radius: 50%; /* 丸くする */
transition: 0.3s;
}
/* アクティブ時のドットの色 */
#con8 .sra-inner1 .slick-dots li.slick-active button {
background: #BF9318; /* 例としてテーマカラーのゴールド */
}





#con9 {}
#con9 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: #343434; padding: 96px 0 96px;;}
#con9 .bx .bx-bx{width: 100%; max-width: 1700px; margin: 0 auto 40px; position: relative; background: #232323; padding: 65px 0 63px;;}
#con9 .bx .bx-bx .inner{width: 1280px; margin: 0 auto; }
#con9 .bx .bx-bx .inner .ttl1{font-size: 26px; font-weight: 500; letter-spacing: 0; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 35px;}

#con9 .bx .bx-bx .inner .sra-list{margin-bottom: 60px; 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;}
#con9 .bx .bx-bx .inner .sra-list li{width: 170px; height: 50px; margin-right: 16px; background: #fff; border-radius: 10px; text-align: center; padding: 15px 0; font-size: 16px; font-weight: bold; letter-spacing: 0;}
#con9 .bx .bx-bx .inner .sra-list li:last-child{margin-right: 0;}


#con9 .bx .sra-bx1{}
#con9 .bx .sra-bx1 .sra-inner1{width: 1280px; margin: 0 auto;}

#con9 .bx .in-bx1{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 43px 38px 39px;}
#con9 .bx .in-bx1 .in-inner{width: 440px; margin-left: auto;}
#con9 .bx .in-bx1 .in-inner .in-ttl1{font-size: 40px; font-weight: bold; letter-spacing: 0; line-height: 1.35; margin-bottom: 0px; position: relative;}
#con9 .bx .in-bx1 .in-inner .in-ttl2{font-size: 20px; font-weight: bold; letter-spacing: 0; line-height: 1.9; margin-bottom: 40px;}
#con9 .bx .in-bx1 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con9 .bx .in-bx1 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}

#con9 .bx .in-bx2{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 53px 39px;}
#con9 .bx .in-bx2 .in-inner{width: 440px; margin-left: auto;}
#con9 .bx .in-bx2 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con9 .bx .in-bx2 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con9 .bx .in-bx2 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con9 .bx .in-bx2 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con9 .bx .in-bx2 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}

#con9 .bx .in-bx3{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 54px 39px;}
#con9 .bx .in-bx3 .in-inner{width: 440px; margin-left: auto;}
#con9 .bx .in-bx3 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con9 .bx .in-bx3 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con9 .bx .in-bx3 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con9 .bx .in-bx3 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con9 .bx .in-bx3 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}

#con9 .bx .in-bx4{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 54px 39px;}
#con9 .bx .in-bx4 .in-inner{width: 440px; margin-left: auto;}
#con9 .bx .in-bx4 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con9 .bx .in-bx4 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con9 .bx .in-bx4 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con9 .bx .in-bx4 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con9 .bx .in-bx4 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}

#con9 .bx .in-bx5{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 54px 39px;}
#con9 .bx .in-bx5 .in-inner{width: 440px; margin-left: auto;}
#con9 .bx .in-bx5 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con9 .bx .in-bx5 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con9 .bx .in-bx5 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con9 .bx .in-bx5 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con9 .bx .in-bx5 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}

#con9 .bx .in-bx6{width: 960px; margin: 0 auto 50px; background: #fff; position: relative; padding: 55px 0px 54px 39px;}
#con9 .bx .in-bx6 .in-inner{width: 440px; margin-left: auto;}
#con9 .bx .in-bx6 .in-inner .in-ttl1{font-size: 34px; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 28px; position: relative;}
#con9 .bx .in-bx6 .in-inner .in-ttl1::after{content: ""; width: 280px; height: 1px; background: #D4D4D4; position: absolute; left: 0; right: 0; bottom: -13px;}
#con9 .bx .in-bx6 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con9 .bx .in-bx6 .in-inner .in-ttl2{font-size: 16px; font-weight: bold; letter-spacing: 0.8px; line-height: 1.9; margin-bottom: 10px;}
#con9 .bx .in-bx6 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 27px;}


/* ▼ スライダー全体の外枠 ▼ */
#con9 .bx .sra-bx1 .sra-inner1 {
width: 960px !important;
margin: 0 auto 40px!important;
position: relative;
overflow: visible !important; /* 矢印を外に出すために必須 */
}

/* ▼ 【重要】はみ出しを確実に隠す設定（アニメーション停止時の表示バグ対策） ▼ */
#con9 .bx .sra-bx1 .sra-inner1 .slick-list {
overflow: hidden !important; /* はみ出した左右のスライドを強制的に隠す */
transform: translate3d(0, 0, 0); /* 止まった時に他のスライドが浮き出るのを防ぐ */
-webkit-transform: translate3d(0, 0, 0);
margin: 0 !important;
padding: 0 !important;
}

/* ▼ 各スライドの共通設定 ▼ */
#con9 .bx .in-bx1,
#con9 .bx .in-bx2,
#con9 .bx .in-bx3,
#con9 .bx .in-bx4,
#con9 .bx .in-bx5,
#con9 .bx .in-bx6 {
width: 960px !important; /* 枠のサイズと完全に一致させる */
margin: 0 !important; /* ★元々あった margin を消し、横並びの計算ズレを防ぐ */
background: #fff;
position: relative;
box-sizing: border-box;
padding: 55px 40px 39px 39px !important;
min-height: 520px; 
/* max-height: 580px;  */
display: block !important;
}

/* ▼ 絶対配置されている画像の調整 ▼ */
#con9 .bx .in-bx1 .in-inner .in-img1,
#con9 .bx .in-bx2 .in-inner .in-img1,
#con9 .bx .in-bx3 .in-inner .in-img1,
#con9 .bx .in-bx4 .in-inner .in-img1,
#con9 .bx .in-bx5 .in-inner .in-img1,
#con9 .bx .in-bx6 .in-inner .in-img1 {
position: absolute;
right: 100px;
top: 0;
width: 435px; /* 画像のサイズを指定 */
height: auto;
}

#con9 .bx .in-bx1 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx2 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx3 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx4 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx5 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx6 .in-inner .in-txt1:last-child {
margin-bottom: 0!important;
}

/* ▼ 矢印の配置調整（枠の外側へ） ▼ */
#con9 .sra-inner1 .slick-prev,
#con9 .sra-inner1 .slick-next {
position: absolute;
top: 43%;
transform: translateY(-50%);
z-index: 10;
width: 80px;
height: 80px;
cursor: pointer;
background: none;
border: none;
}

#con9 .sra-inner1 .slick-prev::before,
#con9 .sra-inner1 .slick-next::before {
display: none!important;
}

#con9 .sra-inner1 .slick-prev { left: -140px; } /* 左外側へ */
#con9 .sra-inner1 .slick-next { right: -110px; } /* 右外側へ */

/* ▼ ドットの調整 ▼ */
#con9 .sra-inner1 .slick-dots {
position: absolute;
bottom: -45px;
width: 100%;
text-align: center;
}

#con9 .sra-inner1 .slick-dots li {
display: inline-block;
margin: 0 3px; /* ドット同士の間隔 */
}
#con9 .sra-inner1 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 7px; /* ドットの大きさ */
height: 7px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: #B9B9B9; /* 非アクティブ時の色（白） */
border-radius: 50%; /* 丸くする */
transition: 0.3s;
}
/* アクティブ時のドットの色 */
#con9 .sra-inner1 .slick-dots li.slick-active button {
background: #BF9318; /* 例としてテーマカラーのゴールド */
}

/* ▼ カスタムナビゲーション（<li>）の基本設定 ▼ */
#con9 .bx .bx-bx .inner .sra-list li {
width: 170px; 
height: 50px; 
margin-right: 16px; 
background: #fff; /* 通常時の背景色 */
color: #232323; /* 通常時の文字色（背景に合わせて調整してください） */
border-radius: 10px; 
text-align: center; 
padding: 15px 0; 
font-size: 16px; 
font-weight: bold; 
letter-spacing: 0;
cursor: pointer; /* ★クリックできることを示す指マークにする */
transition: 0.3s; /* 色の切り替わりを滑らかに */
}

/* ▼ ナビゲーションがアクティブ（選択状態）になった時の設定 ▼ */
#con9 .bx .bx-bx .inner .sra-list li.is-active {
background: #BF9318; /* ★アクティブ時の背景色（オレンジ・ゴールド系） */
color: #fff; /* ★アクティブ時の文字色（白） */
}

#con9 .bx .form-bnr{text-align: center;}


#con10 {}
#con10 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/new-exterior/con10-bg.png) no-repeat top center;; padding: 96px 0 96px;;}
#con10 .bx .inner{width: 100%; margin: 0 auto 30px; }
#con10 .bx .inner .ttl1{font-size: 70px; letter-spacing: 3.8px; line-height: 1.6; text-align: center; color: #1C1C1C; margin-bottom: 0px;}
#con10 .bx .inner .ttl2{font-size: 38px; letter-spacing: 0px; line-height: 1.6; text-align: center; color: #1C1C1C; margin-bottom: 45px;}


#con10 .bx .sra-bx1{}
#con10 .bx .sra-bx1 .sra-inner1{width: 1280px; margin: 0 auto;}

#con10 .bx .in-bx1{width: 1100px; margin: 0 auto 50px; background: #fff; position: relative; padding: 56px 60px 60px 60px ;}
#con10 .bx .in-bx1 .in-inner{width: 530px; margin-left: auto;}
#con10 .bx .in-bx1 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con10 .bx .in-bx1 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 25px; margin-left: -20px;}
#con10 .bx .in-bx1 .in-inner .in-txt2{font-size: 14px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; position: absolute; left: 58px; bottom: 32px;}
#con10 .bx .in-bx1 .in-inner .in-btn{margin-left: -20px;}

#con10 .bx .in-bx2{width: 1100px; margin: 0 auto 50px; background: #fff; position: relative; padding: 56px 60px 60px 60px ;}
#con10 .bx .in-bx2 .in-inner{width: 530px; margin-left: auto;}
#con10 .bx .in-bx2 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con10 .bx .in-bx2 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 25px; margin-left: -20px;}
#con10 .bx .in-bx2 .in-inner .in-txt2{font-size: 14px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; position: absolute; left: 58px; bottom: 32px;}
#con10 .bx .in-bx2 .in-inner .in-btn{margin-left: -20px;}

#con10 .bx .in-bx3{width: 1100px; margin: 0 auto 50px; background: #fff; position: relative; padding: 56px 60px 60px 60px ;}
#con10 .bx .in-bx3 .in-inner{width: 530px; margin-left: auto;}
#con10 .bx .in-bx3 .in-inner .in-img1{position: absolute; left: 0; top: 0;}
#con10 .bx .in-bx3 .in-inner .in-txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; margin-bottom: 25px; margin-left: -20px;}
#con10 .bx .in-bx3 .in-inner .in-txt2{font-size: 14px; font-weight: 500; letter-spacing: 0.8px; line-height: 2; position: absolute; left: 58px; bottom: 32px;}
#con10 .bx .in-bx3 .in-inner .in-btn{margin-left: -20px;}

/* ▼ スライダー全体の外枠 ▼ */
#con10 .bx .sra-bx1 .sra-inner1 {
width: 100% !important; /* ★変更：960pxから100%にして画面いっぱいに広げる */
margin: 0 auto 5px!important;
position: relative;
padding-bottom: 35px; /* ドットのための余白 */
}

/* ▼ アニメーション停止時のバグ対策 ＆ はみ出し処理 ▼ */
#con10 .bx .sra-bx1 .sra-inner1 .slick-list {
overflow: hidden !important; 
transform: translate3d(0, 0, 0); 
-webkit-transform: translate3d(0, 0, 0);
margin: 0 !important;
padding: 0 !important; /* ★変更：中途半端なpaddingは一度0にリセットします */
}

/* ▼ 各スライドの共通設定 ▼ */
#con10 .bx .in-bx1,
#con10 .bx .in-bx2,
#con10 .bx .in-bx3 {
width: 1100px !important;
/* ★【重要】変更：上下にもマージンを設けて、影が収まるスペースを確保します */
margin: 20px 30px 40px !important; /* 上20px、左右30px、下40pxの隙間 */
background: #fff;
position: relative;
box-sizing: border-box;
padding: 55px 40px 39px 39px !important;
box-shadow: 5px 3px 20px -10px #777777; 
/* ★高さを出したい場合は、ここを増やします（例：450px） */
min-height: 410px; 
display: block !important;
transition: opacity 0.3s ease;
opacity: 0.5; 
}

/* ▼ 中央のアクティブなスライドだけをくっきり見せる（おまけ） ▼ */
#con10 .bx .sra-bx1 .sra-inner1 .slick-center {
opacity: 1 !important; /* 中央にきたスライドだけ100%の濃さにする */
}

/* ▼ ドットの位置調整 ▼ */
#con10 .sra-inner1 .slick-dots {
position: absolute;
bottom: 0px; /* ★ドットの位置がズレる場合はここで微調整してください */
width: 100%;
text-align: center;
}

/* ▼ 絶対配置されている画像の調整 ▼ */
#con10 .bx .in-bx1 .in-inner .in-img1,
#con10 .bx .in-bx2 .in-inner .in-img1,
#con10 .bx .in-bx3 .in-inner .in-img1 {
position: absolute;
right: 0;
left: 60px;
top: 60px;
width: 400px; /* 画像のサイズを指定 */
height: auto;
}

/* ▼ ドットの調整 ▼ */
#con10 .sra-inner1 .slick-dots {
position: absolute;
bottom: 15px;
left: 7px;
width: 100%;
text-align: center;
}

#con10 .sra-inner1 .slick-dots li {
display: inline-block;
margin: 0 3px; /* ドット同士の間隔 */
}
#con10 .sra-inner1 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 7px; /* ドットの大きさ */
height: 7px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: #B9B9B9; /* 非アクティブ時の色（白） */
border-radius: 50%; /* 丸くする */
transition: 0.3s;
}
/* アクティブ時のドットの色 */
#con10 .sra-inner1 .slick-dots li.slick-active button {
background: #BF9318; /* 例としてテーマカラーのゴールド */
}

#con10 .con10-last-bigimg {width: 100%; margin: 0 auto 20px;}

#con10 .loop {
width: 100%;
height: 210px; /*画像の高さ等*/
background: url(../images/new-exterior/con10-last-bigimg.png) repeat-x;
background-position: center;
animation: bgloop 60s linear infinite; /*秒数等はお好きな数値に、infiniteは残す*/
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -2360px 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}





/* Google口コミ */

#contentsgoogle {width: 100%; margin: 0 auto;position: relative;background: #F2F2F2; padding-top: 90px; padding-bottom: 37px;}
#contentsgoogle .contentsgoogle-bx{width: 1100px;margin: 0 auto 70px;position: relative; padding-top: 63px;}
#contentsgoogle .contentsgoogle-bx::before{content: ""; width: 157px; height: 140px; margin: 0 auto; background: url(../images/index/google-human1.png) no-repeat top center; position: absolute; left: 152px; top: 127px; background-size: 100%;}
#contentsgoogle .contentsgoogle-bx::after{content: ""; width: 149px; height: 135px; margin: 0 auto; background: url(../images/index/google-human2.png) no-repeat top center; position: absolute; right: 162px; top: 132px; background-size: 100%;}
#contentsgoogle .b-ttl{text-align: center; margin-bottom: 40px;}
#contentsgoogle .b-ttl1{font-size: 20px;font-weight: bold; line-height: 1.6;letter-spacing: 0.6px;margin-bottom: 17px;text-align: center;}

#contentsgoogle p.subttl {font-size: 24px;font-weight: bold; line-height: 1.6;letter-spacing: 1.8px;margin-bottom: 50px;text-align: left;}
#contentsgoogle p.subttl span{ color: #FABB05; }
#contentsgoogle p.subttl img{ margin-right: 30px; }
#contentsgoogle p.link {text-align: center; position: absolute; top: 334px; right: 50px;}
#contentsgoogle p.subttl .gr-total-rating{ color:#000; font-size: 72px; position: absolute; top: -38px; right: 70px; }
#contentsgoogle .sougou{position: relative; width: 545px; margin: 0 auto;}
#contentsgoogle .sougou .star-rating{  position: relative;margin-left: 14px; position: absolute; top:0; left:170px;}
#contentsgoogle .star-rating{position: relative; position: absolute; top:0; left:0;}
#contentsgoogle .star-rating .star-rating-front{font-size: 27px;color: #fabb05;width: 92%;overflow: hidden;position: relative;z-index: 9;margin-top: 4px;}
#contentsgoogle .star-rating .star-rating-back{font-size: 27px;color: #666666;position: absolute;top: 4px;left: 0;}
#contentsgoogle .inner-Box { margin: 0 auto 35px; position: relative; }
#contentsgoogle .inner-Box ul{ width: 1000px; margin: 0 auto; height: 600px; padding: 0 25px 50px 40px; overflow-y:scroll; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #707070; background-color: #fff;}
#contentsgoogle .inner-Box ul li{ width: 100%; background: #fff;position: relative;padding: 30px 0 30px 0; border-bottom: 1px solid #CECECE;}
#contentsgoogle .inner-Box dt{ position:relative; min-height:30px; margin-bottom:15px; }
#contentsgoogle .inner-Box .star-rating{ position:absolute; top:0px; left:0px; }
#contentsgoogle .inner-Box .star-rating .star-rating-front{font-size: 31px;color: #FABB05;display: inline-block;font-weight: normal;margin-right: 15px;}
#contentsgoogle .inner-Box .star-rating .star-rating-back{font-size: 31px;color: #666;display: inline-block;font-weight: normal;margin-right: 15px;}
#contentsgoogle .inner-Box .user-data{position: absolute; top:16px; left:177px; -ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-orient: horizontal;-webkit-box-direction: normal; display:-webkit-box;display:-ms-flexbox;display:flex;}
#contentsgoogle .inner-Box .review-avatar{ display:none; }
#contentsgoogle .inner-Box .review-date{font-size: 13px;line-height: 1.6; margin-left: 13px; display: inline-block; color: #999999; }
#contentsgoogle .inner-Box .review-name{font-size: 13px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 3px;margin-left: 7px;}
#contentsgoogle .inner-Box h3{font-size: 13px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 3px;margin-left: 7px;}
#contentsgoogle .inner-Box h3 span.st{font-size: 31px;color: #FABB05;display: inline-block;font-weight: normal;margin-right: 15px;}
#contentsgoogle .inner-Box h3 span.time{ margin-left: 13px; display: inline-block; color: #999999; }
#contentsgoogle .inner-Box dd{font-size: 13px;line-height: 1.8;font-weight: 500;letter-spacing: 1.7px;margin-left: 4px;}

/* Google口コミ end*/



#con11 {}
#con11 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: #343434;; padding: 107px 0 57px;;}
#con11 .bx .inner{width: 1280px; margin: 0 auto 30px; position: relative;}
#con11 .bx .inner .ttl1{font-size: 38px; letter-spacing: 0px; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 123px;}
#con11 .bx .inner .img1{position: absolute; left: -80px; top: 125px; z-index: 0;}
#con11 .bx .inner .in-bx{width: 678px; margin-left: auto; background: #fff; padding: 60px 40px 58px 123px; margin-right: 40px; position: relative; z-index: 1;}
#con11 .bx .inner .in-bx .list{}
#con11 .bx .inner .in-bx .list li{font-size: 22px; font-weight: bold; letter-spacing: 0px; line-height: 2.3; position: relative;}
#con11 .bx .inner .in-bx .list li::before{content: ""; width: 27px; height: 27px; background: url(../images/new-exterior/con11-li-icon.png) no-repeat top center; position: absolute; left: -45px; top: 10px;}


#con12 {}
#con12 .bx{width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/new-exterior/con12-bg.png) no-repeat top center;;; padding: 200px 0 370px;;}
#con12 .bx .inner{width: 1280px; margin: 0 auto 30px; position: relative;}
#con12 .bx .inner .ttl1{font-size: 24px; letter-spacing: 0px; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 40px;}
#con12 .bx .inner .ttl2{font-size: 44px; letter-spacing: 0px; line-height: 1.6; text-align: center; color: #fff; }



#formboxx {background: #BF9318;padding: 97px 0 128px;}
#formboxx .form-bx{width: 1200px; margin: 0 auto;}
#formboxx .form-bx .form-ttl1{font-size: 55px; letter-spacing: 2.8px; line-height: 1.6; text-align: center; color: #98781D; margin-bottom: 20px;}
#formboxx .form-bx .form-ttl2{font-size: 38px; letter-spacing: 0px; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 20px;}

#formboxx .form-bx .form-list1 {margin: 0 323px 68px; font-size: 12px; font-weight: 500; letter-spacing: 0.6px; line-height: 2; color: #fff;}
#formboxx .form-bx .form-list1 li {padding-left: 1em;text-indent: -1em;margin-bottom: 0px;}

#formboxx .inner-Box {width: 1200px;margin: 0 auto -69px;text-align: center;position: relative;padding-bottom: 148px;}
#formboxx .inner-Box span.icon01 {position: absolute;top: 90px;left: -50px;}
#formboxx .inner-Box h2 { margin-bottom: -100px;}
#formboxx .inner-Box h2 img{position: relative;top: -20px;left: -37px;}
#formboxx .inner-Box p{color: #ffffff;font-size: 16px;letter-spacing: 1.6px;line-height: 36px;}
#formboxx .inner-Box span.icon02 {position: absolute;bottom: 68px;right: 38px;}


.form-Box{line-height: 1.6;width: 1200px;margin: 0 auto;}
.form-Box .form-Box-inner{padding: 50px 0px 50px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);background-color: #f2f2f2;}
.form-Box .form-list {margin: 0 230px 47px;font-size: 16px;letter-spacing: 0.8px;line-height: 20px;}
.form-Box .error {margin: 0 170px;}
.form-Box .attention-color {color: #ef8027;}
.form-Box .form-list li {padding-left: 1em;text-indent: -1em;margin-bottom: 0px;}
.form-Box table {line-height: 1.6;width: 860px;margin: 0 auto 31px;}
.form-Box th {background: url('../images/index/line.jpg')no-repeat bottom left;text-align: left;width: 34%;padding: 33px 0px 30px 72px;vertical-align: top;font-size: 18px;}
.form-Box td {background: url('../images/index/line.jpg')no-repeat bottom left;width: 70%;padding: 30px 0px 30px 72px;vertical-align: top;font-size: 18px;line-height: 2.1;}
.form-Box td img { max-width: 100%; height: auto;}
.form-Box .from-btn-01 { text-align: center; }
.form-Box .from-btn-02 {width: 900px;margin-left: auto;margin-right: auto;text-align: center;padding: 40px 0 0px 0;}
.form-Box .button {border: 0;padding: 0;margin: 0;background: none;}
.form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8;}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box select,
.form-Box textarea { font-size: 18px; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-Box textarea {width: 100%; height: 187px;}

.form-Box .from-btn-02 p{ margin-bottom: 30px; }


}













@media screen and (max-width: 767px) {
main {font-family: "Zen Old Mincho", serif;font-weight: 400;font-style: normal;}

.sp-header{ display: none; }
h1.main-title{ display: none; }
.main-title{ margin-bottom: 0; }

#con1 {}
#con1 .bx{width: 100%; height: 154vw; margin: 0 auto; position: relative; background: url(../images/new-exterior/sp-con1-bg1.png) no-repeat top center; background-size: 100%; padding: 10vw 0 10vw;;}
#con1 .bx .logo{width: 15vw; position: absolute; left: 2vw; top: 2vw;}
#con1 .bx .ttl1{font-size: 5.3vw; letter-spacing: 0vw; line-height: 1.9; color: #fff; padding-left: 8vw; padding-top: 14vw; margin-bottom: 1vw;}
#con1 .bx .ttl2{font-size: 3.5vw; letter-spacing: 0vw; line-height: 1.6; color: #fff; padding-left: 8vw;}
#con1 .bx .icon{width: 87%; margin: 0 auto; position: absolute; right: 0; left: 0; bottom: 3vw;}

#con1 .inner{width: 100%; height: 354vw; margin: 0 auto -20vw; position: relative; background: url(../images/new-exterior/sp-con1-bg2.png) no-repeat top center; background-size: cover; padding: 6vw 0 1vw; position: relative; z-index: 1;}
#con1 .inner .in-bx{width: 100%; max-width: 96%; margin: 0 auto 15vw; border: 1px solid #686049; padding: 3vw 0 12.5vw;}
#con1 .inner .in-bx .ttl3{font-size: 6.6vw; letter-spacing: 0.7vw; line-height: 1.85; color: #BF9318; text-align: center; margin-bottom: 2vw;}
#con1 .inner .in-bx .list1{}
#con1 .inner .in-bx .list1 li{width: 87%; margin: 0 auto 5vw;}
#con1 .inner .in-bx .list1 li:last-child{margin-bottom: 0;}

#con1 .inner .in-inner{width: 100%; margin: 0 auto;}
#con1 .inner .in-inner .ttl4{font-size: 5.3vw; letter-spacing: 0.5vw; line-height: 1.9; color: #fff; text-align: center; margin-bottom: 2vw; padding-bottom: 16vw; position: relative;}
#con1 .inner .in-inner .ttl4::after{content: ""; width: 1px; height: 10vw; margin: 0 auto; text-align: center; background: #727272; position: absolute; left: 0; right: 0; bottom: 3vw;}
#con1 .inner .in-inner .list2{}
#con1 .inner .in-inner .list2 li{width: 60%; margin: 0 auto 9vw;}
#con1 .inner .in-inner .list2 li:nth-child(2){margin-bottom: 10vw;}
#con1 .inner .in-inner .list2 li .img1{width: 100%; margin: 0 auto 6vw;;}
#con1 .inner .in-inner .list2 li .txt1{font-size: 4.4vw; letter-spacing: 0px; line-height: 1.7; color: #fff; text-align: center; }



#con2 {}
#con2 .bx{width: 100%; margin: 0 auto -23vw; position: relative; background: url(../images/new-exterior/sp-con2-bg1.png) no-repeat top center; padding: 30vw 0 27vw; background-size: cover;}
#con2 .bx .inner{width: 94%; margin: 0 auto; position: relative; }
#con2 .bx .inner .ttl1{font-size: 5.8vw; letter-spacing: 0; line-height: 1.7; text-align: center; margin-bottom: 5vw;}
#con2 .bx .inner .txt1{font-size: 3.6vw; font-weight: 500; letter-spacing: 0.45vw; line-height: 2.15; margin-bottom: 6vw; padding: 0 4vw;}
#con2 .bx .inner .list{margin-bottom: 4vw; }
#con2 .bx .inner .list li{width: 100%; margin: 0 auto 14vw;}
#con2 .bx .inner .list li:last-child{width: 104%; position: relative; left: -2vw; margin: 0 auto -1vw;}
#con2 .bx .inner .txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.1; margin-bottom: 4vw; padding: 0 3.5vw;}
#con2 .bx .inner .txt3{font-size: 7vw; letter-spacing: 0.3vw; line-height: 1.8; text-align: center; margin-bottom: -2.5vw;}
#con2 .bx .inner .txt3 span{color: #956003;}
#con2 .bx .inner .form-bnr{width: 97%; margin: 0 auto;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto; position: relative; background: url(../images/new-exterior/sp-con3-bg1.png) no-repeat top center; padding: 24vw 0 1vw; background-size: cover;}
#con3 .bx .inner{}
#con3 .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0.3vw; line-height: 1.7; color: #fff; text-align: center; margin-bottom: 11vw;}

#con3 .bx .inner .in-bx1{width: 94%; margin: 0 auto 10vw; background: #F2F2F2; position: relative; padding: 9vw 0 15vw;}
#con3 .bx .inner .in-bx1 .ttl2{font-size: 8vw; letter-spacing: 0.2vw; line-height: 1.5; color: #BF9318; text-align: center;}
#con3 .bx .inner .in-bx1 .ttl3{font-size: 9vw; font-weight: 600; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 6vw;}
#con3 .bx .inner .in-bx1 .list{}
#con3 .bx .inner .in-bx1 .list li{width: 94%; margin: 0 auto 15vw;}
#con3 .bx .inner .in-bx1 .list li:last-child{margin-bottom: 0;}
#con3 .bx .inner .in-bx1 .list li .img1{margin: 0 auto 3vw; padding: 0 1vw;}
#con3 .bx .inner .in-bx1 .list li .txt1{font-size: 5.7vw; font-weight: 600; letter-spacing: 0vw; line-height: 1.65; text-align: center;}
#con3 .bx .inner .in-bx1 .list li .txt1 .ss1{border-bottom: 1px solid #000;}
#con3 .bx .inner .in-bx1 .list li .txt1 .ss2{border-bottom: 1px solid #BF9318;}

#con3 .bx .inner .in-bx2{width: 94%; margin: 0 auto -31vw; background: #F2F2F2; position: relative; padding: 9vw 0 14vw; z-index: 1;}
#con3 .bx .inner .in-bx2 .ttl2{font-size: 8vw; letter-spacing: 0.2vw; line-height: 1.5; color: #BF9318; text-align: center;}
#con3 .bx .inner .in-bx2 .ttl3{font-size: 9vw; font-weight: 600; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; margin-bottom: 6vw;}
#con3 .bx .inner .in-bx2 .list{}
#con3 .bx .inner .in-bx2 .list li{width: 94%; margin: 0 auto 14vw;}
#con3 .bx .inner .in-bx2 .list li:last-child{margin-bottom: 0;}
#con3 .bx .inner .in-bx2 .list li .img1{margin: 0 auto 3vw; padding: 0 1vw;}
#con3 .bx .inner .in-bx2 .list li .txt1{font-size: 5.7vw; font-weight: 600; letter-spacing: 0vw; line-height: 1.65; text-align: center;}
#con3 .bx .inner .in-bx2 .list li .txt1 .ss1{border-bottom: 1px solid #000;}
#con3 .bx .inner .in-bx2 .list li .txt1 .ss2{border-bottom: 1px solid #BF9318;}


#con3 .bx .inner .in-bx3{width: 100%; margin: 0 auto; background: url(../images/new-exterior/sp-con3-bg2.png) no-repeat top center; position: relative; background-size: cover; padding: 49vw 0 15vw;}
#con3 .bx .inner .in-bx3 .in-inner3{width: 100%; margin: 0 auto;}
#con3 .bx .inner .in-bx3 .in-inner3 .ttl4{font-size: 6.8vw; font-weight: 500; letter-spacing: 0; line-height: 1.7; text-align: center; color: #fff; margin-bottom: 6vw;}
#con3 .bx .inner .in-bx3 .in-inner3 .txt2{font-size: 5.2vw; letter-spacing: 0; line-height: 1.75; text-align: center; color: #fff; margin-bottom: 6vw;}
#con3 .bx .inner .in-bx3 .in-inner3 .form-bnr{width: 92%; margin: 0 auto;}




#con4 {}
#con4 .bx{width: 100%; margin: 0 auto; position: relative; background: #F5F5F5; padding: 12vw 0 5vw;;}
#con4 .bx .inner{width: 100%; margin: 0 auto; }
#con4 .bx .inner .ttl1{font-size: 10vw; letter-spacing: 0.6vw; line-height: 1.6; text-align: center; color: #D5D5D5; margin-bottom: 2vw; padding-left: 1vw;}
#con4 .bx .inner .ttl2{font-size: 7.7vw; letter-spacing: 0px; line-height: 1.68; text-align: center; margin-bottom: 11vw;}
#con4 .bx .inner .ttl2 span{font-size: 9vw; font-weight: 600; }

#con4 .bx .inner .in-bx1{width: 100%; margin: 0 auto 9.5vw; padding: 20vw 9vw 13vw; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con4 .bx .inner .in-bx1::before{content: ""; width: 13vw; height: 19vw; margin: 0 auto; background: url(../images/new-exterior/sp-con4-num1.png) no-repeat top center; position: absolute; left: 5vw; top: 0; background-size: 13vw;}
#con4 .bx .inner .in-bx1 .in-ttl1{font-size: 7vw; font-weight: 600; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 4vw;}
#con4 .bx .inner .in-bx1 .in-img1{margin: 0 auto 6vw;}
#con4 .bx .inner .in-bx1 .in-inner{width: 100%; margin-right: auto;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw; color: #956003; padding-left: 7vw;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt2 span{position: relative;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt2 span::before{content: ""; width: 7vw; height: 7vw; margin: 0 auto; background: url(../images/new-exterior/con4-li-icon.png) no-repeat top center; position: absolute; left: -8vw; top: 0; background-size: 5vw;}
#con4 .bx .inner .in-bx1 .in-inner .in-txt3{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; }

#con4 .bx .inner .in-bx2{width: 100%; margin: 0 auto 9.5vw; padding: 20vw 9vw 13vw; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con4 .bx .inner .in-bx2::before{content: ""; width: 13vw; height: 19vw; margin: 0 auto; background: url(../images/new-exterior/sp-con4-num2.png) no-repeat top center; position: absolute; left: 5vw; top: 0; background-size: 13vw;}
#con4 .bx .inner .in-bx2 .in-ttl1{font-size: 7vw; font-weight: 600; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 4vw;}
#con4 .bx .inner .in-bx2 .in-img1{margin: 0 auto 6vw;}
#con4 .bx .inner .in-bx2 .in-inner{width: 100%; margin-right: auto;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw; color: #956003; padding-left: 7vw;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt2 span{position: relative;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt2 span::before{content: ""; width: 7vw; height: 7vw; margin: 0 auto; background: url(../images/new-exterior/con4-li-icon.png) no-repeat top center; position: absolute; left: -8vw; top: 0; background-size: 5vw;}
#con4 .bx .inner .in-bx2 .in-inner .in-txt3{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; }
#con4 .bx .inner .in-bx2 .in-inner .in-txt4{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; }

#con4 .bx .inner .in-bx3{width: 100%; margin: 0 auto 4.5vw; padding: 20vw 9vw 13vw; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con4 .bx .inner .in-bx3::before{content: ""; width: 13vw; height: 19vw; margin: 0 auto; background: url(../images/new-exterior/sp-con4-num3.png) no-repeat top center; position: absolute; left: 5vw; top: 0; background-size: 13vw;}
#con4 .bx .inner .in-bx3 .in-ttl1{font-size: 7vw; font-weight: 600; letter-spacing: 0; line-height: 1.6; text-align: center; margin-bottom: 4vw;}
#con4 .bx .inner .in-bx3 .in-img1{margin: 0 auto 6vw;}
#con4 .bx .inner .in-bx3 .in-inner{width: 100%; margin-right: auto;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2 .ss1{font-size: 7vw; letter-spacing: 0; line-height: 1.3;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2 .ss2{font-size: 7vw; letter-spacing: 0.2vw; line-height: 1.7; color: #BF9318;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt2 .ss3{font-size: 4.6vw; letter-spacing: 0; line-height: 1.7;}
#con4 .bx .inner .in-bx3 .in-inner .in-txt3{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 2vw;}

#con5 .bx{width: 100%; margin: 0 auto; background: #BF9318; padding: 2vw 0 2vw; position: relative; z-index: 1;;}
#con5 .bx .inner{width: 100%; max-width: 96.5%; margin: 0 auto 1px; border: 1px solid #686049; padding: 9vw 0 5vw;}
#con5 .bx .inner .ttl1{font-size: 7vw; letter-spacing: 0.3vw; line-height: 2; text-align: center; margin-bottom: -16vw; color: #98781D;}
#con5 .bx .inner .form-bnr{width: 95%; margin: 0 auto;}

#con5 .in-bx{width: 100%; margin: 0 auto; position: relative; background: url(../images/new-exterior/sp-con5-bg1.png) no-repeat top center; padding: 16vw 0 15vw; position: relative; z-index: 1; background-size: cover;}
#con5 .in-bx .ttl2{font-size: 5vw; letter-spacing: 0.5vw; line-height: 1.8; text-align: center; color: #828282; margin-bottom: 2vw;}
#con5 .in-bx .ttl3{font-size: 9vw; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 6vw; padding-bottom: 7vw; position: relative;}
#con5 .in-bx .ttl3::after{content: ""; width: 1px; height: 8vw; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: -2vw;}
#con5 .in-bx .txt1{font-size: 5.2vw; font-weight: bold; letter-spacing: 0.4vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 5vw;}
#con5 .in-bx .txt2{font-size: 3.65vw; font-weight: 400; letter-spacing: 0.4vw; line-height: 2.1; color: #fff; margin-bottom: 13.5vw; padding: 0 6.5vw;}

#con5 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con5 .in-bx .in-inner .list{margin-bottom: 11vw; }
#con5 .in-bx .in-inner .list li{width: 94%; margin: 0 auto 8vw;}
#con5 .in-bx .in-inner .list li .li-img1{margin: 0 auto;}
#con5 .in-bx .in-inner .list li .li-txt1{font-size: 3.85vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2; background: #fff; padding: 8.5vw 6vw 8vw 6vw;}
#con5 .in-bx .txt3{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.25vw; line-height: 2.05; color: #fff; padding: 0 7vw;}


#con6 {}
#con6 .bx{width: 100%; margin: 0 auto -14vw; position: relative; background: #F5F5F5; padding: 12vw 0 30vw;;}
#con6 .bx .inner{width: 100%; margin: 0 auto; }
#con6 .bx .inner .ttl1{font-size: 9.8vw; letter-spacing: 0.8vw; line-height: 1.6; text-align: center; color: #828282; margin-bottom: 3vw;}
#con6 .bx .inner .ttl2{font-size: 9vw; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; color: #1C1C1C; margin-bottom: 6vw;}
#con6 .bx .inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 7vw; padding: 0 6.5vw;}
#con6 .bx .inner .list{margin-bottom: 22vw; }
#con6 .bx .inner .list li{width: 81%; margin: 0 auto 6vw;}

#con6 .bx .inner .in-bx1{width: 100%; margin: 0 auto 15vw; padding: 17vw 6.5vw 12vw; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con6 .bx .inner .in-bx1 .in-inner{width: 100%; margin: 0 auto 8vw; }
#con6 .bx .inner .in-bx1 .in-inner .in-num{position: absolute; width: 53%; margin: 0 auto; left: 0; right: 0; top: -5vw;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1{font-size: 5vw; letter-spacing: 0; line-height: 1.6; margin-bottom: 12vw; position: relative;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1 .ss1{font-size: 22vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1; color: #BF9318; padding-left: 2vw;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1 .ss2{font-size: 6.4vw; font-weight: 600; letter-spacing: 0; line-height: 1;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1 .ss3{font-size: 6.3vw; font-weight: 400; letter-spacing: 0; line-height: 1.5; text-align: center; display: block; margin-top: 2vw;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con6 .bx .inner .in-bx1 .in-inner .in-img1{margin: 0 auto 9vw;}
#con6 .bx .inner .in-bx1 .in-inner .in-ttl2{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; line-height: 1.9; margin-bottom: 4.5vw;}
#con6 .bx .inner .in-bx1 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 7.5vw;}
#con6 .bx .inner .in-bx1 .in-txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2; background: #F0F0F0; padding: 4vw 5vw;}

#con6 .bx .inner .in-bx2{width: 100%; margin: 0 auto 15vw; padding: 17vw 6.5vw 12vw; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con6 .bx .inner .in-bx2 .in-inner{width: 100%; margin: 0 auto 8vw; }
#con6 .bx .inner .in-bx2 .in-inner .in-num{position: absolute; width: 53%; margin: 0 auto; left: 0; right: 0; top: -5vw;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1{font-size: 5vw; letter-spacing: 0; line-height: 1.6; margin-bottom: 12vw; position: relative;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1 .ss1{font-size: 22vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1; color: #BF9318; padding-left: 2vw;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1 .ss2{font-size: 6.4vw; font-weight: 600; letter-spacing: 0; line-height: 1;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1 .ss3{font-size: 6.3vw; font-weight: 400; letter-spacing: 0; line-height: 1.5; text-align: center; display: block; margin-top: 2vw;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con6 .bx .inner .in-bx2 .in-inner .in-img1{margin: 0 auto 9vw;}
#con6 .bx .inner .in-bx2 .in-inner .in-ttl2{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; line-height: 1.9; margin-bottom: 4.5vw;}
#con6 .bx .inner .in-bx2 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 7.5vw;}
#con6 .bx .inner .in-bx2 .in-txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2; background: #F0F0F0; padding: 4vw 5vw;}

#con6 .bx .inner .in-bx3{width: 100%; margin: 0 auto 15vw; padding: 17vw 6.5vw 12vw; box-shadow: 5px 3px 20px -10px #777777; position: relative; background: #fff;}
#con6 .bx .inner .in-bx3 .in-inner{width: 100%; margin: 0 auto 8vw; }
#con6 .bx .inner .in-bx3 .in-inner .in-num{position: absolute; width: 53%; margin: 0 auto; left: 0; right: 0; top: -5vw;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1{font-size: 5vw; letter-spacing: 0; line-height: 1.6; margin-bottom: 12vw; position: relative;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss1{font-size: 22vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 1; color: #BF9318; padding-left: 2vw;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss2{font-size: 6.4vw; font-weight: 600; letter-spacing: 0; line-height: 1;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1 .ss3{font-size: 6.3vw; font-weight: 400; letter-spacing: 0; line-height: 1.5; text-align: center; display: block; margin-top: 2vw;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl1::after{content: ""; width: 100%; height: 2px; margin: 0 auto; background: #000000; position: absolute; left: 0; right: 0; bottom: -5vw;}
#con6 .bx .inner .in-bx3 .in-inner .in-img1{margin: 0 auto 9vw;}
#con6 .bx .inner .in-bx3 .in-inner .in-ttl2{font-size: 5vw; font-weight: bold; letter-spacing: 0.3vw; line-height: 1.9; margin-bottom: 4.5vw;}
#con6 .bx .inner .in-bx3 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2.05; margin-bottom: 7.5vw;}
#con6 .bx .inner .in-bx3 .in-txt2{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 2; background: #F0F0F0; padding: 4vw 5vw;}



/* ▼ ScrollHint 横スクロール用設定（SPのみ） ▼ */
#con6 .js_scroll {
overflow-x: auto; /* 横スクロールを許可 */
-webkit-overflow-scrolling: touch; /* SPでのスクロールを滑らかにする */
white-space: nowrap; /* 中身を折り返さない */
padding-bottom: 5vw; /* スクロールバーの分の余白 */
}

#con6 .js_scroll .big-img {
margin: 0;
}

/* SPサイズの画像だけを横幅いっぱいに広げる */
#con6 .js_scroll .big-img img.sp2 {
width: 230vw; /* ※添付画像を拝見する限り、400vwだと大きすぎるため250vw前後に調整をおすすめします */
max-width: none;
height: auto;
}
/* ▲ ここまで追加 ▲ */


#con7 {}
#con7 .bx{width: 100%; margin: 0 auto; position: relative; background: #BF9318; padding: 11vw 0 11vw;;}
#con7 .bx .inner{width: 100%; margin: 0 auto; }
#con7 .bx .inner .ttl1{font-size: 6vw; letter-spacing: 0; line-height: 1.7; margin-bottom: 21vw; text-align: center; color: #fff; position: relative;}
#con7 .bx .inner .ttl1::after{content: ""; width: 1px; height: 11vw; margin: 0 auto; text-align: center; background: #fff; position: absolute; left: 0; right: 0; bottom: -16vw;}
#con7 .bx .inner .ttl2{font-size: 10vw; letter-spacing: 0.3vw; line-height: 1.6; margin-bottom: 4vw; text-align: center; color: #98781D; position: relative;}
#con7 .bx .inner .list{margin-bottom: 5vw; 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;}
#con7 .bx .inner .list li{width: 46vw; margin-bottom: 2vw; margin-right: 2vw;}
#con7 .bx .inner .list li:nth-child(2n){margin-right: 0;}
#con7 .bx .inner .tel{width: 90%; margin: 0 auto 5vw;}
#con7 .bx .inner .txt1{font-size: 3.8vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.6; text-align: center; color: #fff;}


#con8 {}
#con8 .bx{width: 100%; margin: 0 auto; position: relative; background: #343434; padding: 12vw 0 5vw;}
#con8 .bx .inner{width: 100%; margin: 0 auto; }
#con8 .bx .inner .ttl1{font-size: 10vw; letter-spacing: 0.6vw; line-height: 1.6; text-align: center; color: #636363; margin-bottom: 2vw;}
#con8 .bx .inner .ttl2{font-size: 7vw; letter-spacing: 0.5vw; line-height: 1.8; text-align: center; color: #fff; margin-bottom: 5vw;}
#con8 .bx .inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.25vw; line-height: 2.05; color: #fff; margin-bottom: 10vw; padding: 0 6.5vw;}


#con8 .bx .sra-bx1{}
#con8 .bx .sra-bx1 .sra-inner1{width: 100%; margin: 0 auto;}

#con8 .bx .in-bx1{  margin: 0 2vw !important; /* スライド同士の隙間 */
  background: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 0vw 0 8vw!important; /* 上下のみ余白。左右は画像をフル幅にするため0 */
  min-height: auto;
  display: block !important;}
#con8 .bx .in-bx1 .in-inner{width: 100%; margin: 0 auto;}
#con8 .bx .in-bx1 .in-inner .in-ttl1{ font-size: 6.5vw;
  text-align: center;
  margin-bottom: 4vw;
  padding: 0 5vw;
  position: relative;
  top: 2vw;}
#con8 .bx .in-bx1 .in-inner .in-img1{}
#con8 .bx .in-bx1 .in-inner .in-ttl2{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 3vw;}
#con8 .bx .in-bx1 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 5vw;}
#con8 .bx .in-bx1 .in-inner .in-img1-1{}

#con8 .bx .in-bx2{width: 100%; margin: 0 auto 5vw; background: #fff; position: relative; padding: 5vw 0px 3vw 5vw;}
#con8 .bx .in-bx2 .in-inner{width: 100%; margin: 0 auto;}
#con8 .bx .in-bx2 .in-inner .in-ttl1{font-size: 7vw; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 5vw; position: relative;}
#con8 .bx .in-bx2 .in-inner .in-img1{}
#con8 .bx .in-bx2 .in-inner .in-ttl2{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 3vw;}
#con8 .bx .in-bx2 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 5vw;}
#con8 .bx .in-bx2 .in-inner .in-img1-1{}

#con8 .bx .in-bx3{width: 100%; margin: 0 auto 5vw; background: #fff; position: relative; padding: 5vw 0px 3vw 5vw;}
#con8 .bx .in-bx3 .in-inner{width: 100%; margin: 0 auto;}
#con8 .bx .in-bx3 .in-inner .in-ttl1{font-size: 7vw; font-weight: 600; letter-spacing: 0; line-height: 1.35; margin-bottom: 5vw; position: relative;}
#con8 .bx .in-bx3 .in-inner .in-img1{}
#con8 .bx .in-bx3 .in-inner .in-ttl2{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 3vw;}
#con8 .bx .in-bx3 .in-inner .in-txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.2vw; line-height: 2; margin-bottom: 5vw;}
#con8 .bx .in-bx3 .in-inner .in-img1-1{}


/* ▼ スライダー全体の外枠 ▼ */
#con8 .bx .sra-bx1 .sra-inner1 {
  width: 100% !important;
  margin: 0 auto !important;
  position: relative;
  overflow: visible !important;
  padding-bottom: 12vw; /* ドットのための余白 */
}

/* ▼ 【重要】はみ出し処理（PCの !important を上書きしてチラ見せ幅を作る） ▼ */
#con8 .bx .sra-bx1 .sra-inner1 .slick-list {
  overflow: hidden !important; 
  transform: translate3d(0, 0, 0); 
  -webkit-transform: translate3d(0, 0, 0);
  margin: 0 !important;
  padding: 0 6% !important; /* ★JSのcenterPaddingと合わせる */
}

/* ▼ 各スライド（白箱）の共通設定 ▼ */
#con8 .bx .in-bx2,
#con8 .bx .in-bx3 {
  margin: 0 2vw !important; /* スライド同士の隙間 */
  background: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 8vw 0 !important; /* 上下のみ余白。左右は画像をフル幅にするため0 */
  min-height: auto;
  display: block !important;
}

/* ▼ タイトル（シンプルモダン・グレートーン等） ▼ */
#con8 .bx .in-bx2 .in-inner .in-ttl1,
#con8 .bx .in-bx3 .in-inner .in-ttl1 {
  font-size: 6.5vw;
  text-align: center; /* 中央寄せ */
  margin-bottom: 8vw;
  padding: 0 5vw; /* テキストが端に付かないように左右余白 */
  position: relative;
}


/* ▼ メイン画像（白枠いっぱいに広げる） ▼ */
#con8 .bx .in-bx1 .in-inner .in-img1,
#con8 .bx .in-bx2 .in-inner .in-img1,
#con8 .bx .in-bx3 .in-inner .in-img1 {
  position: static; /* ★PCの絶対配置を解除して通常配置に戻す */
  width: 100%;
  margin: 0 0 6vw 0;
}
#con8 .bx .in-bx1 .in-inner .in-img1 img,
#con8 .bx .in-bx2 .in-inner .in-img1 img,
#con8 .bx .in-bx3 .in-inner .in-img1 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ▼ サブタイトル、テキスト、下部画像（左右に余白を持たせる） ▼ */
#con8 .bx .in-bx1 .in-inner .in-ttl2,
#con8 .bx .in-bx2 .in-inner .in-ttl2,
#con8 .bx .in-bx3 .in-inner .in-ttl2,
#con8 .bx .in-bx1 .in-inner .in-txt1,
#con8 .bx .in-bx2 .in-inner .in-txt1,
#con8 .bx .in-bx3 .in-inner .in-txt1,
#con8 .bx .in-bx1 .in-inner .in-img1-1,
#con8 .bx .in-bx2 .in-inner .in-img1-1,
#con8 .bx .in-bx3 .in-inner .in-img1-1 {
  padding: 0 4vw; /* 画像をフル幅にした分、テキストには個別に左右余白をつける */
}

/* 文字サイズの微調整 */
#con8 .bx .in-bx1 .in-inner .in-ttl2,
#con8 .bx .in-bx2 .in-inner .in-ttl2,
#con8 .bx .in-bx3 .in-inner .in-ttl2 {
  font-size: 4.2vw;
  margin-bottom: 3vw;
  line-height: 1.6;
}
#con8 .bx .in-bx1 .in-inner .in-txt1,
#con8 .bx .in-bx2 .in-inner .in-txt1,
#con8 .bx .in-bx3 .in-inner .in-txt1 {
  font-size: 3.6vw;
  margin-bottom: 6vw;
  line-height: 1.8;
}



/* ▼ ドットの調整 ▼ */
#con8 .sra-inner1 .slick-dots {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
z-index: 1;
}

#con8 .sra-inner1 .slick-dots li {
display: inline-block;
margin: 0 3px; /* ドット同士の間隔 */
}
#con8 .sra-inner1 .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 7px; /* ドットの大きさ */
height: 7px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: #B9B9B9; /* 非アクティブ時の色（白） */
border-radius: 50%; /* 丸くする */
transition: 0.3s;
}
/* アクティブ時のドットの色 */
#con8 .sra-inner1 .slick-dots li.slick-active button {
background: #BF9318; /* 例としてテーマカラーのゴールド */
}





#con9 {}
#con9 .bx{width: 100%; margin: 0 auto; position: relative; background: #343434; padding: 0 0 6vw;;}
#con9 .bx .bx-bx{width: 100%; margin: 0 auto 5vw; position: relative; background: #232323; padding: 21vw 0 5vw;;}
#con9 .bx .bx-bx .inner{width: 100%; margin: 0 auto; }
#con9 .bx .bx-bx .inner .ttl1{font-size: 6vw; font-weight: 500; letter-spacing: 0.25vw; line-height: 1.6; text-align: center; color: #fff; margin-bottom: 9vw;}

/* ▼ カスタムナビゲーション（<li>） ▼ */
#con9 .bx .bx-bx .inner .sra-list{margin-bottom: 16vw; display: flex; flex-wrap: wrap; justify-content: center;}
#con9 .bx .bx-bx .inner .sra-list li{width: 45vw; height: auto; margin-right: 2vw; margin-bottom: 2vw; background: #fff; border-radius: 10px; text-align: center; padding: 3vw 0; font-size: 3.6vw; font-weight: bold; letter-spacing: 0; transition: 0.3s; cursor: pointer;}
#con9 .bx .bx-bx .inner .sra-list li:nth-child(2n){margin-right: 0;}
#con9 .bx .bx-bx .inner .sra-list li.is-active { background: #BF9318; color: #fff; }


#con9 .bx .sra-bx1{}

/* ▼ スライダー全体の外枠 ▼ */
#con9 .bx .sra-bx1 .sra-inner1 {
  width: 100% !important;
  margin: 0 auto !important;
  position: relative;
  overflow: visible !important;
  padding-bottom: 13vw; /* ドットのための余白 */
}

/* ▼ 【重要】はみ出し処理（チラ見せ幅を作る） ▼ */
#con9 .bx .sra-bx1 .sra-inner1 .slick-list {
  overflow: hidden !important; 
  transform: translate3d(0, 0, 0); 
  -webkit-transform: translate3d(0, 0, 0);
  margin: 0 !important;
  padding: 0 6% !important; /* ★JSのcenterPaddingと合わせる */
}

/* ▼ 各スライド（白箱）の共通設定 ▼ */
#con9 .bx .in-bx1,
#con9 .bx .in-bx2,
#con9 .bx .in-bx3,
#con9 .bx .in-bx4,
#con9 .bx .in-bx5,
#con9 .bx .in-bx6 {
  margin: 0 2vw !important; /* ★スライド同士の隙間 */
  background: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 8vw 0 !important; /* ★上下のみ余白。左右は画像をフル幅にするため0 */
  min-height: auto; 
  display: block !important;
}

#con9 .bx .in-bx1 .in-inner,
#con9 .bx .in-bx2 .in-inner,
#con9 .bx .in-bx3 .in-inner,
#con9 .bx .in-bx4 .in-inner,
#con9 .bx .in-bx5 .in-inner,
#con9 .bx .in-bx6 .in-inner {
  width: 100%; margin: 0 auto;
}

/* ▼ タイトル（カーポート等） ▼ */
#con9 .bx .in-bx1 .in-inner .in-ttl1,
#con9 .bx .in-bx2 .in-inner .in-ttl1,
#con9 .bx .in-bx3 .in-inner .in-ttl1,
#con9 .bx .in-bx4 .in-inner .in-ttl1,
#con9 .bx .in-bx5 .in-inner .in-ttl1,
#con9 .bx .in-bx6 .in-inner .in-ttl1 {
  font-size: 7vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
  text-align: center;
  margin-bottom: 2vw;
  padding: 0 0vw; /* ★テキストの左右余白 */
  position: relative;
}
/* PC版の下線を消す */
#con9 .bx .in-bx1 .in-inner .in-ttl1::after,
#con9 .bx .in-bx2 .in-inner .in-ttl1::after,
#con9 .bx .in-bx3 .in-inner .in-ttl1::after,
#con9 .bx .in-bx4 .in-inner .in-ttl1::after,
#con9 .bx .in-bx5 .in-inner .in-ttl1::after,
#con9 .bx .in-bx6 .in-inner .in-ttl1::after {
  display: none;
}

/* ▼ サブタイトル ▼ */
#con9 .bx .in-bx1 .in-inner .in-ttl2,
#con9 .bx .in-bx2 .in-inner .in-ttl2,
#con9 .bx .in-bx3 .in-inner .in-ttl2,
#con9 .bx .in-bx4 .in-inner .in-ttl2,
#con9 .bx .in-bx5 .in-inner .in-ttl2,
#con9 .bx .in-bx6 .in-inner .in-ttl2 {
font-size: 4vw;
font-weight: bold;
letter-spacing: 0.3vw;
line-height: 1.9;
text-align: center;
margin-bottom: 1vw;
padding: 0 0vw;
}

/* ▼ メイン画像（絶対配置を解除してフル幅に） ▼ */
#con9 .bx .in-bx1 .in-inner .in-img1,
#con9 .bx .in-bx2 .in-inner .in-img1,
#con9 .bx .in-bx3 .in-inner .in-img1,
#con9 .bx .in-bx4 .in-inner .in-img1,
#con9 .bx .in-bx5 .in-inner .in-img1,
#con9 .bx .in-bx6 .in-inner .in-img1 {
  position: static; /* ★絶対配置を解除 */
  right: auto;
  top: auto;
  width: 100%;
  height: auto;
  margin: 0 0 6vw 0;
  padding: 0;
}
#con9 .bx .in-bx1 .in-inner .in-img1 img,
#con9 .bx .in-bx2 .in-inner .in-img1 img,
#con9 .bx .in-bx3 .in-inner .in-img1 img,
#con9 .bx .in-bx4 .in-inner .in-img1 img,
#con9 .bx .in-bx5 .in-inner .in-img1 img,
#con9 .bx .in-bx6 .in-inner .in-img1 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ▼ テキスト ▼ */
#con9 .bx .in-bx1 .in-inner .in-txt1,
#con9 .bx .in-bx2 .in-inner .in-txt1,
#con9 .bx .in-bx3 .in-inner .in-txt1,
#con9 .bx .in-bx4 .in-inner .in-txt1,
#con9 .bx .in-bx5 .in-inner .in-txt1,
#con9 .bx .in-bx6 .in-inner .in-txt1 {
  font-size: 3.6vw;
  font-weight: 400;
  letter-spacing: 0.2vw;
  line-height: 2;
  margin-bottom: 5vw;
  padding: 0 5vw; /* ★テキストの左右余白 */
}

#con9 .bx .in-bx1 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx2 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx3 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx4 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx5 .in-inner .in-txt1:last-child,
#con9 .bx .in-bx6 .in-inner .in-txt1:last-child {
  margin-bottom: 0!important;
}

/* ▼ 矢印はJSで消しているが念のため非表示化 ▼ */
#con9 .sra-inner1 .slick-prev,
#con9 .sra-inner1 .slick-next {
  display: none !important;
}

/* ▼ ドットの位置調整 ▼ */
#con9 .sra-inner1 .slick-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

#con9 .sra-inner1 .slick-dots li {
  display: inline-block;
  margin: 0 3px;
}
#con9 .sra-inner1 .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 7px;
  height: 7px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #B9B9B9;
  border-radius: 50%;
  transition: 0.3s;
}
#con9 .sra-inner1 .slick-dots li.slick-active button {
  background: #BF9318;
}

#con9 .bx .form-bnr{width: 92%; margin: -7vw auto 0; text-align: center;}


/* ====================================
   #con10 (SP用)
==================================== */
#con10 {}
#con10 .bx {
  width: 100%; 
  margin: 0 auto; 
  position: relative; 
  background: url(../images/new-exterior/sp-con10-bg.png) no-repeat top center; 
  background-size: cover; 
  padding: 16vw 0 12vw;
}
#con10 .bx .inner {
  width: 100%; 
  margin: 0 auto 8vw; 
}
#con10 .bx .inner .ttl1 {
  font-size: 10vw; 
  letter-spacing: 0.6vw; 
  line-height: 1.6; 
  text-align: center; 
  color: #1C1C1C; 
  margin-bottom: 2vw;
}
#con10 .bx .inner .ttl2 {
  font-size: 7vw;
  letter-spacing: 0.2vw;
  line-height: 1.8;
  text-align: center;
  color: #1C1C1C;
  margin-bottom: 3vw;
}

#con10 .bx .sra-bx1 {}

/* ▼ スライダー全体の外枠 ▼ */
#con10 .bx .sra-bx1 .sra-inner1 {
  width: 100% !important;
  margin: 0 auto !important;
  position: relative;
  overflow: visible !important;
  padding-bottom: 12vw; /* ドットのための余白 */
}

/* ▼ 【重要】はみ出し処理（チラ見せ幅を作る） ▼ */
#con10 .bx .sra-bx1 .sra-inner1 .slick-list {
  overflow: hidden !important; 
  transform: translate3d(0, 0, 0); 
  -webkit-transform: translate3d(0, 0, 0);
  margin: 0 !important;
  padding: 0 5% !important; /* ★JSのcenterPadding(5%)と合わせる */
}

/* ▼ 各スライド（白箱）の共通設定 ▼ */
#con10 .bx .in-bx1,
#con10 .bx .in-bx2,
#con10 .bx .in-bx3 {
  margin: 0 2vw 2vw !important; /* ★スライド同士の隙間 */
  background: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 0 0 8vw !important; /* ★上左右の余白を0にし、画像をフル幅にする */
  min-height: auto !important; 
  display: block !important;
  box-shadow: 2px 2px 10px -2px #777777; /* スマホ用に影を少し調整 */
  transition: opacity 0.3s ease;
  opacity: 0.5; /* センターモード用半透明 */
}

/* 中央のアクティブなスライドだけをくっきり見せる */
#con10 .bx .sra-bx1 .sra-inner1 .slick-center {
  opacity: 1 !important;
}

#con10 .bx .in-bx1 .in-inner,
#con10 .bx .in-bx2 .in-inner,
#con10 .bx .in-bx3 .in-inner {
  width: 100%; margin: 0 auto;
}

/* ▼ メイン画像（絶対配置を解除してフル幅に） ▼ */
#con10 .bx .in-bx1 .in-inner .in-img1,
#con10 .bx .in-bx2 .in-inner .in-img1,
#con10 .bx .in-bx3 .in-inner .in-img1 {
  position: static; /* ★絶対配置を解除 */
  right: auto;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  margin: 0 0 5vw 0;
  padding: 7vw 7vw 0;
}
#con10 .bx .in-bx1 .in-inner .in-img1 img,
#con10 .bx .in-bx2 .in-inner .in-img1 img,
#con10 .bx .in-bx3 .in-inner .in-img1 img {
  width: 100%;
  height: auto;
  display: block;
}

/* ▼ テキスト（お客様の声本文） ▼ */
#con10 .bx .in-bx1 .in-inner .in-txt1,
#con10 .bx .in-bx2 .in-inner .in-txt1,
#con10 .bx .in-bx3 .in-inner .in-txt1 {
  font-size: 3.6vw;
  font-weight: 400;
  letter-spacing: 0.2vw;
  line-height: 2;
  margin: 0 0 5vw 0; /* PC用のマイナスマージンをリセット */
  padding: 0 7vw; /* ★テキストの左右余白 */
}

/* ▼ テキスト（お客様名：船橋市 S様邸など） ▼ */
#con10 .bx .in-bx1 .in-inner .in-txt2,
#con10 .bx .in-bx2 .in-inner .in-txt2,
#con10 .bx .in-bx3 .in-inner .in-txt2 {
  font-size: 3.4vw;
  font-weight: 500;
  letter-spacing: 0.2vw;
  line-height: 2;
  position: static; /* PC用の絶対配置をリセット */
  left: auto;
  bottom: auto;
  margin: 0 0 5vw 0;
  padding: 0 7vw; /* ★テキストの左右余白 */
  text-align: left;
}

/* ▼ 「詳しく見る」ボタン ▼ */
#con10 .bx .in-bx1 .in-inner .in-btn,
#con10 .bx .in-bx2 .in-inner .in-btn,
#con10 .bx .in-bx3 .in-inner .in-btn {
  margin: 0; /* PC用のマイナスマージンをリセット */
  padding: 0 5vw;
  text-align: center; /* ボタンを中央寄せ */
}
#con10 .bx .in-bx1 .in-inner .in-btn img,
#con10 .bx .in-bx2 .in-inner .in-btn img,
#con10 .bx .in-bx3 .in-inner .in-btn img {
  width: 60%; /* ボタンの大きさを調整（必要に応じて変更してください） */
  margin: 0 auto;
}

/* ▼ ドットの位置調整 ▼ */
#con10 .sra-inner1 .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

#con10 .sra-inner1 .slick-dots li {
  display: inline-block;
  margin: 0 3px;
}
#con10 .sra-inner1 .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 7px;
  height: 7px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #B9B9B9;
  border-radius: 50%;
  transition: 0.3s;
}
#con10 .sra-inner1 .slick-dots li.slick-active button {
  background: #BF9318;
}

/* ▼ 下部ループ画像 ▼ */
#con10 .con10-last-bigimg {
  width: 100%;
  margin: 0 auto 5vw;
}
#con10 .loop {
  height: 25vw;
  background-size: auto 100%; /* スマホの高さに合わせて背景サイズを調整 */
}

#con10 .con10-last-bigimg {width: 100%; margin: 0 auto 5vw;}

#con10 .loop {
width: 100%;
height: 32vw;
background: url(../images/new-exterior/sp-con10-last-bigimg.png) repeat-x;
background-position: center;
animation: bgloop 60s linear infinite;
background-size: 380vw;
}

@keyframes bgloop {
from { background-position: 0 0; }
to { background-position: -300vw 0; /*-1000px部分は画像の横幅と同じ数値*/ }
}





/* Google口コミ */

#contentsgoogle {margin: 0 0 0;background: #F5F5F5;position: relative;padding-top: 6vw;padding-bottom: 10vw;}
#contentsgoogle .contentsgoogle-bx{width: 100%;margin: 0 auto 3vw;position: relative; padding-top: 6vw;}
#contentsgoogle .contentsgoogle-bx::before{content: ""; width: 20vw; height: 20vw; margin: 0 auto; background: url(../images/index/sp-google-human1.png) no-repeat top center; position: absolute; left: 4vw; top: 35vw; background-size: 100%;}
#contentsgoogle .contentsgoogle-bx::after{content: ""; width: 20vw; height: 20vw; margin: 0 auto; background: url(../images/index/sp-google-human2.png) no-repeat top center; position: absolute; right: 4vw; top: 35vw; background-size: 100%;}
#contentsgoogle .b-ttl{width: 88%; margin: 0 auto 3vw;}
#contentsgoogle .b-ttl1{font-size: 4.2vw;font-weight: bold; line-height: 1.6;margin-bottom: 0.5vw; letter-spacing: -0.2vw;text-align: center;}

#contentsgoogle p.subttl {font-size: 4.3vw;line-height: 1.6;font-weight: bold;margin-bottom: 4vw;letter-spacing: 0.1vw; text-align: left;}
#contentsgoogle p.subttl img{ width: 60%; }
#contentsgoogle p.link {width: 50%; margin: 9vw auto 0;}
#contentsgoogle p.subttl .gr-total-rating{ color:#000; position: absolute; top: -10.5vw; right: 5vw; font-size: 20vw; }
#contentsgoogle .sougou{position: relative; width: 80%; margin: 0 auto;}
#contentsgoogle .sougou .star-rating{  position: absolute; top:-2vw; left:30vw;}
#contentsgoogle .star-rating{position: relative;margin-left: 2vw; position: absolute; top:0; left:0;}
#contentsgoogle .star-rating .star-rating-front{font-size: 5.5vw;color: #fabb05;width: 92%;overflow: hidden;position: relative;z-index: 9;margin-top: 4px;}
#contentsgoogle .star-rating .star-rating-back{font-size: 5.5vw;color: #666666;position: absolute;top: 4px;left: 0;}
#contentsgoogle .inner-Box {margin: 0 -0.5vw;position: relative; }
#contentsgoogle .inner-Box ul{margin: 0 4vw 4vw;height: 165vw; overflow-y: scroll; border: 1px solid #DBDBDB;padding: 0 2vw;}
#contentsgoogle .inner-Box ul li{background: #fff;position: relative;padding: 5.1vw 4.2vw 6.7vw 4.2vw; border-bottom: 1px solid #DBDBDB;}
#contentsgoogle .inner-Box dt{height:20vw;}
#contentsgoogle .inner-Box .star-rating{ position:absolute; top:4vw; left:3vw; }
#contentsgoogle .inner-Box .star-rating .star-rating-front{font-size: 6.3vw;color: #FABB05;display: inline-block;font-weight: normal;margin-right: 4.4vw;}
#contentsgoogle .inner-Box .star-rating .star-rating-back{font-size: 6.3vw;color: #666;display: inline-block;font-weight: normal;margin-right: 4.4px;}
#contentsgoogle .inner-Box .user-data{position: absolute; top:16vw; left:3.5vw;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;display:-webkit-box;display:-ms-flexbox;display:flex;}
#contentsgoogle .inner-Box .review-avatar{ display:none; }
#contentsgoogle .inner-Box .review-date{font-size: 3.4vw;margin-left: 2.8vw;display: inline-block;color: #999999;}
#contentsgoogle .inner-Box .review-name{font-size: 3.4vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 2vw;margin-left: 7px;}
#contentsgoogle .inner-Box dd{font-size: 3.4vw;line-height: 1.7;font-weight: 500;letter-spacing: 0.2vw;margin-left: 0.5vw;}

/* Google口コミ end*/



#con11 {}
#con11 .bx{width: 100%; margin: 0 auto; position: relative; background: #343434;; padding: 11vw 0 5vw;}
#con11 .bx .inner{width: 87%; margin: 0 auto 5vw; position: relative;}
#con11 .bx .inner .ttl1{font-size: 6.3vw; letter-spacing: 0vw; line-height: 1.7; text-align: center; color: #fff; margin-bottom: 6vw;}
#con11 .bx .inner .img1{margin: 0 auto;}
#con11 .bx .inner .in-bx{width: 100%; margin: 0 auto; background: #fff; padding: 8vw 10vw 4vw 15vw; position: relative; z-index: 1;}
#con11 .bx .inner .in-bx .list{}
#con11 .bx .inner .in-bx .list li{font-size: 4.4vw; font-weight: bold; letter-spacing: 0; line-height: 1.4; position: relative; margin-bottom: 4vw;}
#con11 .bx .inner .in-bx .list li::before{content: ""; width: 7vw; height: 7vw; background: url(../images/new-exterior/con11-li-icon.png) no-repeat top center; position: absolute; left: -9vw; top: 1vw; background-size: 6.5vw;}


#con12 {}
#con12 .bx{width: 100%; margin: 0 auto; position: relative; background: url(../images/new-exterior/sp-con12-bg.png) no-repeat top center;;; padding: 19vw 0 30vw; background-size: 100%;}
#con12 .bx .inner{width: 100%; margin: 0 auto 30px; position: relative;}
#con12 .bx .inner .ttl1{font-size: 4.8vw; letter-spacing: 0; line-height: 1.9; text-align: center; color: #fff; margin-bottom: 4vw;}
#con12 .bx .inner .ttl2{font-size: 8.3vw; letter-spacing: 0; line-height: 1.65; text-align: center; color: #fff; }




#formboxx {background: #BF9318; padding: 14vw 0 8vw;}
#formboxx .form-bx{width: 100%; margin: 0 auto;}
#formboxx .form-bx .form-ttl1{font-size: 10vw; letter-spacing: 0.5vw; line-height: 1.4; text-align: center; color: #98781D; margin-bottom: 2vw;}
#formboxx .form-bx .form-ttl2{font-size: 6.8vw; letter-spacing: 0vw; line-height: 1; text-align: center; color: #fff; margin-bottom: 3vw;}

#formboxx .form-bx .form-list1 {font-size: 3.2vw; font-weight: 500; margin: 0 5vw 4vw; color: #fff;}
#formboxx .form-bx .form-list1 li { padding-left: 1rem; text-indent: -1rem; margin-bottom: 3px; }


#formboxx .inner-Box {margin: 0 auto -14.1vw;text-align: center;position: relative;padding-bottom: 19.3vw;}
#formboxx .inner-Box span.icon01 {position: absolute;top: -11.3vw;left: 6.5vw;width: 45vw;}
#formboxx .inner-Box h2 {margin: 0 2vw -4vw 2vw;position: relative;top: -4vw;}
#formboxx .inner-Box h2 img{  }
#formboxx .inner-Box p{color: #ffffff;font-size: 3.6vw;letter-spacing: 0.4vw;line-height: 1.7;text-align: left;margin: 0 14vw 0vw 14vw;}
#formboxx .inner-Box span.icon02 {position: absolute;bottom: 8.9vw;right: 5.0vw;}



/* form -------------------------------------*/
.form-Box{padding: 4vw 3vw;margin-bottom: 30px;line-height: 1.6;}
.form-Box .form-Box-inner{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);background-color: #f2f2f2;padding-bottom: 4vw;}
.form-Box .form-list {font-size: 3.2vw;margin: 0 5vw 4vw;}
.form-Box .error {margin-bottom: 3.6vw;text-align: center;}
.form-Box .attention-color {color: #ef8027;}
.form-Box .form-list li { padding-left: 1rem; text-indent: -1rem; margin-bottom: 3px; }
.form-Box table {border-bottom: 1px solid #fff;margin-bottom: 6vw;font-size: 3.4vw;line-height: 1.6;}
.form-Box tr { margin-bottom: 0 !important}
.form-Box th {text-align: left;width: 100%;padding: 3vw 6.5vw;vertical-align: top;font-size: 4vw;}
.form-Box td {background: url('../images/index/line.jpg')no-repeat bottom center;text-align: left;width: 100%;vertical-align: top;padding: 2vw 6.5vw 5.5vw 6.5vw;font-size: 3.9vw;line-height: 2;}
.form-Box .from-btn-01 {text-align: center;margin: 0 5vw 2vw;}
.form-Box .from-btn-02 {margin: 0 6vw;}
.form-Box .button { border: 0; padding: 0; margin: 0; background: none;}
.form-Box .from-btn-02 p { margin-bottom: 3%;}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box select,
.form-Box textarea {width: 99%; margin-bottom: 2%; font-size: 16px; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-Box input.input-txt1 {width: 30%; }
.form-Box textarea { line-height: 1.6; min-height: 120px;}
.form-Box select{font-size: 16px; padding: 3% 2% 4%; width: 60%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.namee{ width: 46%!important; }

}