@charset "UTF-8";

/*TOP共通*/
.top h2{font-size:32px;letter-spacing: .2em;color:#717071;margin-bottom: 30px;}
.top h3{font-size:18px;line-height:40px;letter-spacing: .2em;margin-bottom:20px;}
.top .btnWrap{margin-top:65px;}

/*TOP*/
.top .sec1{margin-bottom:90px;}
.top .sec1 .leftWrap{width:448px;margin-top:90px;}
.top .sec1 .rightWrap{width:340px;position:relative;}
.top .sec1 .p1{width:300px;height:424px;margin-left:auto;margin-bottom:40px;}
.top .sec1 .inner{position:relative;}
.top .sec1 .inner:after{content: "";position: absolute;width:300px;height:425px;border:1px solid #717071;top:40px;bottom:-40px;z-index: -1;}

.top .sec2{margin-bottom:90px;}
.top .sec2 h2{font-size:24px;}
.top .sec2 .flexWrap{justify-content: flex-start;}
.top .sec2 .flexWrap li{width:180px;}
.top .sec2 .p2{width:180px;height:180px;}
.top .sec2 .mask p{text-align:center;}
.top .sec2 .flexWrap li {overflow:hidden;position:relative;}
.top .sec2 .flexWrap li .caption {font-size:14px;color:#fff;display: inline-block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:90%;}
.top .sec2 .flexWrap li .mask {width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:	rgba(0,0,0,0.4);-webkit-transition:	all 0.2s ease;transition:all 0.2s ease;}
.top .sec2 .flexWrap li :hover .mask {opacity:1;}
.top .sec3{margin-bottom:90px;}

.top .sec3 .leftWrap{width:455px;position:relative;}
.top .sec3 .leftWrap:before{content: "";width:1px;height:325px;background-color:#717071;position:absolute;top:-115px;left:50px;}
.top .sec3 .leftWrap .p1{margin-left:auto;position:relative;z-index: 1;width:300px;height:424px;}

.top .sec3 .rightWrap{width:490px;margin-top:95px;}
.top .sec4.sec1 .leftWrap{margin-top:0;}
.top .sec4 .leftWrap{width:540px;}
.top .sec4 .leftWrap h2{font-size:24px;}
.top .sec4.sec1 .p1{margin-top:40px;margin-bottom:0px;}
.top .sec4.sec1 .inner{position:relative;}
.top .sec4.sec1 .inner:after{content: "";position: absolute;width:300px;height:425px;border:1px solid #717071;left:auto;right:-40px;top:-40px;z-index: -1;}
.top .sec4 th,
.top .sec4 td{padding:10px 0;vertical-align: top;line-height: 24px;text-align: left;}
.top .sec4 th{color:#717071;font-size:12px;letter-spacing: .2em;width:140px;}

/*ARTICLE共通*/
.article{margin-bottom:80px;}
.artTop{height:160px;background-size:cover;background-position:center;position:relative;margin-bottom:40px;}
.artTop .wrap{padding:15px 35px;text-align:center;;display: inline-block;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);background-color:rgba(255,255,255,0.8);}
.artTop .wrap .play{font-size:24px;letter-spacing: .15em;}
.artTop .wrap .nose{font-size:14px;letter-spacing: .2em;color:#717071;position:relative;margin-top:5px;padding-top:5px;}
.artTop .wrap .nose:before{position:absolute;content: "";width:127px;height:1px;background-color:#717071;left:50%;transform: translateX(-50%);top:0;}

/*=====会社概要=====*/
.comp .artTop{background-image:url("../img/comp/top.jpg");}
.comp .sec1{width:685px;margin:0 auto;}
.comp .sec1 tr{border-bottom:1px solid #e5e5e5;}
.comp .sec1 th,
.comp .sec1 td{text-align: left;line-height:30px;padding:10px 0;vertical-align: top;}
.comp .sec1 th{width:145px;}
.comp .sec1 tr:last-of-type{border-bottom:none;}
.comp .sec1 td a{text-decoration: underline;}

/*=====アクセス=====*/
.acc .artTop{background-image:url("../img/acc/top.jpg");}
.acc .sec1{margin-bottom:60px;}
.acc .sec1 .leftWrap{width:395px;margin-left:80px;}
.acc .sec1 h2{font-size:18px;letter-spacing: .2em;margin-bottom:25px;}
.acc .sec1 .wrap{border-left:1px solid #717071;padding-left:55px;padding-top:55px;}
.acc .sec1 .wrap h3{font-size:18px;letter-spacing: .2em;margin-bottom:10px;color:#717071;}
.acc .sec1 .wrap p:first-of-type{margin-bottom:35px;}
.acc .sec1 .rightWrap{width:475px;}
.acc .sec1 .rightWrap div{position:relative;margin-bottom:55px;margin-right:55px;}
.acc .sec1 .rightWrap div:after{position:absolute;content: "";width:425px;height:300px;border:1px solid #717071;right:-55px;bottom:-55px;z-index: -1;}

/*=====採用情報=====*/
.rec .artTop{background-image:url("../img/rec/top.jpg");}
.rec h2{font-size:18px;letter-spacing: .2em;border-bottom:1px solid #717071;padding-bottom:15px;margin-bottom:30px;}

/*=====企業理念=====*/
.conc .artTop{background-image:url("../img/conc/top.jpg");}
.conc .sec1{margin:100px 0;}
.conc .sec1 .wrap{text-align:center;background:url("../img/conc/a1.jpg") no-repeat;background-size:cover;background-position:center;width:600px;margin:0 auto;padding:75px 0;}
.conc .sec1 h2{font-size:14px;letter-spacing: .2em;color:#fff;margin-bottom:35px;position:relative;padding-bottom:40px;}
.conc .sec1 h2:after{position:absolute;content: "";width:142px;height:1px;background-color:#fff;left:50%;transform: translateX(-50%);bottom:0;}
.conc .sec1 p{color:#fff;font-size:18px;line-height:38px;letter-spacing: .2em;}
.conc .sec1 p:first-of-type{font-size:24px;letter-spacing: .2em;color:#fff;margin-bottom:20px;}
.conc .sec2 {width:850px;margin:0 auto;}
.conc .sec2 p:first-of-type{font-size:24px;letter-spacing: .2em;color:#717071;margin-bottom:30px;}
.conc .sec2 p:not(first-of-type){margin-top:10px;}
.conc .sec2 h2{font-size:14px;letter-spacing: .2em;margin-bottom:35px;}
.conc .sec2 .wrap{border-left:1px solid #717071;padding-left:50px;padding-top:70px;margin-bottom:60px;}
.conc .sec2 th,
.conc .sec2 td{font-family: 'Playfair Display', serif;font-size:18px;color:#717071;letter-spacing: .2em;line-height:40px;}
.conc .sec2 th{text-align:center;padding-right:10px;}

/*=====沿革=====*/
.hist .artTop{background-image:url("../img/hist/top.jpg");}
.hist .sec1{width:710px;margin:0 auto;}
.hist .sec1 h2{font-size:24px;letter-spacing: .2em;color:#717071;position:relative;display: inline-block;line-height:75px;}
.hist .sec1 h2:after{content: "";width: 1px;height: 10px;background-color: #717071;position: absolute;left: 43px;bottom:0;margin-bottom:-10px;}
.hist .sec1 h2 span{font-size: 16px;}
.hist .sec1 table{margin-left:30px;}
.hist .sec1 th,
.hist .sec1 td{text-align: left;font-size:14px;vertical-align: top;padding:8px 0;line-height:22px;}
.hist .sec1 th{width:235px;font-size:12px;color:#717071;letter-spacing: .2em;padding-left:60px;position:relative;}
.hist .sec1 th:before{content: "";width:1px;height:100%;background-color:#717071;position:absolute;left:13px;}
.hist .sec1 th:after{position:absolute;content: "・";color:#717071;font-size:26px;left: 0;top:0;line-height:34px;}

/*=====ニュース=====*/
.news .artTop{background-image:url("../img/news/top.jpg");}
.news .sec1{width:615px;margin:0 auto;}
.news .sec1 th,
.news .sec1 td{padding:10px 0;vertical-align: top;line-height: 24px;text-align:left;}
.news .sec1 th{color:#717071;font-size:12px;letter-spacing: .2em;width:140px;}

/*=====施工例=====*/
.works .artTop{background-image:url("../img/works/top.jpg");}
/* 20230310 非表示
.works .sec1 a{font-family: 'Noto Serif JP', serif;}
*/
.works .sec1 .now{color:#00ab93;}
.works .sec1 .w1{width:910px;margin-left:auto;padding-left:31px;margin-bottom: 15px;}
.works .sec1 .f1{margin-bottom:45px;}
.works .sec1 .f1 .inner{width:90px;display: inline-block;text-align: center;border-right:1px solid #717071;position:relative;min-height:110px;}
.works .sec1 .f1 h2{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size:18px;letter-spacing: .2em;display: inline-block;position:absolute;left:50%;top:50%;;transform: translate(-50%,-50%);white-space: nowrap;}
.works .sec1 .f2{width:910px;padding-left:30px;justify-content: flex-start;align-items: center;align-content: center;}
.works .sec1 .f2 div{width:145px;padding:10px 0;}
.works .sec2{margin-bottom:45px;}
.works .sec2 h2{text-align:center;color:#717071;font-size:24px;letter-spacing: .2em;position:relative;line-height:24px;}
.works .sec2 h2:before{position:absolute;border-top:1px solid #717071;content: "";width:100%;height:1px;left:0;top:50%;z-index: -1;}
.works .sec2 h2 > span{background-color:#fff;padding:0 30px;display: inline-block;
	/* 20230310 追加 */
	font-family: "din-2014", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
	letter-spacing: 0.05em;
	color: #00ac94;
	/* //20230310 追加 */
}
.works .sec2 h2 span span{font-size:16px;
	/* 20230310 非表示
	color:#717071;
	*/
}
.works .sec2 ul{justify-content: flex-start;width:923px;margin:0 auto;}
.works .sec2 li{margin-top:20px;width:176px;}
.works .sec2 li:not(:nth-of-type(5n)){margin-right:10px;}
.works .sec2 li a{font-size:12px;line-height: 18px;display: block;}
.works .sec2 .p5{width:176px;height:176px;margin-bottom:5px;}
.works .sec3{margin:55px 0;}
.works .sec3 p{text-align:center;}
.works .sec2.sec3 h2{color:#333333;margin-bottom:30px;}
.works .sec2.sec3 h2.en{color:#717071;margin-bottom:30px;}
.works .sec2.sec3 h2:before{left:0;top:24px;}
.works .sec2.sec3 h2.en:before{top:13px}
.works .sec2.sec3 h2:after{position:absolute;border-top:1px solid #717071;content: "";width:100%;height:1px;left:0;top:27px;z-index: -1;}
.works .sec2.sec3 h2.en:after{top:16px}
.works .sec2.sec3 h2 > span{font-size:18px;}
.works .sec2.sec3 h2 span span{
	/* 20230310 非表示
	font-style: italic;
	*/
	font-size:12px;}

/*=====施工例詳細=====*/
.worksDet .artTop{background-image:url("../img/works/top.jpg");}
.worksDet .sec1 .wrap{width:650px;margin:0 auto;}
.worksDet .sec1 h2{font-size:18px;letter-spacing: .2em;line-height:40px;
	/* 20230310 非表示
	color:#717071;
	*/
	border-bottom: 1px solid #000;
	/* 20230310 非表示å
	border-bottom:1px solid #717071;
	*/
	margin-bottom:15px;padding-bottom:10px;}
.worksDet .sec1 .f1 .play{font-size:16px;letter-spacing: .2em;
	/* 20230310 非表示
	color: #717071;
	*/
	color: #000;
}
.worksDet .sec1 .f1 .nose{font-size:14px;letter-spacing: .2em;
	/* 20230310 非表示
	color:#717071;
	*/
	font-weight:500;}
.worksDet .sec1 .f1{margin-bottom:40px;}
.worksDet .sec1 .fi1{width:650px;height:433px;}
.worksDet .sec1 .bx-pager{display: flex;justify-content: flex-end;margin-top:15px;width:271px;}
.worksDet .sec1 .p6{display: block;width: 60px;height:60px;margin-left: 10px;}
.worksDet .sec1 .f2{align-items: center;margin-bottom:60px;}
.worksDet .sec1 .f2 th,
.worksDet .sec1 .f2 td{text-align: left;font-size:12px;line-height:20px;letter-spacing: 0.03em;}
.worksDet .sec1 .f2 th{width:55px;}
.worksDet .sec1 .f2 table{display: none;}

/*=====お問い合わせ=====*/
.cont .artTop{background-image:url("../img/contact/top.jpg");}
.cont  article .wrap{width:650px;margin:0 auto;}
.cont .inner{margin-top:30px;}
.cont .inner th,
.cont .inner td{text-align: left;letter-spacing: .1em;font-size:16px;padding:5px 0;}
.cont .inner th{font-weight: 500;padding-right:20px;font-size:14px;}

.cont .formWrap{border-bottom:1px solid #717071;border-top:1px solid #717071;padding:25px 0 40px 0;margin:30px 0;text-align: center;}
.cont span{color:#00aa92;}
.cont .formWrap th,
.cont .formWrap td{text-align: left;padding:15px 0;}
.cont .formWrap th{width:180px;}
.cont .formWrap td{width:390px;}
.cont .formWrap td label{display: inline-block;margin-right:20px;}
.cont .formWrap td label input{margin-right:5px;}
.cont .form0,
.cont .formWrap textarea{width:100%;border:1px solid #c9c9c9;font-size:14px;padding:3px;}
.cont .formWrap textarea{height:110px;}
.cont .formWrap tr:last-of-type th{vertical-align: top;}
.cont .btn{border:1px solid #717071;border-radius: 5px;font-size:14px;padding:5px 60px;margin:0 auto;margin-top:30px;background-color:#fff;}
.cont .btn:hover{cursor: pointer;}
.cont i{color:#717071;}
.cont  h2:hover{cursor: pointer;}
.cont .moreBox{padding-top:20px;}
.cont .moreBox h3{font-weight:500;font-size:12px;}
.cont .moreBox p{font-size:12px;margin-bottom:20px;color:#717071;line-height: 22px;}


/*=====中古=====*/
.sales.det .bx-pager .photo2{display:block;width:calc(100%/11);height:52px;margin-right:0.9%;position:relative;overflow: hidden;}
.sales.det .bx-pager .photo2:nth-of-type(10n){margin-right:0;}
.sales.det .bx-pager .photo2:nth-of-type(n+11){margin-top:0.9%;}
.sales.det .sec2 .f1{justify-content: space-between;}
.sales.det .sec2 .f1 > .leftWrap{width:580px;}
.sales.det .sec2 .f1 > .rightWrap{width:370px;}
.sales.det .sec2 .f1 .leftWrap p{position:relative;padding-bottom:20px;}
.sales.det .sec2 .f1 .leftWrap p::after{content: "";position:absolute;display: block;height:1px;width:215px;background-color:#131f38;bottom:0px;}
.sales.det .sec2 .f1 .leftWrap ul{margin-top:20px;}
.sales.det .sec2 .f1 .leftWrap li{font-size:14px;padding:5px 0;}
.sales.det .sec2 .f1 .leftWrap .aMotion i{margin-right:10px;}



@media screen and (max-width:835px){

/*=====中古=====*/
.sales.det .bx-pager .photo2{height:inherit;}
.sales.det .bx-pager .photo2::before{content: "";display: block;padding-top: 100%;}
.sales.det .sec2 .wrap10{width:90%;margin:0 auto;}
.sales.det .sec2 .f1{flex-direction:column;}
.sales.det .sec2 .f1{flex-direction:column-reverse;}
.sales.det .sec2 .f1 .leftWrap,
.sales.det .sec2 .f1 .rightWrap{width:100%;}
.sales.det .sec2 .f1 > .rightWrap{margin-bottom:40px;}
}

/*=====追記2019/08/10=====*/
.conc .sec1.eng h2{font-size: 24px;letter-spacing: .2em;margin-bottom: 20px;}
.conc .sec1.eng h2+p{font-size: 14px;letter-spacing: .1em;}
.conc .sec2 th, .conc .sec2 .eng td{    letter-spacing: .1em;}
.works .sec1 .f2.eng div{font-size:12px;}
.works .sec1 .f1 h2 span{font-size:12px; display:block;}

/*=====追記2020/11/10 成瀬=====*/
.fab.fa-instagram{font-size:16px;}



@media screen and (max-width: 768px) {

	main:before{display:none;}

	/*=====施工例=====*/
	.works .sec1 .w1{width:100%;padding:0 20px;boc-sizing:border-box;}
	.works .sec1 .f1{margin-bottom:25px;display:flex;}
	.works .sec1 .f1 .inner{width:60px;}
	.works .sec1 .f1 h2{font-size:16px;}
	.works .sec1 .f2{width:calc(100% - 60px);padding: 0 10px;box-sizing:border-box;justify-content:space-between;}
	.works .sec1 .f2 div{width:calc(50% - 5px);font-size:14px;padding:0;margin: 2px 0;}
	.works .sec2 ul{width:100%;justify-content:space-between;padding: 0 10px;box-sizing:border-box;}
	.works .sec2 li{width:calc(50% - 5px);}
	.works .sec2 li:not(:nth-of-type(5n)){margin-right:0;}
	.works .sec2 .p5{width:100% ;height:calc(50vw - 15px);}
	.works .sec2 .p5 img{object-fit:cover;width:100%!important;height:100%!important;}
	.works .sec3 p{text-align:justify;padding: 0 20px;box-sizing:border-box;}

	/*=====施工例詳細=====*/
	.worksDet .sec1{padding:0 20px;box-sizing:border-box;}
	.worksDet .sec1 .wrap{width:100%;}
	.worksDet .sec1 .f1{margin-bottom:20px;}
	.worksDet .sec1 .fi1{width:100%;height:calc(100vw - 40px);}
	.worksDet .sec1 .fi1 img{width:100%!important;height:100%!important;object-fit:cover;}
	.worksDet .sec1 .bx-pager{display: flex;justify-content: center;margin: 10px auto 0;}
	.worksDet .sec1 .f2{margin: 20px auto;}

}