@charset "UTF-8";
/*
Theme Name: nextscenery
*/
html{scroll-behavior: smooth;}
body {font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;margin:0;}
.ham-bx{display:none;}
.drawer{display:none;}
.sp-br{display:none;}
.sp-logo{display:none;}
.sp-menu{display:none;}
.header-container{position:fixed;height:80px;background:#fff;width:100%;z-index:100;align-items:center;display:flex;flex-direction:row;justify-content:space-between;top:0;}
.header-nav {width:63%;}
.header-nav ul{width:95%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;padding-left:0;}
.header-nav ul li{list-style:none;position:relative;}
.header-nav ul li a{text-decoration:none;color:#543C32;transition:0.5s;}
.header-nav ul li a:hover{color:#FF0200;}
.mtl {width: 0;height: 0;border-style: solid;border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 10px solid #555555;border-bottom: 0;position: relative;top: 15px;left: 7px;}
.header-nav ul li ul {display: none;position: absolute;top: 100%;left: -20px;padding:0 10px;margin: 0;background:#fff;width:110%;}
.header-nav ul li:hover ul {display: block;animation: fadeIn 0.3s ease forwards;}
.header-nav ul li ul{padding-top:20px;}
.header-nav ul li ul li {width:100%;position:relative;left:-10px;padding:20px;opacity: 0;transform: translateY(-10px);animation: slideIn 0.3s ease forwards;}
.header-nav ul li ul li a{color:#543C32;}
.header-nav ul li ul li a:hover{color:#FF0200;opacity:0.7;}
.header-nav ul li ul li:nth-child(1) { animation-delay: 0.1s; }
.header-nav ul li ul li:nth-child(2) { animation-delay: 0.2s; }
.header-nav ul li ul li:nth-child(3) { animation-delay: 0.3s; }
@keyframes slideIn {0% { opacity: 0; transform: translateY(-10px); }100% { opacity: 1; transform: translateY(0); }}
@keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}
.liest{width: 100%!important;}
.ulest{width: 250%!important;}


.logo{width:12%;}
.logo img{height:80px;}
.contact{width:10%;background:#543C32;color:#fff;height:100%;display:flex;justify-content:center;align-items:center;}
.contact a{color:#fff;text-decoration:none;position:absolute;display:block;top: 18px;font-size:90%;}
.contact a::after {content: "";position: absolute;width:100%;height: 10px;border-right: 2px solid #fff;border-bottom: 1px solid #fff;transform: skew(45deg);transition: right 0.4s ease;right:5px;bottom: -20px;}
.contact:hover a::after {right: -5px;}

.tel{background:#F2F2F2;width:16%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.telnum{color:#543C32;font-size:155%;font-weight:bold;}
.tel div {width:12%;}
.num-bx {width:85%!important;text-align:center;}
.tel div img{width:100%;!important;position:relative;left:10px;}
.fv{width:100%;margin-top:80px;position:relative;}
.fv img{width:100%;}
.fv-pc img{width:100%;}
.fv-sp{display:none;}
.check{position:absolute;right:70px;bottom:70px;}
.check img{width:85%;!important;}

.fv-ctt{position:absolute;width:50%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);align-items:center;}
.three{display:flex;flex-direction:row;justify-content:space-around;}
.three-ctt{width:140px;height: 140px;border-radius:50%;background: #ffb000;display: flex;flex-direction: column;text-align: center;align-items: center;justify-content: center;margin:0 20px;}
.three-ctt p{color:#fff;font-size:150%;}


.float-btn{ -ms-writing-mode: tb-rl;  writing-mode: vertical-rl;color: #fff;background: #543C32;position:fixed;bottom:30px;right:0;z-index:5;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:20px;display:flex;text-decoration:none;}
.mail-icon img{width:20px;}
.mail-icon{margin-bottom:10px;}
#news{width:100%;position:relative;}
.news-bg-m{display:none;}
#news img{width:100%;}
.news-bg img{height:60vw;}
.news-ctt{position: absolute;top: 25vw;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:80%;margin:auto;}
.news-title{margin:auto;width:160px;height:160px;border-radius:50%;background:#fff;margin-bottom:50px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;}
.news-icon img{width:50%!important;}
.h2-news{margin:0;font-size:160%;display:block;}
.h2-news:after{content:"NEWS";font-size:80%;display:block;}
.news-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.t-list{width:43%;padding:30px 30px 50px 30px;background:#fff;margin-bottom:30px;text-decoration:none;}
.t-list:hover .t-title {color: #FF0200;}
.t-ctt{display:flex;flex-direction:row;justify-content:space-between;border-bottom: 3px solid #FF7F00;padding-bottom:10px;}
.date{color:#FF7F00;}
.catn{background:#543C32;border-radius:20px;padding:3px 20px;color:#fff;font-size:90%;}
.t-title{display:block;padding-top:10px;color:#543C32;transition:0.5s;}
.more-bx{text-align:center;display:flex;justify-content:center;margin-top:30px;}
.news-btn{width: 23%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: absolute;text-decoration:none;transition:0.5s;}
.arrow-right {display: inline-block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);position:absolute;right:3vw;}
.news-btn:hover{background:#FF7F00;}
.black{background:#000;}

#plan{width:100%;position:relative;padding:100px 0 150px 0;}
.h2-plan{margin:10px 0 0 0;font-size:160%;}
.h2-plan:after{content:"PLAN";font-size:90%;display:block;}
.plan-title{margin:auto;margin-bottom:30px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;}
.plan-icon img{width:40%!important;}
.plan-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;margin-top:50px;margin-bottom:50px;flex-wrap:wrap;}
.plan-ctt {width:30%;height:auto;background:#EFE9DE;position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom: 5vw;}
.plan-ctt p{text-align:center;padding:20px 30px;}
.plan-ctt img{width:100%;}
.plan-btn{width:70%;margin:auto;position:absolute;border-radius: 9999px;background:#543C32;color: #fff;padding: 15px 20px;display: flex;align-items: center;justify-content: center;text-decoration:none;bottom:30px;transition:0.5s;margin-top:4vw;}
.plan-btn:hover{background:#FF7F00;}
.camp-bx{width:80%;margin:auto;height:200px;background:#DBDBDB;}

#estimate{width:100%;position:relative;}
#estimate img{width:100%;}
.estimate-bg-m{display:none;}
.estimate-bg{display:block;}
.estimate-bg img{height:50vw;}
.estimate-title{margin:auto;width:160px;height:160px;border-radius:50%;background:#fff;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;position:absolute;top:-75px;border: 5px solid #FF7F00;left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}
.estimate-icon img{width:40%!important;}
.h2-estimate{margin: 10px 0 0 0;font-size:160%;display:block;}
.h2-estimate:after{content:"estimate";font-size:90%;display:block;}
.ctt-bx{position:absolute;width:80%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);align-items:center;}
.example-bx{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:200px;margin-top:50px;}
.example-txt{background:#543C32;color:#fff;width: 60%;padding: 15px 50px;text-align: center;font-size: 120%;}
.example-img{width:40%;position:relative;left:70px;z-index:1;}
.example-ctt{width:60%;background:#fff;padding:50px 0 110px 0;position:relative;top:110px;}
.table-example{width:80%;position:relative;left:20%;}
.table-example th{font-weight:normal;text-align:left;}
.table-example td{padding-left:30px;}
.sum{background:#FF7F00;color:#fff;width: 60%;right: 50px;margin-top: 10px;padding: 15px 0;text-align: center;font-size: 150%;position:absolute;}
.estimate-bx{display:flex;flex-direction:row;justify-content:space-between;}
.estimate-ctt {width:30%;height:auto;background:#fff;position:relative;display:flex;flex-direction:column;align-items:center;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);padding-bottom:5.5vw;}
.estimate-ctt p{text-align:center;padding:20px;}
.estimate-ctt img{width:100%;}
.e-slider{display:none;}

#service{width:100%;position:relative;}
#service img{width:100%;}
.service-bg-m{display:none;}	
.service-title{position:absolute;top:70px;left:170px;margin-bottom:50px;}
.service-icon img{width:20%!important;}
.h2-service{margin:0;display:block;font-size:160%;}
.h2-service:after{content:"service";font-size:90%;display:block;}
.ctt-bx2{position:absolute;width:80%;margin:auto;display:flex;flex-direction:column;justify-content:space-between;top: 55%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);align-items:center;}
.service-bx{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:70px;}
*service-ttl{ -ms-writing-mode: tb-rl;writing-mode: sideways-lr;font-size: 500%;position: relative;line-height: 0.7;display:flex;justify-content:flex-end;font-weight:bold;}
.service-ttl img{width: 55% !important;}
.service-img{width:47%;position:relative;left: -70px;}
.service-ctt{width:37%;margin-top:70px;margin-top: 70px; position: relative;left: -40px;}
.ttl-blue{color:#FF7F00;padding-bottom:20px;}
.num{color: #FF7F00;font-size:32px;font-weight:bold;}
.num2{color: #FF7F00;font-size:32px;font-weight:bold;}
.h3-service{font-size:26px;font-weight:bold;margin:0 0 20px 0}
.spn-blue{color:#FF7F00;font-size:32px;}
.right2{left:50px;position:relative;}
.right3{left:100px;position:relative;}
.service-ttl-m{display:none;}
.h3-service-m{display:none;}

#option{width:100%;position:relative;padding:100px 0;}
.op-title{position:relative;margin-bottom:50px;text-align:center;}
.op-icon img{width:3%!important;}
.h2-option{margin:0;display:block;font-size:160%;}
.h2-option:after{content:"option";font-size:90%;display:block;}
.op-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.op-ctt{width:270px;height:170px;border: 4px solid #707070;display:flex;flex-direction:column;align-items:center;position:relative;padding:50px 0;margin-bottom:50px;}
.op-ctt p{position:absolute;bottom:0;color:#707070;}
.op-ctt img{width:45%;position:relative;top:10px;}
.sml-img img{width:35%!important;}

#guide{position:relative;clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);}
#guide img{width:100%;}
.guide-bg-m{display:none;}
.guide-title{position:absolute;top:250px;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin-bottom:50px;text-align:center;}
.guide-icon img{width:10%!important;}
.h2-guide{margin:0;display:block;color:#fff;font-size:160%;}
.h2-guide:after{content:"guide";font-size:90%;display:block;}
.ctt-bx3{position:absolute;width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;top: 65%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);align-items:center;}
.guide-ctt {width: 48%;position: relative;overflow: hidden;margin-bottom:50px;}
.guide-ctt::after {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #543C32 transparent transparent;}
.guide-ctt img {width: 100%;height: auto;transition: transform 0.5s ease;}
.guide-ctt:hover img {transform: scale(1.2);}
.guide-ctt p {position: absolute;width:65%;margin: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size:120%;}
.guide-ctt p::after {content: "";position: absolute;width:100%;height: 25px;border-right: 2px solid #fff;border-bottom: 1px solid #fff;transform: skew(45deg);transition: right 0.4s ease;right:10px;bottom: -20px;}
.guide-ctt:hover p::after {right: -10px;}

#voice{position:relative;padding:100px 0 150px 0;}
.voice-title{margin-bottom:50px;text-align:center;position:relative;}
.voice-icon img{width:3%!important;}
.h2-voice{margin:0;display:block;font-size:160%;}
.h2-voice:after{content:"voice";font-size:90%;display:block;}
.v-img {height:250px;margin-bottom:20px;}
.v-info{border-bottom:solid 1px #707070;padding-bottom:10px;margin-bottom:10px;}
.v-info span{padding-right:10px;}
.slider1 .slick-track {display: flex;}
.slider1 {position: relative;margin:50px auto;width:100%;}
.slider1 .slick-slide {margin: 0 15px;width:40%;}
.slider1 .slick-slide img {width: 100%;height:100%;object-fit:contain;}
.slide-arrow {height: 0;margin: auto;position: absolute;top:-130px;width: 0;}
.prev-arrow {cursor:pointer;left:5%;background:#fff;width:50px;height:50px;border: 1px solid #707070;border-radius:50%;z-index:3;transition:0.5s;}
.prev-arrow .arrowl {width:40px;height:40px;display: grid;place-items: center;background-color:transparent;overflow: hidden; transition: all 0.3s ease;}
.prev-arrow .arrowl span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #707070;border-right: 2px solid #707070;transform: rotate(225deg);left:0;position:relative;}
.prev-arrow:hover{background:#707070;border: 1px solid #707070;}
.prev-arrow:hover .arrowl span{border-top:2px solid #fff;border-right: 2px solid #fff;}
.next-arrow {cursor:pointer;right:5%;background:#fff;width:50px;height:50px;border: 1px solid #707070;border-radius:50%;z-index:3;transition:0.5s;}
.next-arrow .arrow {width:40px;height:40px;display: grid;place-items: center;background-color:transparent;overflow: hidden; transition: all 0.3s ease;}
.next-arrow .arrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #707070;border-right: 2px solid #707070;transform: rotate(45deg);right:5px;position:relative;}
.next-arrow:hover{background:#707070;border: 1px solid #707070;}
.next-arrow:hover .arrow span{border-top:2px solid #fff;border-right: 2px solid #fff;}

#company{width:100%;position:relative;}
.company-bg img{width:100%;height:70vw;}
.company-bg-m{display:none;}
.company-title{margin:auto;width:160px;height:160px;border-radius:50%;background:#FF7F00;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;position:absolute;top:5vw;left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}
.company-icon img{width:40%!important;}
.h2-company{margin:0;color:#fff;font-size:160%;}
.h2-company:after{content:"company";font-size:90%;}
.ctt-bx4{position:absolute;width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;top:33vw;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);align-items:center;flex-wrap:wrap;}
.map{width:60%;}
.h3-company{font-size:150%;margin:0 0 10px 0;}
.recruit-bx{position:absolute;width:80%;;margin:auto;bottom:-5vw;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);overflow: hidden;}
.recruit-bx img {width: 100%;height: auto;transition: transform 0.5s ease;}
.recruit-bx:hover img {transform: scale(1.2);}
.recruit-ctt{position:absolute;top:5%;left:10px;height:90%;width:55%;background:rgb(255,255,255,0.7);clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);}
.h3-recruit{font-size:250%;color:#000;border-bottom:solid 2px #0065FF;padding-bottom:10px;margin:0;}
.r-ctt-bx{padding:20px 120px 30px 20px;}
.r-ctt-bx p{margin:10px 0 0 0;font-size:1.2vw;color:#000;}
.recruit-bg-m{display:none;}

#contact{width:100%;position:relative;}
#contact img{width:100%;}
.contact-bg-m{display:none;}
.contact-title{margin:auto;width:160px;height:160px;border-radius:50%;background:#2665FF;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;position:absolute;top:75px;left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}
.contact-icon img{width:40%!important;}
.ctt-bx5{position:absolute;width:50%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;top:50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);align-items:center;flex-wrap:wrap;}
.c-circle{width: 180px;height: 180px;border-radius:50%;border: 1px solid #fff;display: flex;flex-direction: column;text-align: center;align-items: center;justify-content: center;}
.c-circle img{width:20%!important;}
.c-circle p{color:#fff;}
.cta{width:65%;text-align:center;position:relative;}
.cta-p-m{display:none!important;}
.cta p {font-size:120%;color:#fff;position: relative;display: inline-block;padding: 0 35px;margin:0;}
.cta p:before{content: '';position: absolute;top: 50%;display: inline-block; width: 25px;height: 2px;background-color:#fff;-webkit-transform: rotate(-120deg);transform: rotate(-120deg);left:0;}
.cta p:after {content: '';position: absolute;top: 50%;display: inline-block;width:25px;height: 2px;background-color:#fff;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);right: 0;}
.contact-bx1{text-align:center;display:flex;justify-content:center;margin:10px 0 30px 0;}
.contact-btn1{width:80%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;pointer-events: none;}
.contact-bx2{text-align:center;display:flex;justify-content:center;}
.contact-btn2{width:80%;border-radius: 9999px;background:#fff;color: #543C32;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;}
.arrow-right2 {display: inline-block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);position:relative;right:-20px;}
.arrow-right3 {display: inline-block;width:10px;height:10px;border-top:2px solid #543C32;border-right:2px solid #543C32;transform: rotate(45deg);position:relative;right:-20px;}
.contact-btn1:hover{background:#FF7F00;}
.contact-btn2:hover{background:#FF7F00;}

.footer-menu{position:relative;padding:50px 0;background:#000;}
.footer-menu img{width:100%;!important;}
.footer-bx{position:relative;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80%;align-items:center;}
.menu-bx{display:flex;flex-direction:row;justify-content:space-between;width:90%;margin:auto;flex-wrap:wrap;}
.menu-ctt {display: flex; flex-direction: column;justify-content: flex-start;padding: 0;}
.menu-ctt li {list-style: none;padding: 0 0 15px 0;}
.menu-ctt li {position: relative;color:#fff;}
.menu-ctt li a {text-decoration: none;color: #fff;display: inline-block;transition: transform 0.5s ease;position: relative;}
.menu-ctt-ul li a  {left:20px;position: relative;}
.menu-ctt li a:hover {transform: translateX(10px);}
.menu-ctt-ul {padding-left: 0;}
.menu-ctt-ul li:before {content: "―";position: absolute;left: 0;top: 25%;transform: translateY(-50%);color: #fff;pointer-events: none;}

.copyright{text-align:center;padding:30px 0;}
.footer-logo-m{display:none;}
#backToTop {width:50px;height:50px;border-radius:50%;display: none;position: fixed;bottom:80px;right:80px;padding: 10px 20px;border:solid 1px #fff;background-color: #000;color: white;cursor: pointer;z-index:5;}
#backToTop:hover {background-color: #fff;border:solid 1px #000;}
#backToTop:hover span{border-top: 2px solid #543C32;border-right: 2px solid #543C32;}
#backToTop span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-45deg);top: 2px;right:2px;position: relative;}

/*下層*/
.under-fv{position:relative;margin-top:80px;}
.under-fv img{width:100%;}
.bread{position:absolute;top:10px;left:10%;font-size:90%;}
.bread ul{list-style: none;margin:0;padding:0;}
.bread ul li{display: inline;color:#fff;}
.bread ul li a{color:#fff;;text-decoration: none;}
.bread ul li + li:before{content: ">"; margin:.5em;}
.title{color:#fff;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);position:absolute;top:10px;right:10%;font-size:90%;}
.h1-under{position: absolute;top:45%;left:10%;color:#fff;margin:0;}

/*about*/
.abtop {position:relative;background:url(img/abtop.png);background-size:cover;padding:50px 0 100px 0;position:relative;background-position: center bottom;}
.ab-bx{position:relative;margin:auto;width:50%;align-items:center;}
.ab-ctt{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:50px;}
.ab-pt{font-size:380%;color:#543C32;font-weight:bold;width:30%;}
.ab-pt span{color:#F5FF00;}
.ab-txt{width:65%;color:#543C32;}
.h3-ab{margin:0 0 10px 0;}
.h2-bx{text-align:center;margin-bottom:50px;}
.h2-ab{font-size:180%;position: relative;display: inline-block;margin-bottom: 40px;color:#543C32;}
.h2-ab:before {content: '';position: absolute;bottom: -30px;display: inline-block;width: 100px;height: 7px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); background-color:#543C32;}
.ab-plan {width: 100%;position: relative;padding:50px 0 70px 0;}
.ab-bg{position:relative;background:url(img/ab-bg.jpg);background-size:cover;background-repeat:no-repeat;padding:100px 0;}
.ab-bx2{position:relative;margin:auto;align-items:center;width:80%;}
.abp{text-align:center;color:#543C32;margin:0 0 50px 0;}
.atmpt{position:relative;margin:auto;background:#fff;padding:0 30px 30px 30px;border-bottom-left-radius:20px;margin-bottom:40px;}
.atmpt::after {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width:0 40px 40px 0;border-color: transparent #543C32 transparent transparent;}
.atmpt-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.atmpt-ctt{width:48%;}
.atmpt-img img{width:100%;}
.atmpt-icon img{width:5%!important;position: relative;top: 15px;}
.h3-atmpt{color:#FF7F00;text-align:center;left: 20px;position: relative;margin-top:0;}
.atmpt-txt{background:#EFE9DE;padding:20px;font-size:120%;height:6vw;}
.atmpt-ttl img{width:100%;}
.atmpt-ttl {position:relative;color:#fff;text-align: center;}
.h4-atmpt{position:absolute;top:50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin:0;font-size:120%;width:100%;}
.ab-est{background:#EFE9DE;padding:100px 0;}
.ab-est .estimate-bx{width:80%;margin:auto;}
.ab-voice {position: relative;padding: 100px 0 150px 0;}
.ab-voice .more-bx {justify-content: flex-end;width: 90%;}
.ab-voice .slide-arrow {top:auto;bottom: -110px;left: 17%;}
.ab-voice .prev-arrow {left: 10%;}
.ab-voice .next-arrow {right:auto;}
	
/*option*/
.op-inner{padding:100px 0;}
.opp{text-align:center;}
.uop-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:70px;}
.uop-ctt{width:48%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);margin-bottom:50px;}
.uop-img img{width:100%;}
.uop-txt{padding:20px;}
.uop-blue{color:#FF7F00;font-weight:bold;margin-right:10px;}
.h3-uop{text-align:center;}
.opi img{width: 7% !important;top: 15px;position: relative;margin-right: 15px;}
.uop-ctt:last-child {width: 48%;margin: auto;}
.op-est {padding:0 0 50px 0;}
.op-est .estimate-bx{width:80%;margin:auto;}
.opi2{top:-3px!important;position: relative;}
.opi3{top:-5px!important;position: relative;}
.opi4 img{width: 10% !important;top: 15px;position: relative;margin-right: 15px;}
.opi5{top:-5px!important;position: relative;}
.opi6{top:-5px!important;position: relative;}
.opg .h2-guide {color:#FF7F00;}
.opg .guide-title {position:relative;top:auto;left:auto;transform: initial;}
.opg .guide-title {margin-bottom:50px;}
.opg .guide-icon img {width: 2% !important;padding-bottom:5px;}
.opg { position: relative;padding: 100px 0;}
.opg .ctt-bx3 {position: relative;width: 80%;margin:auto;display: flex;flex-direction: row;justify-content: space-between;
flex-wrap: wrap;top:auto;left:auto;transform: initial;}


/*company*/
.comp-bg {position:relative;}
.comp-bg img{width:100%;}
.comp-bg-img img{height:60vw;}
.comp-bx{display:flex;flex-direction:row;justify-content:space-between;position: absolute;top:150px;}
.comp-img{width:53%;}
.comp-ctt{width:70%;margin:auto;padding:50px 70px;position: relative;top: 170px;height: 100%;font-size: 130%;background:rgb(255,255,255,0.7);box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.comp-tbl{position: absolute;bottom:-75px;width:100%;}
.ct-bx{background:#fff;width:80%;margin:auto;position:relative;filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));padding: 10px 50px;text-align:center;display: block;}
.ct-bx p{text-align:left;display: inline-block;}
.company-name{font-size:120%;line-height: 1.5;font-weight:bold;}
.comp-table{width:40%;}
.comp-table td{padding-left:20px;}
.comp-table th{text-align:right;}
.comp-table-l{width:40%;border-right:solid 1px #707070;}
.comp-table-l td{padding-left:20px;}
.comp-table-l th{text-align:right;}


/*contact*/
.h2-con{font-size:180%;position: relative;display: inline-block;margin-bottom: 40px;color:#FF7F00;}
.h2-con:before {content: '';position: absolute;bottom: -30px;display: inline-block;width: 100px;height: 7px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); background-color:#FF7F00;}
.h3-line{font-size:120%;color:#00B151;}
.h3-tel{font-size:120%;color:#FF7F00;}
.under-inner{padding:50px 0;width:80%;margin:auto;}
.line-area{background:#EFE9DE;padding:30px 100px;margin:50px 0;}
.line-bx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.line-txt{width:60%;}
.line-ctt{width:35%;}
.line-ctt img{width:100%;}
.tel-ctt{width:35%;background:#fff;border-radius:20px;text-align:center;}
.ctelnum{font-size:220%;font-weight:bold;border-bottom:solid 1px #707070;padding:10px 20px 5px 20px;width: 80%;margin: auto;}
.ctelnum a{text-decoration:none;color:#543C32;}
.ctime{color:#FF7F00;margin:5px 0 10px 0;font-size:130%;font-weight: bold;}
.h3-mail{font-size:120%;color:#FF7F00;text-align:center;}
.mail-txt{text-align:center;}
.table-contact{border-collapse:collapse;}
.table-contact th{width:35%;text-align:left;border-bottom:solid 1px #707070;padding:20px 0;}
.table-contact td{width:60%;border-bottom:solid 1px #707070;padding:20px 0;}
input[type="text" i] {height:40px;}
input[type="tel" i] {width:100%;height:40px;}
input[type="email" i] {width:100%;height:40px;}
textarea {width:100%;}
select{height:40px;}
.td-name{width:20%!important;}
.td-name p{margin-right:10px;}
.td-name2{width:10%!important;}
label{display:block;gap: 10px;display: flex;}
.td-address select{margin-left:20px;}
.mailto{text-decoration:none;color:#0065FF;}
.contact-btn-bx{display:flex;flex-direction:row;justify-content:space-between;width:60%;margin:auto;margin-top:50px;}
.contact-btn-bx div{width:45%;}
.contact-btn-bx div p{text-align:center;}
.contact-btn5{width:100%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;}
.contact-btn6{width:100%;border-radius: 9999px;background:#fff;color: #543C32;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;}
.arrow-right5 {display: inline-block;width: 10px !important;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: relative;right: -200px;bottom: 53px;}
.contact-btn5:hover{background:#FF7F00;border:solid 1px #FF7F00;color:#fff;}
.contact-btn6:hover{background:#FF7F00;}
.screen-reader-response{display:none;}
.wpcf7-not-valid-tip{color:red;}


/*faq*/
.h2-faq{font-size:180%;position: relative;display: inline-block;margin-bottom: 40px;color:#FF7F00;}
.h2-faq:before {content: '';position: absolute;bottom: -30px;display: inline-block;width: 100px;height: 7px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); background-color:#FF7F00;}
.faqp{text-align:center;}
.faq-bx{display:flex;flex-direction:row;justify-content:space-between;margin:50px 0;}
.faq-ctt{width:75%;}
.faq-nav{width:20%;}
.accordion {margin:auto;margin-top:20px;}
.question {display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0; cursor: pointer; border-top: 1px solid #707070;}
.question span{color:#FF7F00;}
.q{height: 20px;width: 20px;border: solid 1px #FF7F00;background:#fff;border-radius: 50%;display: inline-block;padding: 5px;line-height: 20px;text-align: center;margin-right: 10px;}
.accordion .toggle-icon {  position: relative; width: 20px; height: 20px; border-radius: 50%; display: inline-block; padding: 5px; line-height: 20px; text-align: center; background: #F2F2F2;}
.accordion .toggle-icon::before, .accordion .toggle-icon::after {  content: ''; position: absolute; width: 12px; height: 1px; background: #543C32; top: 50%; left: 31%; transform: translate(-50%, -50%); transition: transform 0.2s ease;}
.accordion .toggle-icon::before { transform: rotate(90deg); }
.accordion .toggle-icon::after { transform: rotate(0deg); }
.accordion input[type="checkbox"] { display: none; }
.accordion input[type="checkbox"]:checked + .question .toggle-icon::before { transform: rotate(0deg); }
.accordion input[type="checkbox"]:checked + .question .toggle-icon::after { transform: rotate(90deg) scale(0); }
.accordion .answer {  max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.4s ease, padding 0.4s; position: relative; display: flex; flex-direction: row;}
.accordion input[type="checkbox"]:checked ~ .answer { max-height: 100px; padding: 15px 0 0 0; }
.accordion .answer::before {  content: ""; width: 0; height: 0; border-left: 12px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: relative; padding-right: 10px; top: 2px;}

.faq-nav {padding-left:0;}
.faq-nav li{list-style:none;border-bottom: 1px solid #707070;padding:20px 0 10px 0;}
.faq-nav li a{text-decoration:none;color:#FF7F00;}
.faq-nav li a::before{content:"";width: 0;height: 0;border-left: 10px solid black;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: relative;padding-right: 10px;display: inline-block;top: 2px;}
#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8{margin-top:50px;scroll-margin-top:100px;}

/*form*/
.h3-contact{color:#FF7F00;padding-left:20px;border-left:solid 5px #FF7F00;}
.form-bx{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin-bottom:70px;}
.form-ctt{width:33.3%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:80px;transition:0.5s;}
.form-ctt2{width:50%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:80px;transition:0.5s;}
.form-ctt3{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:80px;transition:0.5s;}
.form-ctt p{margin:0;}
.form-ctt2 p{margin:0;}
.form-ctt3 p{margin:0;}
.form-img{width:30%;background:#fff;border-bottom:solid 2px #DDF4FF;text-align:center;height:98%;}
.form-img img{object-fit:contain;}
.form-name{width:70%;background:#FFF1D8;border-bottom:solid 2px #fff;height: 98%;display: flex;align-items: center;transition:0.5s;}
.form-name p{display: flex;justify-content:space-between;width:100%;align-items:center;padding:0 20px;font-size:80%;}
.form-name.selected { background: #DDF4FF;}
.form-img2{width:20%;background:#fff;border-bottom:solid 2px #DDF4FF;text-align:center;height:98%;}
.name2{width:80%;}
.cardboard{background:#EFE9DE;color:#FF7F00;padding:10px 30px;margin-bottom:50px;}
.material{background:#EFE9DE;padding:50px;}
.small{font-weight:normal;font-size:90%;margin-left:50px;}
.form-img3{width:10%;background:#fff;border-bottom:solid 2px #DDF4FF;text-align:center;height:98%;}
.name3{width:90%;}
.bc-bx{padding: 12px 20px;background: #FF7F00;color: #fff;margin-right: 20px;}
.p-bc{color:#FF7F00;margin-bottom:0;margin-top:30px;}
.p-cd{color:#FF7F00;margin-top:0;}
.p-ct{margin-bottom:30px;}
.p-ctt{margin-bottom:0;margin-top:30px;}
.p-cttt{margin-top:0;margin-bottom:30px;}
.form-btn-bx{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-top:50px;}
.form-btn-bx div{width:45%;}
.form-btn-bx div p{text-align:center;}
.contact-btn7{width:80%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;border:solid 1px #543C32;}
.contact-btn8{width:80%;border-radius: 9999px;background:#FFA326;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;border:solid 1px #FF7F00;}
.contact-btn9{width:100%;border-radius: 9999px;background:#FF7F00;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;border:solid 1px #FF7F00;}
.arrow-right6 {display: inline-block;width: 10px !important;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: relative;right: -14vw;bottom: 53px;}
.arrow-right7 {display: inline-block;width: 10px !important;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: relative;right: -19vw;bottom: 53px;}
.contact-btn7:hover{background:#FF7F00;border:solid 1px #FF7F00;color:#fff;}
.contact-btn8:hover{background:#FF7F00;border:solid 1px #FF7F00;color:#fff;}
.contact-btn9:hover{background:#FF7F00;}
.move-bx{background:#EFE9DE;padding:20px;margin:50px 0;text-align:center;}
.m-arrow{position: relative;width: 10%;height: 15px;border-right: 2px solid #543C32;border-bottom: 1px solid #543C32;transform: skew(45deg);transition: right 0.4s ease; bottom: -25px;margin:0 30px;}
.move{display:flex;flex-direction:row;justify-content:center;}
.present{color:#FF7F00;padding-right:20px;font-size:150%;}
.text-720{font-size:130%;}
input.wpcf7-form-control.wpcf7-text {width: 75%;font-size:130%;}
.move-bx .table-contact{margin:50px 20px;}
.table-contact input.wpcf7-form-control.wpcf7-text {width: 100%;}

/*news*/
.under-news{padding:100px 0;width:60%;margin:auto;}
.post-filter{margin-top:100px;}
.category-filter{margin:10px 50px 10px 0;}
.category-filter a{margin:0 20px;color:#543C32;}
.category-filter a:hover{color:#FF7F00;}
.archive-filter{margin:10px 50px 10px 0;}
.archive-filter a{margin:0 20px;color:#543C32;}
.archive-filter a:hover{color:#FF7F00;}
.post-list{margin:100px 0;}
.post-item{padding:20px;border-bottom:solid 1px #FF7F00;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;text-decoration:none;}
.post-category{margin:0 30px;color:#FF7F00;border:solid 1px #FF7F00;padding:5px 10px;border-radius:9999px;width:15%;text-align:center;}
.news-right {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #067F41;border-right: 2px solid #067F41;transform: rotate(45deg);position: relative;}
.post-date{width:15%;color:#543C32;}
.post-title{text-decoration:none;color:#543C32;width:55%;}
.pagination-nav{margin-top:100px;}
.page-numbers {display:flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:16px 0;}
.page-numbers li {display:inline-block;}
.page-numbers a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #FF7F00;font-size:16px;text-decoration:none;color:#FF7F00;transition:0.5s;}
.page-numbers span {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #FF7F00;font-size:16px;text-decoration:none;}
.page-numbers a:hover {background-color:#FF7F00;color:#fff;}
.page-numbers .current {background-color:#FF7F00;color:#fff!important;}
.pagination-arrow {font-size:18px;line-height:1;}
.post-bx{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);padding:50px;}
.p-title{font-weight:normal;font-size:100%;}
.post-content{margin:100px 0 200px 0;}
.blog-btn-bx{display:flex;flex-direction:row;justify-content:space-between;}
.arrow-right-blog{display: inline-block;width: 10px !important;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: relative;right: -20px;}
.contact-btn10{width:35%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;border:solid 1px #543C32;}
.contact-btn10:hover{background:#FF7F00;border:solid 1px #FF7F00;color:#fff;}

/*flow*/
.flbg{background:#FFA326;padding:100px 0;}
.flinner{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding:50px 30px;background:#fff;position:relative;}
.flinner::after {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #543C32 transparent transparent;}
.flctt{width:32%;margin-bottom:50px;position:relative;}
.fltxt{background:#F2F2F2;padding:30px 20px 50px 20px;height:200px;}
.h3-fl{text-align:center;color:#FF7F00;}
.flimg img{width:100%;}
.flarrow {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -35px;background-color: #FFA326;z-index: 1; top: 80px;}
.flarrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;;}
.flarrow2 {width: 50px;height: 50px;border-radius: 50%;position: absolute;left: -30px;background-color: #FFA326;z-index: 1; top: 80px;}
.flarrow2 span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;;}
.flcaution{width:100%;border:solid 1px #707070;padding:30px 50px;}
.h3-ct{color:#707070;text-align:center;}
.option {width: 100%;position: relative;padding: 100px 0;}
.banner{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:150px;}
.banner-bx{width:30%;background:#DBDBDB;height:200px;}

/*procedure*/
.pcbg{background:url(img/pcbg.jpg);background-size:cover;background-repeat:no-repeat;width:100%;padding:100px 0 20px 0;position:relative;}
.pcinner{width:80%;margin:auto;margin-bottom:70px;}
.pchead{position:relative;}
.pchead img{width:100%;}
.h3-pc{position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color:#FF7F00;font-size: 200%;}
.pcbx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;background:#fff;padding:50px 50px 20px 50px;border-bottom-left-radius:10px;}
.pcctt{width:48%;margin-bottom:30px;position:relative;}
.h4-pc{background:#FF7F00;color:#fff;margin:0;padding:10px 0;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;}
.pctxt{background:#EEE9DE;padding:15px;height: 24.3vw;}
.pctxt2{background:#EEE9DE;padding:15px;height:15.7vw;display:flex;flex-direction:column;justify-content:space-between;}
.pctxt3{background:#EEE9DE;padding:15px;height:14.3vw;}
.pctxt-bx{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;align-items:center;background:#fff;padding:10px;margin-bottom:10px;font-size: 1vw;}
.pcarrow {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -35px;background-color:#FFA326;z-index: 1; top:12vw;}
.pcarrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}
.pcarrow2 {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -35px;background-color:#FFA326;z-index: 1; top:8vw;}
.pcarrow2 span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}

/*manual*/
.mlbg{background:url(img/mlbg.jpg);background-size:cover;background-repeat:no-repeat;width:100%;padding:70px 0 20px 0;position:relative;}
.mlinner{width:80%;margin:auto;margin-bottom:70px;}
.order{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.order-left{width:48%;}
.order-right{width:48%;}
.orderctt{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:50px;}
.ordernum{font-size:300%;width:15%;color:#543C32;font-weight:bold;position:relative;}
.numnext {display: inline-block;width: 10px;height: 10px;border-top: 3px solid #543C32;border-right: 3px solid #543C32;transform: rotate(-225deg);right: 35px;position: relative;bottom: -60px;}
.numnext2 {display: inline-block;width: 10px;height: 10px;border-top: 3px solid #543C32;border-right: 3px solid #543C32;transform: rotate(-225deg);right: 25px;position: relative;top: -100px;}
.ordertxt{width:80%;padding-left:30px;border-left:solid 2px #543C32;}
.ordertxt p{color:#543C32;margin-bottom:0;}
.h3-order{color:#543C32;margin-top:0;}
.ordery{color:#FF7F00;font-weight:bold;margin-right:10px;}
.orinner{background:#fff;padding:50px 50px 0 50px;border-bottom-left-radius:20px;position:relative;margin-bottom:50px;}
.orinner::after {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #543C32 transparent transparent;}
.orbx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.orctt{width:48%;margin-bottom:50px;}
.orimg img{width:100%;}
.h3-or{text-align:center;color:#FF7F00;margin:0 0 30px;}
.h4-or{color:#fff;background:#FF7F00;margin:0;padding:10px 0;text-align:center;}
.ortxt{background:#EFE9DE;padding:20px;height:120px;}
.org{width:16%;background:#FFFAEA;margin-bottom:30px;padding:0 10px;}
.h3-org{color:#FF7F00;text-align:center;margin:0 0 30px 0;}
.h4-org{color:#FF7F00;text-align:center;}
.orgimg{text-align:center;display:flex;height: 100px;justify-content: center;}
.orgimg img{width: 60%;object-fit: contain;}
.h3-bl{color:#FF7F00;text-align:center;margin:0 0 30px 0;}
.h4-bl{color:#965B43;text-align:center;}
.brown{color:#965B43;}
.bl{width:16%;background:#F2F2F2;margin-bottom:30px;padding:0 10px;}
.sub-h2{text-align:center;color:#FF7F00;font-size:120%;margin-bottom:30px;}
.orp{text-align:center;margin-bottom:50px;}
.orctt2{width:100%;margin-bottom:50px;}
.ortxt2{background:#EFE9DE;padding:20px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.ortxt2 div {width:48%;}
.ctt-bx-ml{position:relative;width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:100px;margin-bottom:50px;}
.h3-todo{ -ms-writing-mode: tb-rl;  writing-mode: vertical-rl;background:#FF7F00;color:#fff;margin:0;padding:20px;width:3%;}
.todo{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;text-align:center;margin-bottom:50px;}
.todo-bg img{width:100%;}
.todo-bg {position:relative;width:97%;}
.todo-bg2 img{width:100%;}
.todo-bg2 {position:relative;width:97%;}
.todo-bx{position:absolute;width:90%;margin:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.todo-ctt{width: 154px;height: 154px;border-radius:50%;background:#FFA326;margin:0 15px;position:relative;}
.todo-ctt p{position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:100%;color:#fff;margin:0;}
.todo-bx2{position:absolute;width:90%;margin:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;top: 30%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);background:#fff;padding:30px 20px;border-radius:20px;}
.todo-bx3{position:absolute;width:90%;margin:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;bottom: -10%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.h4-todo{color:#FF7F00;text-align:center;width:100%;text-align:center;margin-top:0;}
.p-more-bx{text-align:center;display:flex;justify-content:center;margin-top:30px;margin-bottom:150px;}
.p-more-btn{width: 30%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: absolute;text-decoration:none;transition:0.5s;}
.p-more-right {display: inline-block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);position:absolute;right:60px;}
.p-more-btn:hover{background:#FF7F00;}
.todo-ctt2{width: 120px;height: 120px;border-radius:50%;background:#FFA326;margin:0 15px;position:relative;}
.todo-ctt2 p{position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:100%;color:#fff;margin:0;}
.todo-bx4{position:absolute;width:90%;margin:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;top: 30%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);background:#fff;padding:30px 10px;border-radius:20px;}
.ctt-bx-ml2{position:relative;width:80%;margin:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center;margin-top:100px;margin-bottom:50px;}

/*estimate*/
.es-inner{padding:100px 0 0 0;}
.tab-buttons{width:50%;margin:auto;display:flex;flex-direction:row;justify-content:space-between}
.tab-button {width:30%;display: inline-block; padding:20px 0;background-color: #FFA326;color: #fff;cursor: pointer;text-align: center;border-top-right-radius: 10px;border-top-left-radius:10px;transition:0.5s;}
.tab-button:hover {background-color: #FF7F00;}
.tab-button.active {background-color: #FF7F00;}

#visit{background:#FFF1D8;padding-bottom:50px;}
#line{background:#FFF1D8;padding-bottom:50px;}
#online{background:#FFF1D8;padding-bottom:50px;}
.es-fv img{width:100%;}
.es-fv{margin-bottom:50px;}
.es-five{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;}
.esfctt{width:15%;color:#fff;padding:10px 20px;background: linear-gradient(#d0a560 0%, #110c0a 100%);text-align:center;margin-top:20px;height:60px;display: flex;justify-content: center;align-items: center;line-height:1.2;}
.esflow{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;}
.esflow-ctt{width:23%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);background:#fff;position:relative;}
.esf-img img{width:100%;}
.h3-es{color:#543C32;text-align:center;height: 50px;display:flex;align-items: center;justify-content: center;padding-top: 10px;}
.esflow-ctt p{padding:20px;margin:0;}
.esflow-ctt2 p{padding:20px;margin:0;}
.esflow-ctt3 p{padding:20px;margin:0;}
.esnum{background:#543C32;color:#fff;width:30px;height:30px;line-height:30px;border-radius:50%;position:absolute;top:0;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);text-align:center;}
.esarrow {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -40px;background-color:#FFA326;z-index: 1; top: 80px;}
.esarrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}
.es-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:flex-start;gap:2vw;}
.escircle{width:20vw;height:20vw;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);background:#fff;margin-bottom:10px;}

.h4-es{color:#543C32;text-align:center;margin-bottom:10px;}
.escircle p{width:70%;text-align:center;font-size: 0.8vw;}
.escircle2 p{width:70%;text-align:center;font-size: 0.8vw;}
.escircle3 p{width:70%;text-align:center;font-size: 0.8vw;}
.es-bx2{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:70px;gap:2vw;}
.escircle2{width:20vw;height:20vw;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);background:#fff;}
.acd-bx{margin:auto;width:80%;}
.esc-img img{width:80%;}
.esc-img{text-align:center;}
.acd-bx .toggle-icon {background: #fff;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.tab-buttons button {margin-right: 5px;padding: 10px 20px;cursor: pointer;}
.es-bx3 {width: 80%;margin: auto; display: flex; flex-direction: row;justify-content: space-between;margin-bottom:70px;gap:2vw;}
.escircle3 {width: 18vw;height: 18vw;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);background: #fff;}
.esflow-ctt2 {width: 30%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);background: #fff;position: relative;}
.esflow-ctt3 {width: 36%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);background: #fff;position: relative;}
.pl{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#FFF1D8;margin-top:50px;flex-wrap:wrap;}
.plimg{width:50%;}
.plimg img{width:100%;}
.h3-pl{color:#FF7F00;padding:0 0 0 50px;}
.plctt{width:50%;}
.plctt p{padding:0 0 0 50px;}
.pflow{background:url(img/plfbg.jpg);background-size:cover;background-repeat:no-repeat;padding:50px 0 70px 0;margin-top:50px;}
.h3-fl{color:#FF7F00;text-align:center;}
.h4-fl{color:#FF7F00;text-align:center;}
.plfinner{background:#fff;width:80%;margin:auto;padding:30px 0 0 0;position:relative;border-bottom-left-radius:20px;}
.plfbx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:30px;}
.plfinner::after {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #543C32 transparent transparent;}
.plfctt{width:32%;margin-bottom:40px;position:relative;}
.plftxt{background:#F2F2F2;padding:20px;}
.h3-plf{text-align:center;background:#FF7F00;color:#fff;margin:0;padding:10px 0;}
.plfimg img{width:100%;}
.plfarrow {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -35px;background-color: #FFA326;z-index: 1; top: 80px;border:solid 1px #fff;}
.plfarrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}
.plfarrow2 {width: 50px;height: 50px;border-radius: 50%;position: absolute;left: -30px;background-color: #FFA326;z-index: 1; top: 80px;border:solid 1px #fff;}
.plfarrow2 span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}
.plfcaution{width:100%;border:solid 1px #707070;padding:10px 20px;}
.h4-plf{text-align:center;background:#543C32;color:#fff;margin:0;padding:10px 0;width:90%;margin:auto;border-radius:9999px;margin-top:10px;margin-bottom:10px;}
.plftxt p{margin:0;height:100px;}
.pnr{height:80px!important;}
.pnr2{height:60px!important;}
.hidden{visibility:hidden;}
.plfbtm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#F2F2F2;margin-bottom:50px;}
.plfctt2{position:relative;}
.pnr3{padding:0 20px;}
.h4-plf2{text-align:center;background:#543C32;color:#fff;margin:0;padding:10px 0;width:40%;margin:auto;border-radius:9999px;margin-top:10px;margin-bottom:10px;}
.prepare{background:#FDF6F1;clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);padding: 100px 0 50px 0;}
.h2-pp { font-size: 180%;position: relative;display: inline-block;margin-bottom: 40px;color: #FF7F00;}
.h2-pp:before {content: '';position: absolute;bottom: -30px;display: inline-block;width: 100px;height: 7px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);background-color: #FF7F00;}
.pp{width:70%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.ppctt{width: 280px;height: 280px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background: #fff;margin-bottom:30px;}
.h4-pp{color: #FF7F00;text-align:center;}
.ppacd-bx{width:80%;margin:auto;padding:50px 0;}
.h3-ppcad{color:#FF7F00;margin:30px 0 20px 0;}
.plfarrow3{display:none;}
.white{color:#fff;}

/*recruit*/
.recbg{background:url(img/recbg.jpg);background-size:cover;background-repeat:no-repeat;padding:50px 0 30px 0;}
.h2-rec { font-size: 180%;position: relative;display: inline-block;margin-bottom: 40px;color: #543C32;}
.h2-rec:before {content: '';position: absolute;bottom: -30px;display: inline-block;width: 100px;height: 7px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);background-color: #543C32;}
.recp{text-align:center;color:#543C32;margin:0 0 50px 0;}
.recinner{width:80%;margin:auto;}
.h3-rec{color:#543C32;text-align:center;margin-bottom:50px;}
.recbx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:40px;clip-path: polygon(9% 0%, 100% 0%, 91% 100%, 0% 100%);background:#fff;}
.recbx2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:40px;clip-path: polygon(9% 0%, 100% 0%, 91% 100%, 0% 100%);background:#fff;}
.recimg img{width:100%;}
.recimg {width:50%;position:relative;}
.recctt{width:50%;}
.recctt2{width:50%;display: flex;flex-direction: column;align-items: flex-end;}
.recctt p{width:80%;}
.recctt2 p{width:80%;}
.h4-rec{color:#FF7F00;width:80%;}
.h3-rec2{color:#FF7F00;text-align:center;margin:50px 0;}
.rec-table-bx{width:65%;margin:auto;margin-bottom:50px;}
.rec-table{border-collapse:collapse;width:100%;}
.rec-table tr:nth-child(odd) {background-color: #EFE9DE;}
.rec-table td{padding:20px;width:70%;}
.rec-table th{padding:20px;text-align:left;font-weight:normal;width:30%;vertical-align:top;}
.h4-rec2{background:#FF7F00;color:#fff;margin:0;padding:20px;width:25%;text-align:center;}
.treat{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:70px;}
.treat-bx{width:43%;background:#F2F2F2;padding:20px 30px;margin-bottom:30px;}
.h4-rec3{color:#FF7F00;text-align:center;margin:0;}
.treat-ctt{width:90%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.treat-tag{background:#FF7F00;color:#fff;width:32%;text-align:center;padding:5px 0;}
.treat-bx p{height:50px;}
.treat-tag2{background:#FF7F00;color:#fff;width:100%;text-align:center;padding:5px 0;margin-top:20px;}
.treat-tag3{background:#FF7F00;color:#fff;width:45%;text-align:center;padding:5px 0;}
.treat-ctt2{width:90%;margin:auto;display:flex;flex-direction:row;justify-content:center;margin-bottom:10px;}
.treatp{height:auto!important;}
.recbg2{position:relative;}
.recbg2-img img{width:100%;}
.recbg-img img{width:100%;}
.recbg-inner{position:absolute;top:50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:60%;align-items:center;}
.h3-rec3{color:#fff;background:#FF7F00;text-align:center;padding: 10px 0;position: relative;width:60%;margin:auto;margin-bottom:70px ;}
.recbg-ctt{width:100%;}
.recbg-ctt p{font-size:1vw;}
.recbg-img{width:48%;z-index:2;}
.merit{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:80%;margin:auto;}
.merit-ctt{width:32%;}
.h3-merit{background:#FF7F00;color:#fff;text-align:right;margin:0;padding:10px 10px 0 0;clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);width:90%;margin:0}
.h3-bx{display: flex;justify-content: flex-end;}
.meritnum{font-size:220%;}
.merit-img img{width:100%;}
.h4-merit{color:#FF7F00;text-align:center;margin:0 0 20px 0;}
.merittxt{background:#EFE9DE;padding:20px;height:200px;}
.merit-area{padding:50px 0;}
.recflow{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:50px;position:relative;}
.rflowc{width:180px;height:180px;border-radius:50%;width: 300px;
height: 300px;background: #fff;filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}
.rflowc-img{margin-top:20px;}
.rflowc p{width:70%;text-align:center;}
.recarrow {width: 50px;height: 50px;border-radius: 50%;position:relative;background-color:#FFA326;z-index: 1; top: 120px;}
.recarrow span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);top: 20px;right: 20px;position: absolute;}
.rflowc-bx{position:relative;}
.message{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:80%;margin:auto;align-items:center;margin-bottom:50px;margin-top:50px;}
.president-img{width:20%;}
.president-img img{width:100%;}
.president-txt{width:75%;}
.h3-pre{color:#FF7F00;margin-top:0;}
.entry{background:#EFE9DE;padding:30px 0 20px 0;width:80%;margin:auto;margin-bottom:70px;}
.entry-table{width:80%;margin:auto;border-collapse:collapse;margin-bottom:50px;}
.entry-table th{border-bottom:solid 1px #707070;padding:20px 0;text-align:left;width:20%;}
.entry-table td{border-bottom:solid 1px #707070;padding:20px 0;width:80%;}
.entry-btn{width:30%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;cursor:pointer;margin:auto;}
.arrow-entry {display: inline-block;width: 10px !important;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: relative;right: -700px;bottom: 53px;}
.entry-btn:hover{background:#FF7F00;border:solid 1px #FF7F00;color:#fff;}
.entry input[type="text" i] {width:100%;}

/*voice*/
.vbx {width:80%;margin:auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.vctt {width:30%;margin-bottom:50px;}
.vimg {height:250px;margin-bottom:20px;}
.vimg img {width: 100%;height: 100%; object-fit: contain;}
.vtxt {margin-top: 10px;font-size: 16px;line-height: 1.6;color: #333;}
.vinfo{border-bottom:solid 1px #707070;padding-bottom:10px;margin-bottom:10px;}
.vinfo span{padding-right:10px;}
.under-voice{padding:50px 0 100px 0;}
.under-ppy{width:80%;margin:auto;padding:150px 0;}
.h3-ppy{margin:0;}
.under-ppy p{margin:0 0 30px 0;}
.thanks-bx{margin-top:100px;margin-bottom:50px;display: flex;justify-content: center;}

.l-bx{width:80%;margin:auto;}

/*2100px以上*/
@media screen and (min-width:2100px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.op-bx {width: 53%;}
.service-title {left: 300px;}
.news-bg img {height: 50vw;}
.news-ctt {top: 22vw;}
.atmpt-txt {height: 3vw;}
}


/*2100px以上*/
@media screen and (max-width:2100px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.op-bx {width: 60%;}
.service-title {left: 300px;}
.news-bg img {height: 50vw;}
.news-ctt {top: 22vw;}
.atmpt-txt {height: 3vw;}
}


/*2000px以上*/
@media screen and (max-width:2000px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.op-bx {width: 60%;}
.service-title {left: 270px;}
.news-bg img {height: 50vw;}
.news-ctt {top: 22vw;}
.atmpt-txt {height: 3vw;}
}



/*1900px以上*/
@media screen and (max-width: 1900px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.service-title {left: 200px;}
.op-bx {width: 70%;}
.service-title {left: 230px;}
.news-bg img {height: 50vw;}
.news-ctt {top: 22vw;}
.arrow-right7 {right:-16vw;}
.arrow-right6 {right:-14vw;}
.atmpt-txt {height: 3vw;}
}

/*1800px以上*/
@media screen and (max-width: 1800px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.service-title {left: 200px;}
.op-bx {width: 70%;}
.t-list {margin-bottom: 40px;}
.service-title {left: 200px;}
.news-bg img {height: 50vw;}
.news-ctt {top: 22vw;}
}

/*1700px以上*/
@media screen and (max-width: 1700px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.service-title {left: 200px;}
.op-bx {width: 70%;}
.t-list {margin-bottom: 40px;}
.news-bg img {height: 50vw;}
.news-ctt {top: 22vw;}
.atmpt-txt {height: 5vw;}
}

/*1600px以上*/
@media screen and (max-width: 1600px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.service-title {left: 200px;}
.op-bx {width: 80%;}
.t-list {margin-bottom: 60px;}
.news-bg img {height: 60vw;}
.news-ctt {top: 25vw;}
.atmpt-txt {height: 6vw;}
}

/*1500px以上*/
@media screen and (max-width: 1500px){
.es-bx {width: 80%;}
.es-bx2 {width: 80%;}
.es-bx3 {width: 80%;}
.op-bx {width: 85%;}
.t-list {margin-bottom: 40px;}
.news-title { margin-bottom: 60px;}
}

/*1380px以下*/
@media screen and (max-width: 1380px){
.todo {width: 90%;}
.ab-bx {width: 60%;} 
.op-bx {width: 90%;}
}

/*1300px以下*/
@media screen and (max-width: 1300px){
.check {right:40px;}
.check img {width: 70%;}
.header-nav ul { font-size: 80%;}
.telnum {font-size: 160%;}
.contact a {font-size: 85%;}
.arrow-right {right: 45px;}
.news-ctt {width: 90%;}
.t-list {width: 41%;}
.plan-bx {width: 90%;}
.ctt-bx {width: 90%;}
.example-bx { margin-bottom: 130px;}
.example-ctt {padding: 30px 0 90px 0;}
.service-bx { margin-bottom: 20px;}
.h3-service {font-size: 20px;}
.spn-blue {font-size: 26px;}
.op-bx {width: 90%;}
.op-ctt {width: 230px; height: 140px;margin-bottom: 30px;}
.guide-title {top: 170px;}
.company-title {top: 30px;}
.r-ctt-bx { padding: 10px 120px 20px 10px;}
.footer-bx {bottom: -23%;}
.service-ttl img {width: 45% !important;}
.service-img {left: -85px;}
.service-ctt {width: 35%;margin-top: 70px;left: -55px;}
.under-news {width: 80%;}
.under-inner {width: 90%;}
.plfinner {width: 90%;}
.ppacd-bx {width: 90%;}
.pp {width: 90%;}
.flinner { width: 90%;}
.pcinner {width: 90%;}
.uop-bx {width: 90%;}
.es-five {width: 90%;}
.esflow {width: 90%;}

.acd-bx {width: 90%;}
.mlinner {width: 90%;}
.todo-ctt {width: 130px;height: 130px;}
.todo-bx2{padding: 5px;}
.todo-bx4{padding: 5px;}
.todo-ctt2 {width: 100px; height: 100px;}
.line-area {padding: 20px 30px;}
.comp-ctt {padding: 20px 30px; top: 150px;}
.recinner { width: 90%;}
.rec-table-bx { width: 90%;}
.treat { width: 90%;}
.merit {width:90%;}
.recflow {width:90%;}
.news-ctt {top: 30vw;}
.news-bg img { height: 70vw;}
.company-bg img{height:80vw;}
.recruit-bx{width:90%;}
}

/*1200px以下*/
@media screen and (max-width: 1200px){	
.check {right:10px;}
.right2 {left: 20px;}
.right3 {left: 40px;}
.service-ttl img {width: 35% !important;}
.service-img {left: -90px;}
.service-ctt {margin-top: 0;left: -55px;width:45%;}
.guide-ctt {margin-bottom: 20px;}
.contact-bx1 { margin: 10px 0 10px 0;}
.ctt-bx5 {width: 60%;}
.footer-bx { bottom: -30%;}
.recruit-bx {bottom: -55px;}
.r-ctt-bx {padding: 10px 100px 10px 20px;}
iframe {height:350px;}
.ctt-bx4 {top: 50%;width:90%;}
.map{width:50%;}
.h3-recruit {font-size: 200%;}
.r-ctt-bx p {font-size: 100%;}
.estimate-ctt p {padding: 10px;}
.table-example {width: 90%;left: 10%;font-size: 90%;}
.example-ctt {padding: 10px;}
.table-example {width: 90%;left:10%;font-size: 90%;}	
.example-bx{margin-bottom: 120px;margin-top: 30px;}
.example-img {left: 45px;}
.example-txt { width: 70%;padding: 15px 30px; font-size: 100%;}
.arrow-right {right: 25px;}
.sum {width: 50%;padding: 10px 0;font-size: 120%;}
.op-ctt {width: 200px;height: 130px;margin-bottom: 10px;padding: 10px 0 50px 0;}
.telnum {font-size: 140%;}
.header-nav ul {font-size: 70%;}
.comp-ctt { top: 100px;}
.form-ctt {width: 50%;}
.form-name p {padding: 0 10px;}
.form-img {width: 35%;}
.cardboard {padding: 10px;margin-bottom:30px;}
.form-img2 {width: 35%;}
.material {padding: 20px;}
.form-img3 {width: 20%;}
.name34{width:65%;}
.name35{width:45%;}
.bc {width: 30%;display: flex;align-items: center;justify-content: space-between;}
.bc2 {width:50%;display: flex;align-items: center;justify-content: space-between;}
.bc-bx {padding: 10px 5px;margin-right: 5px;}
.form-btn-bx {width: 90%;}
.atmpt-txt {height: 10vw;}
.ab-bx {width: 80%;}
.ab-ctt {margin-bottom: 25px;}
.h2-ab {margin-bottom: 10px;margin-top:0;}
.op-est .estimate-bx {width: 90%;}
.op-est .estimate-ctt {padding-bottom: 7.5vw;}
.news-ctt {top: 35vw;}
.news-bg img { height: 80vw;} 
.op-bx {width: 85%;}
.arrow-right7 {right: -18vw;}
}

	
/*1100px以下*/
@media screen and (max-width: 1100px){
.contact a {font-size: 70%!important;}
.todo-ctt {width: 120px;height: 120px;margin:0 5px;}
.todo-ctt2 {width: 90px; height: 90px;margin:0 5px;}
.comp-ctt {top: 30px;padding: 20px;width: 50%;}
.op-bx {width: 90%;}
.telnum {font-size: 150%; }
.num-bx{font-size:80%;}
.mtl {border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 6px solid #555555;top: 10px;}
}	
	
@media(min-width: 900px){
a[href^="tel:"]{pointer-events: none;}
}	

/*960px以下*/
.l-bx{width:90%;}
@media screen and (max-width:960px){
.check {bottom: 45vw;left: 25px;right: auto; }
.check img {width: 100%;}
.ham-bx{display:block;background:#fff;position:fixed;top:0;right:0;z-index:5;width:60px;height:56px;border-bottom-left-radius:10px;}
.hamburger{width:30px;height:30px;cursor:pointer;position:fixed;top:10px;right:10px;}
.hamburger.is-active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(135deg);width: 30px;left: 15px;}
.hamburger.is-active span:nth-child(2){opacity:0;}
.hamburger.is-active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-135deg);}
.hamburger span{position:absolute;left:50%;transform:translate(-50%,-50%);width:100%;height:2px;background-color:#606163;transition:transform .3s;}
.hamburger span:nth-child(1){top:30%;width:40px;left:10px;}
.hamburger span:nth-child(2){top:60%;}
.hamburger span:nth-child(3){top:90%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:4; width: 100%; height: 100vh;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background:#FFF1D8;}
.drawer.is-active {visibility: visible;opacity: 1;}
.drawer-inner {width:90%;margin:auto;padding:25px 0;height:100vh;}
.menu-logo img{width:25%;}
.menu-flex{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:15px;}
.box-menu {width:48%;margin-bottom:10px;border:solid 1px #FF7F00;}
.box-menu a{display: flex;flex-direction: row;align-items: center;padding: 10px 0;justify-content: center;text-decoration:none;color:#FF7F00;}
.mr {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #FF7F00;border-right: 2px solid #FF7F00;transform: rotate(45deg);top: 2px;right:2px;position: relative;margin-left: 10px;}
.box-menu:hover {border: solid 1px #543C32;}
.box-menu:hover a {color: #543C32;background:#fff;}
.box-menu:hover .mr {border-top: 2px solid #543C32; border-right: 2px solid #543C32;}
.mmenu{list-style:none;padding-left:0;margin: 5px 0;}
.mmenu li{border-bottom:solid 1px #FF7F00;padding: 10px 10px 10px 30px;}
.mmenu li a{text-decoration:none;color:#FF7F00;}
.mmenu li a:hover{color: #FF7F00;}
	
.dropdown {max-height: 0;overflow: hidden;list-style: none;margin: 0;padding: 0;transition: max-height 0.7s ease-in-out;}
.dropdown.is-active {max-height: 500px;}
.dropdown li {margin: 0;padding: 0;border:none;}
.dropdown li a {display: block;padding: 10px 25px;text-decoration: none;position:relative;}
.dropdown li a:hover {color: #FF7F00;}
.dropdown li :before{content: "―";position: absolute;left: 0;top: 45%;transform: translateY(-50%);pointer-events: none;}
.smtl {width: 0;height: 0;border-style: solid;border-right: 7px solid transparent;border-left: 7px solid transparent;border-top: 8px solid #FF7F00;border-bottom: 0;position: relative;top: 13px;left: 14px;}
	
.contact-bx3{text-align:center;display:flex;justify-content:center;margin:15px 0;}
.contact-btn3{width:80%;border-radius: 9999px;background:#543C32;color: #fff;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;}
.contact-bx4{text-align:center;display:flex;justify-content:center;}
.contact-btn4{width:80%;border-radius: 9999px;border:solid 1px #FF7F00;background:#fff;color:#FF7F00;padding: 20px 0;display: flex;align-items: center;justify-content: center;position: relative;text-decoration:none;transition:0.5s;}
.arrow-right3 {display: inline-block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);position:relative;right:-20px;}
.arrow-right4 {display: inline-block;width:10px;height:10px;border-top:2px solid #FF7F00;border-right:2px solid #FF7F00;transform: rotate(45deg);position:relative;right:-20px;}
.contact-btn1:hover{background:#FF7F00;}
.contact-btn2:hover{background:#FF7F00;}	
	
.sp-logo{display: block;width: 45%;position: fixed;z-index:3;}
.sp-logo img{width:35%;}	
.sp-br{display:block;}
.float-btn {display:none;}
.fv {margin-top:0;}
.header-container{display:none;}	
.fv-sp{display:block;}
.fv-pc{display:none;}	
.news-bg-m{display:block;}
.news-bg{display:none;}
.news-ctt {width: 90%;top: 36vw;}
.news-title { width: 100px;height: 100px;}
.h2-news { font-size:120%;}
.news-icon img {width: 25% !important;}
.t-list {width: 100%;padding: 10px 15px 15px 15px;margin-bottom: 20px;}
.t-ctt {align-items: center;}
.title {padding-top: 5px;}
.news-btn { width: 60%;}
.arrow-right {right: 35px;}

.plan-bx {width: 90%;margin-bottom:0;}
.plan-ctt {width: 100%;align-items: center;margin-bottom: 30px;padding-bottom: 12vw;}
.plan-icon img {width: 30% !important;}
.h2-plan {font-size:120%;}
#plan {padding: 50px 0 100px 0;}
.plan-ctt p { padding: 10px 30px;}
.camp-bx {width:90%;}
.company-address{width:100%;}	
.map {width:100%;}
iframe{height:265px;}
	
.estimate-bg{display:none;}
.estimate-bg-m{display:block;}
.estimate-title {width: 100px;height: 100px;top: -50px;}
.h2-estimate { font-size: 120%;}
.estimate-icon img {width: 30% !important;}
.h2-estimate:after {font-size: 70%;}
.ctt-bx {width: 100%;top:50%;}
.example-img {width: 100%;left: auto;}
.example-txt {width: 100%;padding: 15px 0;}
.example-ctt {width: 100%;padding: 50px 0 50px 0;top:0;}
.table-example { width: 90%; left: auto;margin: auto;font-size:110%;}
.table-example th {width: 40%;}
.example-bx {flex-wrap: wrap;margin-bottom:30px;}
.sum {position:relative;width: 90%;margin: auto;margin-top: 10px;right:auto;}
.table-example td {padding-left:0;}	
.estimate-bx{display: none;}
.e-slider{display:block;width:100%;margin:auto;}
.estimate-ctt {width:100%;background:#fff;position:relative;display:flex!important;flex-direction:column;align-items:center;border-top-left-radius:20px;border-top-right-radius:20px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);margin:0 20px;padding-bottom: 7.5vw;}
.estimate-ctt p{text-align:center;padding:20px;margin-top:0;}
.estimate-ctt img{width:100%;}		
.slick-dots {text-align:center;margin-top: 20px;}
.slick-dots li {display:inline-block;margin:0 5px;}
.slick-dots li {display:inline-block;width:12px;height:12px;border-radius: 50%;background-color:#D1D1D1;border: none; cursor: pointer;}
.slick-dots li.slick-active {background-color:#9A9A9A;}
	
.service-icon img {width: 10% !important;}
.service-icon{text-align:center;}
.h2-service {font-size:120%;text-align: center;}
.service-title {top: 50px;left: auto;width: 100%;}
.service-bg-m{display:block;}
.service-bg{display:none;}	
.ctt-bx2 {width: 90%;}
.service-ttl {display:none;}
.service-bx {flex-direction: column;margin-bottom:70px;}
.service-img {width: 100%;}
.service-ctt {width: 100%;padding-left:0;margin-top:0;}
	.service-ctt {left:auto;}
	.service-img{left:auto;}
.spn-blue {font-size: 24px;}
.h3-service {display:none;}
.service-ttl-m{display:none;font-size: 200%;}
.service-ttl-m{display:block;}
.ttl-blue-m{color:#FF7F00;padding-bottom:20px;}
.h3-service-m{display:block;font-size:18px;font-weight:bold;margin:0 0 10px 0}
.spn-blue-m{color:#FF7F00;font-size:24px;}	
.num{display:none;}
.right2 {left:0;}
.right3 {left:0;}
.service-ctt p{font-size:110%;}	

#option {padding: 50px 0 70px 0;}
.h2-option {font-size: 120%;}
.op-icon img { width: 12% !important;}
.op-ctt p {padding: 0 10px; font-size: 70%;text-align: center;}
.op-bx {width: 85%;}
.op-ctt {width: 45%;padding: 0px 0 40px 0;margin-bottom: 15px;height: 160px;}
.op-ctt img {top: 20px;}	
	
#guide {clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);}
.guide-bg{display:none;}	
.guide-bg-m{display:block;}
.ctt-bx3 {width: 90%;top: 58%;}
.guide-ctt {width: 100%;margin-bottom: 20px;}
.guide-title {top:35vw;width:100%;}
.guide-icon img {width: 7% !important;}
.h2-guide{font-size:120%;}

	
#voice {padding: 50px 0 120px 0;}
.voice-icon img {width: 10% !important;}	
.h2-voice {font-size:120%;}
.slide-arrow {top: 100px;}
.prev-arrow { width: 30px;height: 30px;}
.prev-arrow .arrowl {width: 20px;height: 20px;}
.prev-arrow .arrowl span { width: 7px;height: 7px;}
.next-arrow { width: 30px;height: 30px;}
.next-arrow .arrow {width: 20px;height: 20px;}
.next-arrow .arrow span { width: 7px;height: 7px;right: 3px;}
	
.company-bg{display:none;}	
.company-bg-m{display:block;width:100%;}
.company-bg-m img{width:100%;height:180vw;}
.company-title { width: 100px;height: 100px;}
.h2-company {font-size: 120%;}
.h2-company:after {font-size: 80%;}
.company-icon img {width: 30% !important;}
.company-title {top: 130px;}
.ctt-bx4 {width:100%;top:80vw;}
.recruit-bx{bottom:-18vw;width:90%;}	
.recruit-bg{display:none;}	
.recruit-bg-m{display:block;}
.h3-company {font-size: 100%;margin: 0;}
.company-address{text-align:center;line-height: 1.3;width:90%;margin:auto;margin-bottom: 35px;}
.map{margin-bottom:50px;}
.recruit-ctt { width: 92%;clip-path: polygon(0 0, 100% 0%, 62% 100%, 0% 100%);}
.h3-recruit { font-size: 150%;}
.r-ctt-bx p {font-size: 85%;}	
	
	
.contact-bg{display:none;}	
.contact-bg-m{display:block;}
.ctt-bx5 {width: 90%;justify-content: center;}
.cta {width:100%;}
.circle-bx{margin-bottom:50px;}	
.contact-btn1 {width: 90%;pointer-events:auto;}
.contact-btn2 {width: 90%;}
.contact-bx1{margin: 10px 0 20px 0;}
.cta p{display:none;}
.cta-p-m {display:block!important;font-size:120%;color:#fff;position: relative;display: inline-block;padding: 0 35px;margin:0;width:70%!important;margin:auto!important;}
.cta-p-m:before{content: ''; position: absolute;top: 60%!important;display: inline-block;width: 40px!important;height: 2px;background-color: #fff;-webkit-transform: rotate(-130deg)!important;transform: rotate(-130deg)!important;}
.cta-p-m:after {content: '';position: absolute;top: 60%!important;display: inline-block;width:40px!important;height: 2px;background-color:#fff;-webkit-transform: rotate(-50deg)!important;transform: rotate(-50deg)!important;right: 0;}	

.footer-logo-m{display:block;text-align:center;margin-bottom:30px;}
.footer-logo-m img{width:30%!important;}
.footer-bx {position:relative;bottom:auto;left:auto;transform:none;}	
.footer-menu {padding-top:30px;}
.footer-bg{display:none;}
.menu-bx{margin-bottom: 100px;}
.menu-ctt {width: 100%;margin:0;font-size: 90%;}
.menu-ctt li {border-bottom:solid 1px #fff;padding: 10px 0 10px 20px;}
.menu-ctt-ul {width: 90%;}
.menu-ctt-ul li{padding-left:40px;}
.menu-ctt-ul li:before {left: 40px;top: 45%;}
.copyright {padding: 10px 0;font-size: 80%;}
#backToTop {bottom: 60px;right:20px;}
	
.h1-under {left: 5%;font-size: 120%;}
.bread {top: auto;left: 5%; bottom: 10px;font-size:75%;}
.under-fv img {width: 100%;height: 35%;object-fit: cover;}
.under-fv {margin-top: 0px;}
.uop-bx { width: 90%;margin-top: 30px;}
.uop-ctt {width: 100%;margin-bottom: 30px;}
.opp {width: 90%;margin: auto;}
.op-inner {padding: 30px 0;}
.opi img {top: 5px;}
.op-est .estimate-ctt {box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);margin: 0 20px 5px 20px;}
.uop-ctt:last-child {width: 100%;}
.op-est {padding: 30px 0 30px 0;}	
.h2-faq {font-size: 120%;}
.h2-faq:before {bottom: -20px;width: 70px;height: 3px;}
.h2-bx {margin-bottom: 20px;}
.under-inner {padding: 30px 0;width:90%;}
.flbg {padding: 30px 0;}
.flinner {padding: 30px 20px;}
.fltxt {padding: 20px;height: 200px;}
.h3-fl {margin:0;}
.flctt {margin-bottom: 20px;width:100%;}
.flarrow {right: auto;top: auto;bottom: -35px;left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}
.flarrow span {transform: rotate(135deg);top: 18px;right: 18px;}
.flarrow2 span {transform: rotate(135deg);top: 18px;right: 18px;}
.flarrow2 {left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);top: -35px;}
.flcaution {padding: 0px 10px;}
.option {padding: 50px 0;}
.banner {width: 90%;margin-top: 100px;}
.banner-bx {width: 100%;margin-bottom: 10px;}
.banner {width: 90%;margin-top: 100px;}
.pcbg {background-size: cover;padding: 50px 0 20px 0;}
.h3-pc { width: 100%;text-align: center;margin: 0;}
.pcinner {width: 90%;margin-bottom:50px;}
.pcbx {padding: 20px;}
.pcctt {width: 100%;}
.pctxt {padding: 20px;height: auto;}
.pcarrow {position: absolute;right: auto;top: auto;bottom: -30px;left: 50%;transform: translateX(-50%);left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}
.pcarrow span {transform: rotate(135deg);top: 18px;right: 18px;}
.pctxt-bx {font-size: 14px;}
.pcarrow2 {position: absolute;right: auto;top: auto;bottom: -30px;left: 50%; transform: translateX(-50%);left: 50%;transform: translateX(-50%);}
.pctxt3 {height: auto;}
.pcarrow2 span { transform: rotate(135deg);top: 18px;right: 18px; }
.pctxt2 {padding: 20px;height: auto;}	
.faq-bx { flex-direction: column-reverse;}
.faq-nav {width: 100%;}
.faq-ctt { width: 100%;}
.q{margin-bottom:10px;}	
.mlbg {background-size: cover;padding: 30px 0 20px 0;}
.mlinner {width: 90%;margin-bottom:30px;}
.h2-ab {font-size: 120%;}
.h2-ab:before {bottom: -20px;width: 70px;height: 3px;}	
.order-left {width: 100%;}
.order-right {width: 100%;}
.ordernum {width: 20%;}
.ordertxt {width: 75%;padding-left: 15px;}
.orderctt {margin-bottom: 30px;}
.numnext {display:none;}
.numnext2 {display:none;}
.orinner {padding: 20px;margin-bottom: 30px;}
.orctt { width: 100%;margin-bottom: 20px;}
.ortxt {height:auto;}
.org {width: 100%;margin-bottom: 20px;}
.orgimg {height: 70px;}
.bl {width: 100%;margin-bottom: 20px;}
.ortxt2 div {width: 100%;}
.orctt2 {margin-bottom: 20px;}
.opg{position:relative;}
.todo-ctt { width: 130px; height: 130px; margin: 5px 10px;}
.todo-ctt2 {margin: 5px 10px;}
.todo-ctt p {font-size: 90%;}
.todo-bg img {height: 500px;}
.todo-bg2 img {height: 800px;}
.p-more-btn {width: 80%;}
.todo-bg {width: 100%;}
.todo-bg2 {width: 100%;}
	
.h2-con {font-size: 120%;}
.h2-con:before {bottom: -20px;width: 70px;height: 3px;}	
.todo {width: 90%;flex-direction: column;}
.h3-todo {padding: 10px 0;width: 100%;writing-mode: horizontal-tb;}
.todo-bg {width: 100%;}
.under-news {padding: 30px 0 50px 0;width: 90%;margin: auto;}
.post-filter {margin-top: 30px;}
.post-list {margin: 50px 0;}
.post-item {padding: 20px 0;}
.post-date {width: 40%;}
.post-category {margin: 0;width: 40%;}
.post-title {width: 90%; margin-top: 20px;}
.news-right {margin-top: 15px;}
.post-bx {padding: 20px;}
.post-content {margin: 50px 0 100px 0;}
.blog-btn-bx {flex-direction: column;}
.contact-btn10 {margin: auto;margin-bottom: 20px;width: 80%;}
.pl{margin-top: 20px;}
.plimg {width: 100%;}
.plctt {width: 100%;}
.h3-pl {padding: 0;text-align:center;}
.plctt p {text-align: left;padding: 0 10px;}
.pflow {background-size: cover;margin-top:0;padding:30px 0;}
.plfinner {padding: 20px;}
.plfbx {padding: 0;}
.plftxt p {height:auto;}
.plfctt {margin-bottom: 20px;width:100%;}
.btmimg{width:100%;}
.btmimg img{width:100%;}
.plfbtm{margin-bottom: 30px;flex-wrap:wrap;position:relative;}
.plfcaution {padding: 10px;}
.h4-plf2 {width: 80%;}
.plfarrow {position: absolute;right: auto;top: auto;bottom: -30px;left: 50%;transform: translateX(-50%);left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}	
.plfarrow span {transform: rotate(135deg);top: 18px;right: 18px;}	
.plfarrow2 span {transform: rotate(135deg);top: 18px;right: 18px;}
.plfarrow2 {left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);top: -35px;}	
.plfarrow3 {width: 50px;height: 50px;border-radius: 50%;position: absolute;right: -35px;background-color:#FFA326;z-index: 1;display:block;left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);top: -35px;}
.plfarrow3 span {display: inline-block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg);top: 18px;right: 18px;position: absolute;}	
.prepare {clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);padding: 70px 0 30px 0;}
.h2-pp{font-size:120%;}
.h2-pp:before {bottom: -20px; width: 70px; height: 3px;}
.pp {width: 90%;flex-direction: column;align-items: center;}
.ppimg img{width:70%;}
.ppimg{text-align:center;}
.h4-pp {margin-top:0;}
.prepare .faqp {width:90%;margin:auto;}
.ppacd-bx {width:90%;}
.qbx{width:87%;}
.qbx2{width:10%;}
.es-inner {padding: 30px 0 0 0;}
.tab-buttons {width: 100%;}
.tab-button {width: 32%;padding: 10px 0; font-size: 80%;}
.es-fv {margin-bottom: 30px;}
#visit .faqp{width:90%;margin:auto;}
#line .faqp{width:90%;margin:auto;}
#online .faqp{width:90%;margin:auto;}
.es-five {width: 90%;flex-wrap:wrap;}
.esfctt {width: 42%;padding: 10px;margin-top: 15px;}
.esflow { flex-wrap: wrap;width: 90%;margin-bottom:30px;}
.esflow-ctt {width: 100%;margin-bottom: 50px;}
.esarrow {position: absolute;right: auto;top: auto;bottom: -30px;left: 50%;transform: translateX(-50%);left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);}	
.esarrow span {transform: rotate(135deg);top: 18px;right: 18px;}
.es-bx {width: 90%;flex-direction: column;justify-content: center;align-items: center;}
.escircle {margin-right: 0;margin-bottom:20px;width: 300px;height: 300px;}
.es-bx2 {width: 90%;flex-direction: column;justify-content: center;align-items: center;}	
.escircle2 {margin-left: 0;margin-bottom:20px;width: 300px;height: 300px;}
.es-bx3 {width: 90%;flex-direction: column;justify-content: center;align-items: center;}	
.escircle3 {margin-left: 0;margin-bottom:20px;width: 300px;height: 300px;}	

.acd-bx {width: 90%;}
.esflow-ctt2 {width: 100%;margin-bottom: 20px;}	
.esflow-ctt3 {width: 100%;margin-bottom: 20px;}		

.line-area { padding: 20px; margin: 30px 0;}
.h3-line {text-align:center;margin-top:0;}
.line-bx {flex-direction: column;}
.line-txt {width: 100%;}
.line-ctt {width: 50%;margin-top: 20px;}
.h3-tel {text-align:center;margin-top:0;}
.tel-ctt {width: 100%;margin-top: 20px;}
.table-contact th { width: 100%;display: block;border:none;padding-bottom:0;}
.table-contact th p{margin-bottom:0;}
.table-contact td { width: 100%;display: block;padding:0;}
.td-name{display:inline!important;}
.td-name2{width: 100% !important;height: 0;padding: 0 !important;}
.contact-btn-bx {flex-direction: column;width: 100%;margin-top: 30px;align-items: center;}
.contact-btn-bx div {width: 90%;}
.table-contact {width: 100%;}
.company-title { top: 10vw;}
.comp-bx {flex-direction: column;top: 180px;transform: translateX(-50%);left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);width:90%;}
.comp-img {width: 100%;}
.comp-ctt {padding: 20px; top: auto;right: auto;font-size: 100%;margin-top: 30px;width:auto;}
.comp-tbl {bottom: 0;transform: translateX(-50%);left: 50%;transform:translateX(-50%);-webkit- transform: translateX(-50%);width:90%;}
.comp-table-l {width: 100%;border-right: none;}
.comp-table-l th {text-align: left;width: 30%;}
.comp-table-l td {padding-left:0;}
.comp-table {width: 100%;}
.comp-table th {text-align: left;width: 30%;}
.comp-table td {padding-left:0;}
.ct-bx {width: auto;flex-direction: column;padding: 20px;}
.comp-bg-img img{display:none;}
.comp-bg-img {background-image:url(img/comp-bg.jpg);background-size:cover;height:950px;}
.recinner {width: 90%;overflow: hidden;}
.h2-rec {font-size:120%;}	
.h2-rec:before {bottom: -20px;width: 70px;height: 3px;}	
.rec-table-bx {width: 90%;margin-bottom: 30px;}
.h4-rec2 {width: 40%;padding:10px;}
.rec-table th {padding: 10px;}
.rec-table td {padding: 10px;}
.treat {width: 90%;margin-bottom: 50px;}
.treat-bx {width: 90%;}
.h3-rec2 {margin: 50px 0 20px 0;}
.entry {width: 90%;}
.entry-btn {width: 60%;}
.entry-table th {width: 100%;display: block;border-bottom: none;padding-bottom:0;}
.entry-table th p{margin:0;}
.entry-table td {width: 100%;display: block;padding-top:0;}	
.entry-table td p{margin:0;}	
.message {width: 90%;}
.president-txt {width: 100%;}
.president-img {width: 100%;text-align: center;}
.president-img img {width: 40%;}
.h3-pre {margin-top: 30px;text-align: center;}
.merit {width: 90%;}
.merit-ctt {width: 100%;margin-bottom: 30px;}
.merittxt {height:auto;}
.merit-area {padding: 50px 0 0 0;}
.recflow {flex-direction: column;align-items: center;}
.rflowc-bx {margin-bottom: 20px;}
.recarrow {display:none;}
.recbx {flex-direction: column;margin-bottom: 20px;}
.recbx2 {flex-direction: column-reverse;margin-bottom: 20px;}
.recimg {width: 100%;position: relative;}
.recctt {width: 100%;padding: 20px 0;}
.recimg img {width: 130%;left: -90px;position: relative;}
.h4-rec {width: 80%;margin: auto;margin-bottom:10px;}
.recctt p {width: 80%;margin: auto;}
.recctt2 {width: 100%;padding: 20px 0;}
.recctt2 p {width: 80%;margin: auto;}
.arrow-entry {right: -400px;}
.move {flex-direction: column;}
.m-arrow { bottom: 0px;}

.rec-table p{margin:0;}
.h3-rec3 {margin: 20px 0;left:auto;}
.recbg-inner {flex-direction: column;width: 90%;}
.recbg2-img img {height:100vw;}
.recbg-ctt {width: 100%;}
.form-btn-bx {flex-direction: column;align-items: center;}
.form-btn-bx div {width: 90%;}
.form-btn-bx div p {margin:0;}
.arrow-right6 { bottom: 36px;right:-50vw;}
.arrow-right7 {bottom: 36px;;right:-50vw;}
.contact-btn7 {width: 100%;}
.contact-btn8 {width: 100%;}
.form-ctt2 {width: 100%;font-size: 90%;}
.form-ctt3 {flex-direction:column;height:auto;}
.form-img3 {width: 100%; }
.name3 {width: 100%;}
.name3 p {flex-direction:column;}
.name34 {width: 100%;}
.bc {width: 50%;}
.bc-bx {padding: 5px 10px;}
.name35 {width: 100%;}
.bc2 {width: 80%;}
.under-voice{padding:30px 0 50px 0;}
.vbx {width: 90%;}
.vctt {width: 100%;}
.under-ppy{width:90%;padding:50px 0;}
.thanks-bx {margin-top: 50px;}
.h3-pc{font-size: 130%;}
.ab-bx2 { width: 90%;}
.atmpt-ctt {width: 100%;margin-bottom:20px;}
.atmpt { padding: 0 30px 10px 30px;}
.atmpt { padding: 0 20px 20px 20px; }
.h3-atmpt {left:0;}
.atmpt-icon img { width: 12% !important; top: 10px;}
.atmpt-txt {padding: 10px;font-size: 100%;}
.ab-bg {padding: 30px 0;}
.atmpt-ttl img {height: 10vw;}
.ab-voice .prev-arrow {left: 5%!important;}
.ab-voice .slide-arrow {top: 100px;bottom: auto; left: auto;}
.ab-voice .next-arrow {right: 5%;}
.ab-voice {padding: 50px 0 120px 0;}
.ab-voice .more-bx {justify-content: center;width: 100%;}
.ab-est {padding: 50px 0;}
.atmpt-txt {height: auto;}
.ab-ctt { flex-direction: column;}
.ab-pt {font-size: 200%;width:100%;  text-align: center;}
.ab-txt{width:100%;}
.ab-ctt {margin-bottom: 10px;margin-top: 20px;}
.ab-plan {padding: 30px 0 50px 0;}
.h3-ab {margin: 0px 0 5px 0;}
.news-bg-m img{height: 85vw;}
.news-title {margin-bottom: 30px;}
.estimate-bg-m img {height: 120vw;}
.service-bg-m img{height: 330vw;}
.op-ctt img {width: 30%;}
.sml-img img {width: 23% !important;}
.contact-bg-m img{height:80vw;}
.todo-ctt2 {margin: 15px;width: 120px;height: 120px;}
.escircle p { font-size: 80%;}
.escircle2 p { font-size: 80%;}
.escircle3 p { font-size: 90%;}
.recbg-ctt p{font-size:3vw;}
	
}	

/*600px以下*/
@media screen and (max-width: 600px){		
.arrow-right6 { bottom: 36px;right:-50vw;}
.arrow-right7 {bottom: 36px;right:-50vw;}
.abtop{clip-path:polygon(100% 0, 100% 93%, 50% 100%, 0 93%, 0 0);padding: 30px 0 70px 0;}
.news-bg-m img{height: 120vw;}
.news-ctt {top: 48vw;}
.plan-ctt {padding-bottom: 15vw;}
.estimate-bg-m img {height: 170vw;}
.estimate-ctt {padding-bottom: 15vw;}
.service-bg-m img{height: 400vw;}
.op-ctt img {width: 40%;}
.sml-img img {width: 33% !important;}
.op-ctt {height: 100px;}
.check img {width: 80%;}
.company-bg-m img {height: 220vw;}
.ctt-bx4 {top: 100vw;}
.company-title {top: 5vw;}
.contact-bg-m img{height:auto;}
.todo-bx { width: 95%;}
.todo-bx2 { width: 95%;}
.todo-bx3 { width: 95%;}
.todo-ctt2 {margin: 10px;}
}
	
/*524px以下*/
@media screen and (max-width: 524px){	
.todo-bg img {height: 800px;}
.todo-bg2 img {height: 1000px;}
.todo-ctt {margin: 5px;}
.todo-ctt2 {margin: 5px;width: 120px;height: 120px;}
.todo-bx2{padding: 20px 10px;width: 90%;}
.todo-bx2 .todo-ctt{width:120px;height:120px;}
.todo-bx3 .todo-ctt{width:120px;height:120px;}
.todo-bx3 { width: 90%;}
}
/*480px以下*/
@media screen and (max-width: 480px){	
	.todo-bx3 {bottom: -30vw;}
	

/*428px以下*/
@media screen and (max-width: 428px){	
.plan-ctt {padding-bottom:20vw;}
.table-example {font-size: 80%;}
.example-ctt {padding: 20px 0 30px 0;}
.service-ctt p {font-size: 80%;}
.service-bx {margin-bottom: 20px;}
.op-ctt {height: 100px;}
.guide-title {top: 130px;}
.company-address {margin-bottom: 30px;}
.company-title {top: 40px;}	
.check {bottom: 160px;left: 20px;}
.check img {width: 50%;}
.opg{position:relative;}
.td-address p span {margin-left:0;}
.td-name p {margin-right:0;}
.table-contact {width: 100%;left: -10px;position: relative;}
.arrow-entry {right: -230px;}
.recimg img {left: -45px;}
.treat-bx {padding: 20px 10px;}
.treat-ctt {width: 100%;font-size: 90%;}
.treat-tag3 {width: 48%;}
.h4-rec2 {width: 60%;}
.entry-table {width: 90%;}
.move-bx {padding: 10px;margin: 20px 0;}
.form-ctt {width: 100%;}
input.wpcf7-form-control.wpcf7-text{width:100%;}
.esc-img img {width: 50%;}
.plfinner {width: 80%;}
.flinner {width: 80%;}
.ctelnum {font-size: 180%;}
.h3-uop {padding: 0 10px;}
.move-bx .table-contact {margin:20px 10px;}
.news-bg-m img{height: auto;}
.news-ctt {top: 60vw;}
.service-bg-m img{height: 370vw;}
.company-bg-m img {height: 250vw;}
.ctt-bx4 {top: 125vw;}
.recruit-bx {bottom: -20vw;}
.todo-bx3 {bottom: -36vw;}
}