@charset "UTF-8";

/*==============================
		content設定
==============================*/




#contents .btn{
	margin: 50px auto;
}

/*-----titleImage-----*/

#contents #titleImg{
	background-image: url(/img/work/titleimg_pc.jpg);
}

/*----- 事業紹介 -----*/

#work_list .maincopy{
    font-size: 20px;		
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 30px;
}

#work_list .work_list_wrap li{
	flex: 0 1 30%;
	width: 30%;
}

#work_list .work_list_wrap a{
	display:block;
	background: #a2dce6;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
	border-radius: 100px;
	border: 1px solid #a2dce6;
}

#work_list .work_list_wrap a i{
	display: block;
	font-size: 56px;
	margin-bottom: 20px;
}

#work_list .work_list_wrap a:after{
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

#work_list .work_list_wrap a:hover{
	opacity: 1;
	background: #fff;
	color: #a2dce6;
	
}

/*----- 建設部門,管理部門 -----*/

.construction_copy h3{
	font-weight: bold;
	margin-bottom: 10px;
	color: #00bfe2;
	text-align: center;
}

.construction_copy h3 i{
	margin-right: 10px;
}

.copy{
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 1.5em;
}

.work_box{
	border-bottom: 1px solid #ccc;
	padding-bottom: 60px;
}

.work_box .work_wrap{
	-webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.work_box .work_wrap .txt{
	flex: 0 1 66%;
	width: 66%;
}

.work_box .work_wrap .txt.flex_100{
	flex: 0 1 100%;
	width: 100%;
}

.work_box .work_wrap .txt h4{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
}

.work_box .work_wrap .img{
	flex: 0 1 30%;
	width: 30%;
}




/*------------------------------
	タブレットの設定
------------------------------*/

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

	
	
}



/*------------------------------
	スマホの設定
------------------------------*/

@media screen and (max-width:600px){
	
	#contents h2.subtitle {
		font-size: 16px;
		line-height: normal;
	}
	
	/*-----titleImage-----*/
	
	#contents #titleImg{
		background-image: url(/img/work/titleimg_sp.jpg);
	}
	
	/*----- 事業紹介 -----*/

	#work_list .work_list_wrap li{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#work_list .work_list_wrap a {
	    font-size: 20px;
	    padding: 15px;
	}
	
	#work_list .work_list_wrap a:after{
		margin: 0;
	}
	
	/*----- 土木工事 -----*/
	
	.work_box .work_wrap .txt{
		flex: 0 1 100%;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.work_box .work_wrap .img{
		flex: 0 1 100%;
		width: 100%;
	}

}