@charset "utf-8";
/*----------------------------------------------------
	工事部について
----------------------------------------------------*/
#main {
	padding-bottom: 0;
}

.mainHeader {
	background-image: url(../images/construction/bg_ttl.png);
}

.constructionLead {
	padding: 72px 0 60px;
	text-align: center;
}

.constructionLead h3 {
	margin-bottom: 6px;
	color: #005025;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.16em;
}

.constructionLead p {
	font-size: 18px;
	line-height: 2.2;
}

.constructionService {
	padding: 100px 0 110px;
	background-color: #f4f4ec;
}

.constructionService h3 {
	position: relative;
	width: 310px;
	padding: 12px 12px;
	background-color: #00512d;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1.75;
	z-index: 20;
}

.constructionService .desc p {
	color: #534741;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.75;
}

.constructionService .item01 {
	margin-bottom: 46px;
}

.constructionService .item01 h3 {
	margin: -30px 0 20px 70px;
	padding-left: 40px;
}

.constructionService .item01 .desc {
	display: table;
}

.constructionService .item01 .wrapp {
	display: table-cell;
	vertical-align: top;
}

.constructionService .item01 p {
	display: table-cell;
	padding: 32px 36px 0 43px;
}

.constructionService .item02 {
	width: 46.6%;
	float: left;
}

.constructionService .item02 h3 {
	margin: -30px auto 20px;
	text-align: center;
}

.constructionService .item02:last-child {
	float: right;
}

@media (max-width: 767px) {
	.constructionLead {
		padding: 40px 0;
	}

	.constructionLead h3 {
		font-size: 26px;
	}

	.constructionLead p {
		font-size: 16px;
		line-height: 1.75;
	}

	.constructionService {
		padding: 40px 0 40px;
	}

	.constructionService h3 {
		width: 90%;
		padding: 8px 12px;
		font-size: 18px;
	}

	.constructionService .figure {
		text-align: center;
	}

	.constructionService .desc p {
		font-size: 14px;
		line-height: 1.5;
	}

	.constructionService .item01 {
		margin-bottom: 30px;
	}

	.constructionService .item01 h3 {
		margin: -24px auto 20px;
		padding: 12px 12px;
	}

	.constructionService .item01 .desc {
		display: block;
	}

	.constructionService .item01 .wrapp {
		display: block;
	}

	.constructionService .item01 p {
		display: block;
		padding: 0;
	}

	.constructionService .item02 {
		width: 100%;
		margin-bottom: 30px;
		float: none;
	}

	.constructionService .item02 h3 {
		margin: -24px auto 20px;
		text-align: center;
	}

	.constructionService .item02:last-child {
		float: none;
	}
}

.constructionKyoka {
	padding: 0px 0 110px;
    background-color: #f4f4ec;
}
.constructionKyoka .kyoka-ttl {
	font-size: 1.7rem;
	padding-left: 15px;
	position: relative;
	margin-bottom: 20px;
}
.constructionKyoka .kyoka-ttl::before {
	content: "";
	position: absolute;
	top: 50%;
    left: 0%;
    transform: translate(0%, -52%);
    -webkit-transform: translate(0%, -52%);
    -ms-transform: translate(0%, -52%);
	display: block;
	width: 2px;
	height: 80%;
	background-color: #005025;
}
.constructionKyoka dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px;
	background-color: #fff;
}
.constructionKyoka dt {
	width: 40%;
	border-right: 1px solid #ccc;
}
.constructionKyoka dd {
	width: 60%;
	padding-left: 10px;
}