@charset "UTF-8";

/* --------------------------------
 * 事業内容
 * -------------------------------- */

.service-list__body ul {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 60px 80px;
}
.service-list__body .p-link {
	display: flex;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 10 / 7;
	position: relative;
	z-index: 1;
	color: var(--color_font-r);
	align-items: flex-end;
	padding: 20px 30px 20px 40px;
	transition-property: opacity;
	transition-duration: .2s;
}
.service-list__body .p-link:hover {
	opacity: .8;
}
.service-list__body .p-front {
	display: flex;
	width: 100%;
	gap: 20px;
}
.service-list__body .p-title {
	flex-grow: 1;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.4;
}
.service-list__body .p-icon {
	flex-shrink: 0;
	align-self: flex-end;
}
.service-list__body .p-thum {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.service-list__body .p-thum::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: var(--grad_overlay-black);
	mix-blend-mode: multiply;
}
.service-list__body .p-thum img {
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 1240px) {
	.service-list__body ul {
		gap: 30px 40px;
	}
}
@media (max-width: 960px) {
	.service-list__body ul {
		gap: 10px 10px;
	}
	.service-list__body .p-link {
		padding: 3vw 2vw;
		border-radius: 8px;
	}
	.service-list__body .p-front {
		gap: 2vw;
	}
	.service-list__body .p-title {
		font-size: 3vw;
	}
	.service-list__body .p-icon {
		width: 5vw;
	}
}