@charset "UTF-8";


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


/*****************************************************
　砕石・中間処理　
*****************************************************/
/* 冒頭 
------------------------------------------------- */
.col-block_l1.top .txt{
	max-width:560px;
	width:48%;
}
/* ----- 横長画像 ----- */
.col-block_l1.top.img-large .bgimg{
	background:url('../img/crushed-stone/cs_img1.jpg') right top;
	background-size:cover;
	left:auto;
	right:0;
}
/* バナー 
------------------------------------------------- */
.banner-wrap{
	margin:120px auto 170px;
	max-width:1170px;
	position:relative;
	width:100%;
}
.banner-wrap:before{
	background:url("../img/crushed-stone/bg.png") no-repeat center center;
	content:'';
	display:block;
	height:928px;
	left:248px;
	position:absolute;
	top:-130px;
	width:969px;
	z-index:-1;
}
.banner{
	max-width:575px;
	width:50%;
}
.banner a{
	color:#2255a4;
}
.banner .txt{
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin-top:20px;
}
.banner .txt .large{
	font-size:41px;
	font-size:4.1rem;
}
.banner .txt .detail{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.24em;
	text-decoration:underline;
}
/* ----- 砕石 ----- */
.banner.b-crushed-stone .txt{
	margin:20px 25px 0 20px;
}
/* ----- 中間処理・リサイクル ----- */
.banner.b-recycling{
	margin:0 0 0 auto;
}
/* 砕石 
------------------------------------------------- */
/* ----- .col-block_l1 ----- */
#crushed-stone .col-block_l1.img-large{
	align-items:flex-end;
	max-width:1300px;
}
#crushed-stone .col-block_l1.img-large .bgimg{
	background:url('../img/crushed-stone/cs_img4.jpg') right top;
	background-size:cover;
}
#crushed-stone .col-block_l1.img-large .txt{
	max-width:650px;
	width:50%;
}
/* ----- グループ関連会社 ----- */
#crushed-stone .business-group{
	margin-top:120px;
}
/* 中間処理・リサイクル 
------------------------------------------------- */
#recycling{
	margin-top:270px;
}
/* ----- .col-block_l1 ----- */
#recycling .col-block_l1.img-large{
	align-items:flex-end;
}
#recycling .col-block_l1.img-large .bgimg{
	background:url('../img/crushed-stone/cs_img5.jpg') right top;
	background-size:cover;
	left:auto;
	right:0;
	width:42%;
}
#recycling .col-block_l1.img-large .txt{
	max-width:650px;
	width:56%;
}
/* ----- .recycling-inblock ----- */
.recycling-inblock{
	margin:100px auto 0;
	max-width:1170px;
	width:100%;
}
.recycling-inblock .img{
	text-align:center;
}
/* 燃焼灰の中間処理・製造化 */
.recycling-inblock .page-subttl span{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.1em;
	margin-left:0.5em;
}
/* グループ関連会社 
------------------------------------------------- */
.business-group .bg-block{
	display:block;
}
.business-group .bg-block .bg-item{
	max-width:none;
	width:auto;
}
.business-group .bg-block .bg-item + .bg-item{
	margin-top:65px;
}
.business-group .bg-block .bg-item .permission-num .item{
	text-align:center;
}
.business-group .bg-block .bg-item .permission-num + .permission-num{
	margin-top:10px;
}
/* ----- 砕石 ----- */
#crushed-stone .business-group .bg-block .bg-item .permission-num .item{
	width:230px;
}
/* ----- 中間処理・リサイクル ----- */
#recycling .business-group .bg-block .bg-item:nth-child(1) .permission-num .item{
	width:445px;
}

#recycling .business-group .bg-block .bg-item:nth-child(2) .permission-num .item{
	width:445px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　砕石・中間処理　
	*****************************************************/
	/* 冒頭 
	------------------------------------------------- */
	.col-block_l1.top .txt{
		max-width:none;
		width:auto;
	}
	/* ----- 横長画像 ----- */
	.col-block_l1.top.img-large .bgimg{
		position:static;
		width:auto;
	}
	/* バナー 
	------------------------------------------------- */
	.banner-wrap{
		margin:18.75vw auto 26.56vw;
		max-width:none;
	}
	.banner{
		max-width:none;
		width:auto;
	}
	.banner .img img{
		width:100%;
	}
	.banner .txt{
		margin-top:3.12vw;
	}
	.banner .txt .large{
		font-size:6.4vw;
	}
	.banner .txt .detail{
		font-size:3.12vw;
	}
	/* ----- 砕石 ----- */
	.banner.b-crushed-stone .txt{
		margin:3.12vw 3.9vw 0 3.12vw;
	}
	/* ----- 中間処理・リサイクル ----- */
	.banner.b-recycling{
		margin:10vw 0 0;
	}
	/* 砕石 
	------------------------------------------------- */
	/* ----- .col-block_l1 ----- */
	#crushed-stone .col-block_l1.img-large{
		max-width:none;
	}
	#crushed-stone .col-block_l1.img-large .bgimg{
		position:static;
		width:auto;
	}
	#crushed-stone .col-block_l1 .ttl{
		margin:5vw 0 3vw;
	}
	#crushed-stone .col-block_l1.img-large .txt{
		max-width:none;
		width:auto;
	}
	/* ----- グループ関連会社 ----- */
	#crushed-stone .business-group{
		margin-top:15.62vw;
	}
	/* 中間処理・リサイクル 
	------------------------------------------------- */
	#recycling{
		margin-top:42.18vw;
	}
	/* ----- .col-block_l1 ----- */
	#recycling .col-block_l1.img-large .bgimg{
		position:static;
		width:auto;
	}
	#recycling .col-block_l1 .ttl{
		margin:5vw 0 3vw;
	}
	#recycling .col-block_l1.img-large .txt{
		max-width:none;
		width:auto;
	}
	/* ----- .recycling-inblock ----- */
	.recycling-inblock{
		margin:15.62vw auto 0;
		max-width:none;
	}
	.recycling-inblock .img img{
		width:100%;
	}
	/* 燃焼灰の中間処理・製造化 */
	.recycling-inblock .page-subttl span{
		font-size:3.12vw;
		display:block;
		margin-left:0;
		margin:0.78vw 0;
	}
	/* グループ関連会社 
	------------------------------------------------- */
	.business-group .bg-block .bg-item + .bg-item{
		margin-top:4.68vw;
	}
	.business-group .bg-block .bg-item .permission-num + .permission-num{
		margin-top:1.56vw;
	}
	/* ----- 砕石 ----- */
	#crushed-stone .business-group .bg-block .bg-item .permission-num .item{
		width:35.93vw;
	}
	/* ----- 中間処理・リサイクル ----- */
	#recycling .business-group .bg-block .bg-item:nth-child(1) .permission-num .item{
		width:35.93vw;
	}
	#recycling .business-group .bg-block .bg-item:nth-child(2) .permission-num .item{
		width:35.93vw;
	}
}