@charset "UTF-8";


/*****************************************************
　.pagehead　
*****************************************************/
.pagehead{
	background:url('../img/civil-engineering/pagehead_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　建設・解体　
*****************************************************/
/* 冒頭 
------------------------------------------------- */
.col-block_l1.top .txt{
	max-width:650px;
	width:60%;
}
/* ----- 横長画像 ----- */
.col-block_l1.img-large .bgimg{
	background:url('../img/civil-engineering/ce_img1c.jpg') no-repeat center center;
	background-size:cover;
	left:auto;
	right:0;
}
/* 施工内容 
------------------------------------------------- */
.work-list_1_wrap{
	margin:170px auto 0;
	max-width:1405px;
	position:relative;
	width:100%;
}
.work-list_1_wrap:before{
	background:url('../img/civil-engineering/bg.png') no-repeat center center;
	background-size:contain;
	content:'';
	display:block;
	/*height:928px;
	width:969px;*/
	height:48.33vw;
	position:absolute;
	right:4.68vw;
	top:-4.16vw;
	width:50.46vw;
	z-index:-1;
}
.work-list_2_wrap{
	margin:0 auto;
	max-width:1375px;
	width:100%;
}
.work-list_1,
.work-list_2{
	display:flex;
	justify-content:space-between;
}
.work-list_1{
	margin:0 0 0 auto;
	max-width:1310px;
	width:100%;
}
.work-list_2{
	margin:80px 0 0 auto;
	max-width:1330px;
	width:100%;
}
.work-list_1 .work-item{
	max-width:575px;
	width:44%;
}
.work-list_1 .work-item:nth-child(2){
	margin-top:80px;
}
.work-list_2 .work-item{
	max-width:575px;
	width:44%;
}
.work-list_2 .work-item:nth-child(2){
	margin-top:50px;
}
.work-item .txt{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:20px 0 0;
}
.work-item .txt .ttl{
	color:#2255a4;
	font-size:45px;
	font-size:4.5rem;
	font-weight:normal;
	padding-bottom:calc(10px + 32px);
	text-align:center;
	width:175px;
}
.work-item .txt .txt_inner{
	padding-right:15px;
	width:calc(100% - 175px);
}
.work-item .txt .txt_inner p{
	letter-spacing:0.05em;
	line-height:2;
}
.work-item .txt .txt_inner p.company{
	letter-spacing:0.1em;
	margin-top:10px;
}
.work-item .txt .txt_inner p.company a{
	color:#2255a4;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.14em;
	margin-left:13px;
	text-decoration:underline;
}
/* 施工実績 
------------------------------------------------- */
#construction{
	margin-top:160px;
}
/* ----- タイトル ----- */
#construction .head{
	margin:0 auto 25px;
	max-width:1230px;
	width:100%;
}
#construction .head .ttl{
	align-items:center;
	display:flex;
	font-size:33px;
	font-size:3.3rem;
	font-weight:normal;
	white-space:nowrap;
}
#construction .head .ttl .en{
	display:inline-block;
	margin-right:45px;
}
#construction .subttl{
	color:#2255a4;
	font-size:25px;
	font-size:2.5rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	margin-bottom:25px;
}
/* ----- .construction_inner ----- */
#construction .construction_inner{
	background:#fff;
	padding:60px 0;
}
.construction-list_wrap{
	margin:0 auto;
	max-width:1135px;
	width:100%;
}
.construction-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.construction-list .construction-item{
	margin-right:2%;
	max-width:360px;
	width:32%;
}
.construction-list .construction-item:nth-child(3n){
	margin-right:0;
}
.construction-list .construction-item:nth-child(4),
.construction-list .construction-item:nth-child(5),
.construction-list .construction-item:nth-child(6){
	margin-top:40px;
}
.construction-list .construction-item .txt{
	color:#2255a4;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	margin:5px 5px 0;
}
/* グループ関連会社 
------------------------------------------------- */
.business-group .bg-block .bg-item:nth-child(3),
.business-group .bg-block .bg-item:nth-child(4){
	margin-top:35px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　建設・解体　
	*****************************************************/
	/* 冒頭 
	------------------------------------------------- */
	.col-block_l1.top .txt{
		max-width:none;
		width:auto;
	}
	/* ----- 横長画像 ----- */
	.col-block_l1.img-large .bgimg{
		position:static;
		width:auto;
	}
	/* 施工内容 
	------------------------------------------------- */
	.work-list_1_wrap{
		margin:10.93vw auto 0;
		max-width:none;
	}
	.work-list_1_wrap:before{
		height:72.5vw;
		width:75.7vw;
	}
	.work-list_2_wrap{
		max-width:none;
	}
	.work-list_1,
	.work-list_2{
		display:block;
	}
	.work-list_1{
		margin:0;
		max-width:none;
	}
	.work-list_2{
		margin:10.93vw 0 0;
		max-width:none;
	}
	.work-list_1 .work-item,
	.work-list_2 .work-item{
		max-width:none;
		width:auto;
	}
	.work-list_1 .work-item:nth-child(2),
	.work-list_2 .work-item:nth-child(2){
		margin-top:10.93vw;
	}
	.work-item .txt{
		margin:3.12vw 0 0;
	}
	.work-item .txt .ttl{
		font-size:7.03vw;
		padding-bottom:calc(1.56vw + 5vw);
		width:27.34vw;
	}
	.work-item .txt .txt_inner{
		padding-right:2.34vw;
		width:calc(100% - 27.34vw);
	}
	.work-item .img img{
		width:100%;
	}
	.work-item .txt .txt_inner p.company{
		margin-top:10px;
	}
	.work-item .txt .txt_inner p.company a{
		font-size:3.12vw;
		margin-left:2.03vw;
	}
	/* 施工実績 
	------------------------------------------------- */
	#construction{
		margin-top:25vw;
	}
	/* ----- タイトル ----- */
	#construction .head{
		margin:0 auto 3.9vw;
		max-width:none;
	}
	#construction .head .ttl{
		display:block;
		font-size:5.15vw;
		white-space:normal;
	}
	#construction .head .ttl .en{
		margin:0 0 3.12vw;
		width:86.3vw;
	}
	#construction .subttl{
		font-size:3.9vw;
		margin-bottom:3.9vw;
	}
	/* ----- .construction_inner ----- */
	#construction .construction_inner{
		padding:60px 0;
	}
	.construction-list_wrap{
		max-width:none;
	}
	.construction-list .construction-item{
		margin-right:4%;
		max-width:none;
		width:48%;
	}
	.construction-list .construction-item:nth-child(3n){
		margin-right:4%;
	}
	.construction-list .construction-item:nth-child(2n){
		margin-right:0;
	}
	.construction-list .construction-item:nth-child(3),
	.construction-list .construction-item:nth-child(4),
	.construction-list .construction-item:nth-child(5),
	.construction-list .construction-item:nth-child(6){
		margin-top:6.25vw;
	}
	.construction-list .construction-item .img img{
		width:100%;
	}
	.construction-list .construction-item .txt{
		font-size:2.5vw;
		margin:1.56vw 1.56vw 0;
	}
	/* グループ関連会社 
	------------------------------------------------- */
	.business-group .bg-block .bg-item:nth-child(3),
	.business-group .bg-block .bg-item:nth-child(4){
		margin-top:5.46vw;
	}
}