@charset "UTF-8";

/*=====トップ=====*/
/*.instagram{display:flex;flex-wrap: wrap;}*/
/*.instagram li{width:calc(100%/4);}*/
/*.instagram a{display: block;}*/
/*.instagram span{display: block;height: 0;width:100%;padding-bottom:100%;background-repeat: no-repeat;background-size:cover;}*/
.topWorkWrap{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top:80px;}
.topWorkWrap .workItem{width:calc(100%/5);}
.topWorkWrap .iconWrap{width:50%;margin:0 auto;margin-bottom:20px;}
.topWorkWrap h3{font-weight:bold;margin-bottom:20px;letter-spacing:2px;}
.topAboutWrap{margin-top:50px;}
.topAboutWrap dl{display:flex;width:450px;margin:0 auto;}
.topAboutWrap dt,.topAboutWrap dd{text-align:left;letter-spacing:2px;padding-bottom:15px;}
.topAboutWrap dt{width:35%;}
.topAboutWrap dd{width:75%;}
.topAboutUndWrap{display:flex;justify-content: space-between;}
.topAboutBtn{width:calc(100%/3);}
.topAboutBtn:hover h3{color:#ec6c00;}
.topAboutBtn div{display: block;width:100%;padding-top:28%;padding-bottom:28%;}
.topAboutBtn:first-of-type div{background-image:url(../img/top/bt1.jpg);background-repeat: no-repeat;background-size:cover;}
.topAboutBtn:nth-of-type(2) div{background-image:url(../img/top/bt2.jpg);background-repeat: no-repeat;background-size:cover;}
.topAboutBtn:last-of-type div{background-image:url(../img/top/bt3.jpg);background-repeat: no-repeat;background-size:cover;}
.topAboutBtn a{display:block;}
.topAboutBtn h3{font-size:26px;text-align:center;color:#fff;font-family: ff-basic-gothic-pro, sans-serif;font-style: normal;letter-spacing:3px;transition:0.4s;}
.topAboutBtn h3 span{font-size:14px;}
.topJobWrap{margin-top:30px;}
.topJobWrap .iconWrap{width:70px;margin:0 auto;margin-bottom:30px;}
.topContWrap{padding:100px 0;}
.contactBtnWrap{display:flex;justify-content:space-around;margin-top:100px;}
.contactBtnWrap  > div {text-align:center;width:380px;}
.contactBtnWrap  > div > a{border:1px solid #4d4d4d;display:block;padding:50px 0;}
.contactBtnWrap  > div > a:hover{background-color:#ec6c00;border-color:#ec6c00;}
.contactBtnWrap  > div > a:hover > h2{color:#fff;border-bottom:2px solid #fff;}
.contactBtnWrap  > div > a:hover > p{color:#fff;}
.contactBtnWrap .logoWrap{font-size:45px;margin-bottom:20px;}
.contactBtnWrap h2{font-size:26px;border-bottom:2px solid #4d4d4d;display:inline-block;padding-bottom:5px;letter-spacing:4px;margin-bottom:20px;transition: 0.4s;}


.secnews .flexWrap{display:flex;}
.secnews h2{font-size: 24px; color: #ec6c00; line-height: 48px; font-weight: 600; letter-spacing: .1em; margin-bottom: 20px;}
.secnews .ttl{font-size: 90px; color: #ec6c00; line-height: 80px; font-family: 'Teko', sans-serif; letter-spacing: .05em;}
.secnews .wrap10{padding:80px 0;}
.secnews .flexWrap{justify-content: space-between;}
.secnews .rightWrap{width:650px;}
.secnews table{width: 100%;}
.secnews tr{border-bottom:1px solid #cccccc;}
.secnews th,
.secnews td{padding:15px 0;color:#000;}
.secnews th{letter-spacing: .2em;width: 180px;text-align: left;}
.secnews td{letter-spacing: .1em;}
.secnews td a:hover{color:#ec6c00;}
.secnews .btnWrap a{font-size: 16px;display: inline-block;border: 1px solid #ec6c00;padding: 5px 40px;letter-spacing: 2px;}
.secnews .btnWrap a:hover { color: #fff!important; background-color: #ec6c00; border-color: #ec6c00;}


/*=====アバウト=====*/
.rinen{padding:80px 0 100px 0;}
.rinen .h2DetTtl{text-align:center;}
.rinen .textSideBy{margin-top:30px;}
.rinen .textSideBy p{text-align:center;width:100%;}
.rinen .textSideBy span{font-weight:bold;font-size:18px;line-height:50px;}
.greating{display:flex;justify-content: space-between;padding:100px 0;}
.greating div{width:470px;}
.greating .h2DetTtl{margin-bottom:30px;}
.president{font-size:14px;text-align:right;margin-top:30px;letter-spacing:2px;}
.president span{font-size:20px;margin-left:30px;}
.archiv{padding:100px 0;}
.archiv h2{text-align:center;}
.archivTable{height:400px;overflow: auto;}
.archiv table{width:100%;}
.archiv tr{border-bottom:1px solid #888888;}
.archiv tr:first-of-type{border-top:1px solid #888888;}
.archiv td{width:12%;padding:15px 0;}
.archiv td:first-of-type{color:#808080;}
.archiv td:nth-of-type(3){width:26%;}
.archiv td:last-of-type{width:40%;}
.archiv td span{background-color:#ec6c00;color:#fff;display: inline-block;padding:0 5px;margin-right:10px;}
.location{padding:100px 0;}
.location h2{text-align:center;}
.location h3{font-size:20px;margin-bottom:20px;letter-spacing:3px;font-weight:bold;}
.locationWrap{display:flex;justify-content: space-between;}
.locationWrap div:last-of-type{width:570px;}
.locationWrap th,.locationWrap td{text-align:left;vertical-align: top;padding:10px 0;}
.locationWrap th{width:15%;letter-spacing:1px;}
.locationWrap td{width:75%;letter-spacing:1px;}
/*=====詳細工法=====*/
.methodInt{padding:100px 0 0 0;}
.methodInt h2{font-size:16px;border-bottom:1px solid #808080;margin-bottom:20px;}
.methodInt h2:hover{cursor:pointer;color:#ec6c00;}
.methodInt .arrow i{margin-right:20px;transition:0.4s;transform: rotate(0deg);}
.methodInt h4{margin-bottom:20px;}
.rotate{transform: rotate(180deg)!important;}
.firstWrap{display:flex;justify-content: space-between;}
.moreBox:nth-of-type(2n) .firstWrap > div:first-of-type{order:2;}
.firstWrap > div{width:470px;text-align:left;}
.firstWrap .h2DetTtl{margin-bottom:10px;line-height:40px;}
.type{display:inline-block;background-color:#808080;color:#fff;padding:0 10px;margin-bottom:20px;}
.firstWrap.suishin{border-bottom:3px dotted #e6e6e6;}
.firstWrap.suishin > div:first-of-type{width:380px;}
.firstWrap.suishin > div:last-of-type{width:570px;}
.moreBox:nth-of-type(2) .firstWrap.suishin > div:first-of-type{width:570px;}
.moreBox:nth-of-type(2) .firstWrap.suishin > div:last-of-type{width:380px;}
.type.first{background-color:#ec6c00;}
.secondWrap{text-align:left;margin-top:20px;}
.secTextWrap{display:flex;justify-content: space-between;}
.secTextWrap p{width:470px;}
.thirdWrap{display:flex;text-align:left;justify-content: space-between;margin-top:20px;}
.thirdWrap div{width:470px;}
/*=====ワークス推進=====*/
.descText .sourceF{font-family: ff-basic-gothic-pro, sans-serif!important;font-style: normal;font-weight: bold;font-size:50px;}
.descText .desc{font-size:14px;line-height:28px;}
.worksBtn{background-color:#e6e6e6;padding:100px 0;}
.worksBtnWrap{display:flex;justify-content: space-between;}
.worksBtnWrap h2{font-size:26px;border-bottom:2px solid #4d4d4d;display:inline-block;padding-bottom:5px;letter-spacing:4px;margin-bottom:20px;transition: 0.4s;}
.worksBtnWrap > div{width:450px;text-align:center;}
.worksBtnWrap  > div > a{border:1px solid #4d4d4d;display:block;padding:30px 0;background-color:#fff;}
.worksBtnWrap  > div > a:hover{background-color:#ec6c00;border-color:#ec6c00;}
.worksBtnWrap  > div > a:hover > h2{color:#fff;border-bottom:2px solid #fff;}
.worksBtnWrap  > div > a:hover > p{color:#fff;}
.descriptionContena.small,.descText.formRight.small{height:auto;}
.contena1050{padding-top:80px;}
.worksMore{width:1000px;margin:0 auto;padding-bottom:100px;}
.worksMoreWrap{display:flex;justify-content: space-between;}
.worksMoreWrap p{width:470px;}



.works_sub .contena1050{max-width:100%;}
.works_sub .sublinks{display:flex;justify-content:center;margin-top: 15px;}
.works_sub .sublinks >*{font-size:16px;line-height:20px;padding:5px;margin: 0 20px;font-weight:bold;}
.works_sub .sublinks p{color:#ec6c00;}
.works_sub .sublinks a:hover{color:#ec6c00;}

.works_sub .twoblock{width:1000px;max-width:100%;margin: 0 auto 90px; display:flex;justify-content:space-between;}
.works_sub .twoblock > *{width:470px;}

.works_sub .oneblock{width:750px;max-width:100%;margin: 0 auto;}
.works_sub .oneblock > *{width:100%;margin-bottom:30px;}
.works_sub .oneblock > *:last-child{margin-bottom:0;}

.works_sub .main_title{font-size:30px;padding-bottom:30px;border-bottom:1px solid #4D4D4D;margin-bottom:30px;color:#E96B01;}
.works_sub .title{font-size:20px;margin-bottom:20px;font-weight:bold;}
.works_sub .text{font-size:14px;line-height:28px;text-align:justify;}

.works_sub .borderT{padding-top:80px;margin-top:80px;border-top:1px solid #4D4D4D;}
.works_sub .borderB{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #4D4D4D;}

.works_sub .linkblock{display:block;width:600px;max-width:90%;height:250px;box-sizing:border-box;margin: 0 auto;border:1px solid #4D4D4D;text-align:center;position:relative;}
.works_sub .linktexts{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);width:100%;}
.works_sub .linktitle{font-size:26px;padding-bottom:15px;margin-bottom:20px;border-bottom:2px solid #4D4D4D;display:inline-block;}
.works_sub .linktext{font-size:14px;line-height:28px;}

.works_sub .linkblock:hover{background:#ec6c00;border-color:#ec6c00;}
.works_sub .linkblock:hover *{color:#FFF;border-color:#FFF;}


/*=====施工実例推進=====*/
.acWrap{display:flex;justify-content:space-between;flex-wrap: wrap; margin-top:20px;width:470px;}
.acWrap div{width:150px;margin-top:20px;}
/*=====特集ページ=====*/
.feature > h2{text-align: center;margin-top:50px;}
.feature h2{color:#ec6c00;font-size:28px;margin-bottom:20px;font-weight:bold;line-height:54px;}
.feature h3{line-height:60px;color:#ec6c00;font-size:24px;font-weight:bold;}
.feature p{font-size:16px;line-height:32px;}
.featWrap{display:flex;justify-content: space-between;margin-top:70px;}
.featWrap > div{width:470px;}
.featBorderWrap{display:flex;justify-content: space-between;border:5px solid #ec6c00;margin-top:70px;padding:20px;align-items: center;}
.featBorderWrap > div:first-of-type{width:480px;}
.featBorderWrap > div:last-of-type{width:430px;}
.featPhoto{margin-top:50px;}
.featToAc{text-align:center;margin-top:50px;}
.featToAc div{width:300px;margin-left:auto;}
.featToAc a{display:block;color:#000;font-size:28px;background-color:#ec6c00;text-align:center;padding:15px 0;}
.featToAc a span{color:#fff;font-size:14px;vertical-align: bottom;margin-left:20px;}
.featToAc a:hover{background-color:#E2E2E2;}
/*=====特集リスト=====*/
.feature.list div{width:700px;max-width:100%;margin:0 auto;margin-bottom:30px;}
.feature.list div:last-of-type{margin-bottom:0;}
/*=====求人TOP=====*/
.recTopWrap{display:flex;justify-content: space-between;padding:100px 0;}
.recTopWrap > div{width:450px;}
.topWrap.recTop .greating{text-align:left;}
.topWrap.recTop .greating:last-of-type{padding-top:0px;}
.topWrap.recTop .greating:last-of-type > div:first-of-type{order:2;}
.recBtnWrap{background:url(../img/recruit/top/bg.jpg) no-repeat;padding: 100px 0;}
.recBtnWrap > div{display: flex;justify-content: space-between;text-align:center;}
.recBtnWrap a{color:#fff!important;border:1px solid #fff;padding:50px 0;display:block;font-size:26px;letter-spacing:2px;transition: 0.4s;width:450px;}
.recBtnWrap a:hover{background-color:#ec6c00!important;border:1px solid #ec6c00!important;}
/*=====募集要項=====*/
.requireWrap{padding:100px 0;}
.requireWrap .btn{display:block;border:1px solid #4d4d4d;padding:3px;min-width:150px;box-sizing:border-box;}
.requireWrap .btn.active{pointer-events:none;color:#ec6c00!important;border-color:#ec6c00;}
.requireWrap .btn:hover{border-color:#ec6c00;}
.requireWrap h2{text-align:center;}
.requireWrap table{width:800px;margin:0 auto;}
.requireWrap tr:first-of-type{border-top:1px solid #000;}
.requireWrap tr{border-bottom:1px solid #000;}
.requireWrap th,.requireWrap td{text-align:left;font-size:16px;vertical-align: middle;padding:15px;}
.requireWrap th{font-weight:bold;width:21%;letter-spacing:2px;}
.requireWrap td{width:79%;letter-spacing:1px;text-align:justify;}
.entTextBox{border:1px solid #000;display:inline-block;margin-top:50px;}
.entTextBox p{font-size:24px;line-height:35px;letter-spacing:2px;padding:10px 30px;}
.entTextBox p span{font-size: 18px;font-weight:bold;}
.entTextBox a{display:block;}
/*=====エントリー=====*/
.formWrap{padding-bottom:100px;}
.formWrap .at{width:800px;margin:0 auto;margin-bottom:10px;}
.formWrap span{color:#ec6c00;}
.formWrap table{width:800px;margin:0 auto;}
.formWrap tr{border-bottom:1px solid #000;}
.formWrap tr:first-of-type{border-top:1px solid #000;}
.formWrap th,.formWrap td{text-align:left;font-size:16px;letter-spacing:2px;padding:20px 10px;vertical-align: top;}
.formWrap th{width:30%;font-weight:bold;}
.formWrap td{width:70%;}
.formWrap input[type="checkbox"]{margin-right:10px;}
.formWrap label{margin-right:20px;}
.formWrap input,.formWrap textarea{border:1px solid #000;border-radius: 5px;padding:2px 5px;font-size:14px;}
.formWrap textarea{width:100%;}
.form0{width:40%;}
.form1{width:80%;}
.sbBtn{width:200px;margin:0 auto;margin-top:30px;}
.sbBtn input{width:100%;border-radius: 0;transition: 0.4s;}
.sbBtn input:hover{background-color:#ec6c00;cursor:pointer;border:1px solid #ec6c00;color:#fff;}
/*=====過去デザイン=====*/
.descText,.descImg,.descriptionContena{height:auto;margin-top:0;}
.descImg.formLeft.small{height:auto;}
.contena1050{padding-top:100px;padding-bottom:100px;}


.news .flexWrap{display:flex;}
.news .artWrap{padding:50px 0;}
.news .ttl{font-size: 90px; color: #ec6c00; line-height: 80px; font-family: 'Teko', sans-serif; letter-spacing: .05em;}
.news .sec1{width: 890px;margin:0 auto;padding-bottom: 100px;}
.news .sec1 .wrap{border-bottom:1px solid #1a1e24;padding:50px 0;}
.news .sec1 .wrap:first-of-type{padding-top:0;}
.news .sec1 .day{font-size:20px;font-weight:600;line-height: 46px; color:#808080;letter-spacing: .2em;position:relative;}
.news .sec1 .day::after{position:absolute;content: "";width:50px;height:1px;background-color:#1a1e24;top:23px;right: -70px;}
.news .sec1 h2{font-size:26px;font-weight:600;line-height:46px;letter-spacing: .2em;margin-bottom:20px;}
.news .sec1 .rightWrap{width:640px;margin-left: auto;}

.news.det .wrap{border:none;padding:0;}
.news.det .sec1 .rightWrap{width:100%;}
.news.det .sec1 h2{margin-bottom: 50px;}
.news.det .sec1 .day{margin-top:0;}
.news.det .sec1 .day::after{display: none;}
.news.det .sec1 .text{margin-top:80px;}
.news.det .sec1 .btnWrap{text-align: center;margin-top: 50px;display:flex;justify-content:space-between;}
.news.det .sec1 .btnWrap >*{margin: 0;padding:5px 20px;border:1px solid #333333;}
.news.det .sec1 .btnWrap >*:hover{border-color:#ec6c00;}
.news.det .sec1 .btnWrap >*:first-child{margin-right: auto}
.news.det .sec1 .btnWrap >*:last-child{margin-left: auto}


.news.det .bx-wrapper{border: none;box-shadow: none;margin-bottom: 30px;background-color: inherit;width:600px;margin:0 auto;}
.news.det .bx-pager{display: flex;flex-wrap: wrap;align-items: flex-start;width:600px;margin:0 auto;margin-top: 30px;}
.news.det .bx-wrapper .newsfit2{height: 400px;position: relative;}
.news.det .bx-wrapper .newsfit2 img{object-fit: contain;width: 100%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.news.det .bx-pager .newsphoto2{display: block;width: calc(100%/4.5);margin-right: 3.7%;position: relative;overflow: hidden;}
.news.det .bx-pager .newsphoto2::before{content: "";display: block;padding-top: 100%;}
.news.det .bx-pager .newsphoto2:last-of-type{margin-right:0;}
.news.det .bx-pager .newsphoto2 img{object-fit: cover;width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/*=====ぺんぎん=====*/
.news .penguin{display:flex;flex-wrap: wrap;margin-top:60px;justify-content: center;}
.news .penguin li{margin:0 5px 5px 5px;}
.news .penguin span{display: block;padding:9px 15px;}
.news .penguin .now{background-color:#333333;border:1px solid #333333;}
.news .penguin a{display: block;border:1px solid #333333;padding:9px 15px;}

.news.det .bx-wrapper{box-shadow: none;margin-bottom:0;border:none;background:none;}

.news.det .newspdf{width:150px;border:1px solid #333333;display:block;margin: 20px auto;text-align:center;font-size:16px;line-height:20px;padding:5px;}
.news.det .newspdf:hover{border-color:#ec6c00;}

.workslink .items{position:relative;padding-left:30px;padding-right:10px;margin-top:60px;}
.workslink .items::before{content:"";width:1px;height:100%;position:absolute;top:-20px;left:5px;background:#EC6D02;}
.workslink .items .item{font-size:14px;line-height:20px;padding:10px 0;position:relative;text-align:left;}
.workslink .items .item::before{content:"";width:15px;height:1px;background:#EC6D02;position:absolute;top:20px;left:-25px;}
.workslink .items .item::after{content:"＞";position:absolute;top:10px;right:-10px;color:#EC6D02;transform:scale(0.9,1.6);}