@charset "utf-8";

.pgTtl{
	position: relative;
}
.pgTtl .bg{
	background-image: url("../img/business/kv_pc.jpg");
}

@media screen and (max-width: 768px) {
	.pgTtl .bg{
		background-image: url("../img/business/kv_sp.jpg");
	}
}
.contentsBlk{
	margin-bottom: 80px;
}
.contents_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	max-width: 1100px;
	padding: 130px 20px 0;
	margin: 0 auto;
}
.project{
	width: 515px;
	margin-bottom: 50px;
}
.project:nth-child(odd){
	margin-right: 20px;
}
.project h3{
	position: relative;
	border-bottom: solid 2px #ededed;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 24px;
}
.project h3::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: solid 2px #346a30;
	width: 100px;
	margin-bottom: -2px;
}
.project .entry{
	font-size: 15px;
	line-height: 2;
}
.project .entry .img{
	float: right;
	width: 180px;
	margin-left: 20px;
}
.project:first-child .entry .img{
	width: 280px;
}

@media screen and (max-width: 768px) {
	.contentsBlk{
		margin-bottom: 17.333%;
	}
	.contents_inner{
		display: block;
		max-width: 86.667%;
		padding: 17.333% 0 0;
	}
	.project{
		width: 100%;
		margin-bottom: 15.385%;
	}
	.project:nth-child(odd){
		margin-right: 0;
	}
	.project h3{
		padding-bottom: 3.846%;
		margin-bottom: 3.846%;
		font-size: 4.267vw;
	}
	.project h3::before{
		width: 20vw;
	}
	.project .entry{
		font-size: 3.2vw;
		line-height: 1.833;
	}
	.project .entry .img{
		width: 37.077%;
		margin-left: 3.077%;
	}
	.project:first-child .entry .img{
		width: 49.385%;
	}
}




