@charset "UTF-8";


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


/*****************************************************
　生コン・アスファルト　
*****************************************************/
/* 冒頭 
------------------------------------------------- */
/* ----- .top ----- */
.col-block_l1.top.img-large .bgimg{
	background:url('../img/readymixed-concrete/rc_img1.jpg') no-repeat center center;
	background-size:cover;
	left:auto;
	right:0;
	width:41%;
}
.col-block_l1.top .txt{
	max-width:700px;
	width:60%;
}
.col-block_l1.top .ttl{
	font-size:38px;
	font-size:3.8rem;
	margin-bottom:45px;
}
/* ----- .asphalt ----- */
.col-block_l1.asphalt{
	margin-top:185px;
}
.col-block_l1.asphalt.img-large .bgimg{
	background:url('../img/readymixed-concrete/rc_img2.jpg') no-repeat center center;
	background-size:cover;
	/*width:41%;*/
}
.col-block_l1.asphalt .txt{
	margin-top:70px;
}
/* 製造工場 
------------------------------------------------- */
#namakon-plant{
	margin-top:130px;
	position:relative;
}
#namakon-plant:before{
	background:url('../img/readymixed-concrete/bg.png') no-repeat center center;
	background-size:contain;
	content:'';
	display:block;
	/*height:928px;
	width:969px;*/
	height:48.33vw;
	position:absolute;
	right:-4.01vw;
	top:-14.58vw;
	width:47.86vw;
	z-index:-1;
}
#asphalt-plant{
	margin:100px 0 230px;
}
.plant_ttl{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 5px 40px;
}
.plant_ttl_s{
	color:#2255a4;
	font-size:30px;
	font-size:3.0rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 10px 20px;
}

.plant_ttl_s2{
	color:#2255a4;
	font-size:30px;
	font-size:3.0rem;
	font-weight:normal;
	line-height:1.4;
	margin:45px 10px 20px;
}

/* ----- .plant-item ----- */
.plant-item + .plant-item{
	margin-top:70px;
}
/* タイトル */
.plant-item .acc-ttl{
	background:#2255a4;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:70px;
	padding:0 90px;
	position:relative;
}
.plant-item .acc-ttl:before{
	background:#fcf363;
	content:'';
	display:block;
	height:3px;
	left:50px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:20px;
	z-index:0;
}
.plant-item .acc-ttl:before{
	background:#fcf363;
	content:'';
	display:block;
	height:3px;
	left:50px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:19px;
}
.plant-item .acc-ttl span:before,
.plant-item .acc-ttl span:after{
	background:#fff;
	content:'';
	display:block;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	z-index:0;
}
.plant-item .acc-ttl span:before{
	height:2px;
	right:50px;
	width:16px;
}
.plant-item .acc-ttl span:after{
	height:16px;
	right:57px;
	width:2px;
}
.plant-item.open .acc-ttl span:after{
	display:none;
}
/* 内容 */
.plant-item .acc-content{
	margin:30px 45px 0;
}
.plant-item .plant-item_inner{
	display:flex;
	justify-content:space-between;
	margin:0 20px;
}
.plant-item .permission{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.14em;
	line-height:1.4;
	margin-bottom:25px;
}
.plant-item .img{
	max-width:330px;
	width:31%;
}
.plant-item .txt{
	max-width:690px;
	width:64%;
}
.plant-item .table-basic th{
	width:245px;
}
.plant-item .table-basic td{
	width:calc(100% - 245px);
}
.plant-item .txt .link{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.14em;
	line-height:1.4;
	margin-top:20px;
	text-align:right;
}
.plant-item .txt .link a{
	color:#2255a4;
	text-decoration:underline;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　生コン・アスファルト　
	*****************************************************/
	/* 冒頭 
	------------------------------------------------- */
	/* ----- .top ----- */
	.col-block_l1.top.img-large .bgimg{
		position:static;
		width:auto;
	}
	.col-block_l1.top .txt{
		max-width:none;
		width:auto;
	}
	.col-block_l1.top .ttl{
		font-size:5.93vw;
		margin-bottom:3vw;
	}
	.col-block_l1.top .ttl br{
		display:none;
	}
	/* ----- .asphalt ----- */
	.col-block_l1.asphalt{
		margin-top:28.9vw;
	}
	.col-block_l1.asphalt.img-large .bgimg{
		position:static;
		width:auto;
	}
	.col-block_l1.asphalt .txt{
		margin-top:5vw;
	}
	/* 製造工場 
	------------------------------------------------- */
	#namakon-plant{
		margin-top:20.31vw;
	}
	#namakon-plant:before{
		height:72.5vw;
		width:71.79vw;
	}
	#asphalt-plant{
		margin:100px 0 230px;
	}
	.plant_ttl{
		font-size:5.78vw;
		margin:0 3.12vw 6.25vw;
	}
	/* ----- .plant-item ----- */
	.plant-item + .plant-item{
		margin-top:5vw;
	}
	/* タイトル */
	.plant-item .acc-ttl{
		font-size:3.12vw;
		line-height:10.93vw;
		padding:0 14.06vw;
	}
	.plant-item .acc-ttl:before{
		height:0.46vw;
		left:7.81vw;
		width:3.12vw;
	}
	.plant-item .acc-ttl:before{
		height:0.46vw;
		left:7.81vw;
		width:2.96vw;
	}
	.plant-item .acc-ttl span:before{
		height:0.31vw;
		right:7.81vw;
		width:2.5vw;
	}
	.plant-item .acc-ttl span:after{
		height:2.5vw;
		right:8.9vw;
		width:0.31vw;
	}
	/* 内容 */
	.plant-item .acc-content{
		margin:4.68vw 4.68vw 0;
	}
	.plant-item .plant-item_inner{
		display:block;
		margin:0 3.12vw;
	}
	.plant-item .permission{
		font-size:3.12vw;
		margin-bottom:3.9vw;
	}
	.plant-item .img,
	.plant-item .txt{
		max-width:none;
		width:auto;
	}
	.plant-item .img{
		margin-bottom:3.9vw;
	}
	.plant-item .img img{
		width:100%;
	}
	.plant-item .table-basic th{
		width:38.28vw;
	}
	.plant-item .table-basic td{
		width:calc(100% - 38.28vw);
	}
	.plant-item .txt .link{
		font-size:3.12vw;
		margin-top:3.12vw;
	}
}

