@charset "UTF-8";

/* ==============================
   TABLET 951px - 1250px
============================== */
.block,.block800{width:calc(100% - 60px);max-width:none;}
.pa{padding:80px 0;}
.pat0{padding:0 0 80px;}
.pab0{padding:80px 0 0;}
.mb80{margin-bottom:60px;}
.tl{padding-left:34px;margin-bottom:40px;font-size:155%;letter-spacing:0.22em;}
.tl::before{top:18px;width:22px;}
.tl_copy{margin:-10px 0 40px;}
.btn a{width:min(100%,340px);}
.btns{width: 100%;}
.btns li{width: auto;}
.btns .btn a{min-width: 300px}
table th,table td{padding:22px;}
table td dl dt{width:22%;}
table td dl dd{width:78%;}

/* HEADER */
#head{padding:24px 30px;}
#head #logo{width:180px;}
#head .btn a{height:34px;}
#nav{padding:0 10px 0 0;}
#nav > li > a{padding:16px 9px;}
#nav > li > a::after{left:9px;bottom:7px;width:22px;}
#nav > li > ul{width:280px;}
#nav > li > ul > li > a{padding:12px 16px;}

/* FOOTER */
#foot > div.flex{display:block;padding:50px 30px 80px;}
#foot dl.flex{display:flex;flex-wrap:wrap;justify-content:center;}
#foot dt,#foot dl > dd > a{padding:15px 12px;}
#foot p{text-align:center;}

/* FIRST VIEW / MAIN VIEW */
.asset-puzzle{max-width:760px;margin-top:35px;}
.first-view__content p.tl_img{width:500px;margin-top:35px;}
.first-view p.arw{margin-top:60px;}
#second #mainview p{padding:0 30px;}
#second #mainview div h1{font-size:200%;letter-spacing:0.22em;}

/* HOME */
.sec01 > .flex,.sec02 > .flex{gap:30px;}
.sec01 .w50,.sec02 .w50{width:calc(50% - 15px);}
.sec02 span.copy{padding:20px 38px 20px 18px;}
.sec02 span.copy dt{font-size:125%;}
.sec02 span.copy dd{font-size:90%;}
.sec03 .left{width:270px;}
.sec03 .right{width:calc(100% - 310px);}
.sec03 .left .btn a{width:230px;margin-left:40px;}
.sec03 .right li a{padding:38px 50px 38px 25px;}

/* COMPANY */
.co_sec01 > .flex,.co_sec03 > .flex,.co_sec04 > .flex{gap:40px;}
.co_sec01 .w50,.co_sec03 .w50,.co_sec04 .w50{width:calc(50% - 20px);}
.co_sec02 .rinen{height:330px;}
.co_sec05 td dt{width:13em;}
.co_sec05 td.reki dt{width:8em;}
.co_sec05 td .flex li{width:50%;}
.co_sec06 > .flex{gap:20px;}
.co_sec06 .w31{width:calc((100% - 40px) / 3);}

/* JOINERY / KATARACK */
.jo_img02_wide{width:100%;margin-left:0;margin-right:0;}
.jo_sec03 li{padding:25px 8px 0;}
.jo_sec03 li:after{right:-38px;background-size:65px 65px;width:65px;height:65px;}
.jo_sec03 li dd{font-size:145%;}
.riyu_area{padding:40px;}
.ka_sec01 > .flex{gap:35px;}
.ka_sec01 .w55{width:55%;}
.ka_sec01 .w45{width:calc(45% - 35px);}
.ka_sec03 .flex dl{padding:0 35px;}
.ka_sec04 .flex{gap:0 3%;}
.ka_sec04 .flex li{width:31.3%;padding:24px;}

/* OPTION */
.op_sec01 {min-height: 800px}
.op_sec01 > .flex{gap:35px;}
.op_sec01 .w65{width:62%;}
.op_sec01 .w35{width:35%;}
.btns .nishi a,.btns .higashi a{height:76px;}
.chiki_tl{margin-bottom:40px;font-size:150%;}
.op1_sec01 ol{gap:12px;}
.op1_sec01 ol li{width:calc((100% - 48px) / 5);padding:28px 12px 0;}
.op1_sec01 ol li:after{right:-38px;background-size:65px 65px;width:65px;height:65px;top:2.5vw;}
.op1_sec01 ol li dd{font-size:110%;}
.op1_sec01 .btn_area .big a{height:90px;}
.op1_sec01 .btn_area .btns li{margin-top: 4%;}
.op1_sec01 .btn_area .btns li a{height:75px;}
.op2_sec01 > .flex{align-items:stretch;}
.op2_sec01 > .flex .tl{margin-bottom:30px;}
.op2_sec01 > .flex .btn{flex:0 0 320px;}
.op2_sec01 > .flex .btn a{width:100%;}
.parent-nishi table th,.parent-nishi table td,.parent-higashi table th,.parent-higashi table td{padding:22px;}
.parent-nishi table td ul li,.parent-higashi table td ul li{width:50%;}
.parent-nishi table td ul li input,.parent-higashi table td ul li input{width:52%;}
.form-buttons .form-btn{width:330px;margin:0 10px;}

/* RECRUIT */
.re_sec01 > .flex{gap:35px;}
.re_sec01 .w50{width:calc(50% - 17.5px);}
.re_sec01 iframe{width:100%;aspect-ratio:16 / 9;height:auto;}
.re_sec02 > .flex{display:block;}
.re_sec02 .honsha,.re_sec02 .kojo{width:100%;}
.re_sec02 .kojo{margin-top:25px;}
.re_sec02 .kojo li{min-height:110px;}
.re_sec03 ol{gap:30px;}
.re_sec03 li{width:calc((100% - 60px) / 3);}
.re_sec03 li:after{right:-28px;}
.re_sec06 .btn a{width:min(100%,680px);}

/* REFORM */
.ref_sec01 > .flex,.ref_sec02 > .flex{gap:40px;}
.ref_sec01 .w50,.ref_sec02 .w50{width:calc(50% - 20px);}
.ref_sec03 .bk_img{min-height:400px;padding:35px 40px;}
.ref_sec03 .bk_img ul{width:55%;padding:25px 28px;}
.ref_sec04 .bk_img ul{gap:20px;}
.ref_sec04 .bk_img dl{padding:18px 58px 18px 18px;}
.ref_sec04 .bk_img dl::after{font-size:340%;}
.re_sec06{padding:45px 35px;margin-bottom:80px;}
.re_sec06 .btn a{width:min(100%,680px);height:90px;}

/* CONTACT */
.con_sec01 > .flex{gap:25px;}
.con_sec01 dl{min-height:190px;padding:25px 20px;}
.con_sec01 dd strong{font-size:320%;}

/* NEWS */
.news .left{width:65%;}
.news #sidebar{width:30%;}
.blogsingle .entrybody h2 a{font-size:125%;}

/* ANIMATION */
.body-gradient-background{height:900px;}
.gradient-object--left{top:-8%;left:-35%;width:105vw;}
.gradient-object--right{top:-3%;right:-31%;width:76vw;}

.scroll-guide{display:none;}