@charset "utf-8";
/* ============================================================ */
/* service */
/* ============================================================ */
.contents._service_ {
	padding: 0 0 120px;
}


/* service-lead
------------------------------------------------------------ */
.service-lead {
	padding: 90px 0 0;
	background: url("../../img/service/bg_lead.png"), linear-gradient(90deg, #001B25 0%, rgba(0, 38, 53, 0) 100%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.service-lead-duties {
	padding-bottom: 120px;
}

.service-lead-duties__list {
}

.service-lead-duties__item {
	height: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 1;
}

.service-lead-duties__item._duties01_ {
	background: url("../../img/service/pic_electrical.jpg") center center no-repeat;
	background-size: cover;
}

.service-lead-duties__item._duties02_ {
	background: url("../../img/service/pic_housing.jpg") center center no-repeat;
	background-size: cover;
}

.service-lead-duties__item._duties03_ {
	background: url("../../img/service/pic_communication.jpg") center center no-repeat;
	background-size: cover;
}

.service-lead-duties__item._duties04_ {
	background: url("../../img/service/pic_air.jpg") center center no-repeat;
	background-size: cover;
}

.service-lead-duties__number {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 4.8rem;
	font-weight: 900;
	background: url("../../img/service/bg_number.png") top left no-repeat;
	background-size: 100%;
}

.service-lead-duties__number .__inner {
	padding: 0 0 0 20px;
}

.service-lead-duties__ttl {
	color: var(--white);
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 3.6px;
	line-height: 1.8;
	text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}


/* service-maker
------------------------------------------------------------ */
.service-maker {
	background: url("../../img/service/bg_maker.png"), linear-gradient(270deg, #005C9F 0%, #00A7EA 100%);
	background-size: cover;
	padding: 90px 0 120px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.service-maker__list {
}

.service-maker__item {
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px;
}

.service-maker__detail {
	width: 43.33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.6rem;
}

.service-maker__item:nth-child(odd) .service-maker__detail {
	order: 2;
}

.service-maker__img {
	width: calc((100% - 43.33%) - 80px);
}

.service-maker__item:nth-child(odd) .service-maker__img {
	order: 1;
}