@charset "utf-8";
.service {
	background: url(../images/home/mv_bg.jpg) top center / 100% no-repeat;
}
.service::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, #ffffff 24%, #f8f8f8 64%, #f8f8f8 100%);
	position: absolute;
	top: 0;
	left: 0;
}

.p-pageheader {
	color: var(--color-white);
	position: relative;
}
.p-section {
	position: relative;
}

.p-sectiontitle {
	font-size: calc(110 * var(--rem));

	font-family: var(--second-font-family);
	line-height: 1;
	padding-top: calc(20 * var(--rem));
	color: currentColor;
	span {
		display: block;
		font-size: max(calc(30 * var(--rem)), 14px);
		margin-top: calc(8 * var(--rem));
	}
}
.p-section__lead {
	margin-top: calc(150 * var(--rem));
	font-size: calc(60 * var(--rem));
	line-height: 1.5;
	letter-spacing: -0.02em;
	font-weight: 700;
	color: var(--color-white);
}
.p-section__text {
	font-size: max(calc(20 * var(--rem)), 14px);
	line-height: 2;
	letter-spacing: -0.02em;
	font-weight: 700;
	margin-top: calc(40 * var(--rem));
	color: var(--color-white);
}

.p-section__items {
	width: calc(1069 * var(--rem));
	margin: calc(25 * var(--rem)) 0 0 auto;
}
.p-serviceitem {
	border-bottom: 1px solid var(--color-black);
	padding-bottom: calc(43 * var(--rem));
	margin-bottom: calc(54 * var(--rem));
	display: grid;
	grid-template-columns: calc(708 * var(--rem)) calc(300 * var(--rem));
	justify-content: space-between;
}
.p-btob .p-serviceitem {
	display: block;
}
.p-serviceitem__category {
	font-family: var(--second-font-family);
	color: #adadad;
	font-size: calc(20 * var(--rem));
	font-weight: 700;
}
.p-serviceitem__name {
	font-size: calc(32 * var(--rem));
	letter-spacing: -0.02em;
	font-weight: 700;
}
.p-serviceitem__text {
	margin-top: calc(5 * var(--rem));
	font-size: max(calc(20 * var(--rem)), 14px);
	line-height: calc(35 / 20);
	letter-spacing: -0.02em;
	font-weight: 700;
}
.p-serviceitem__image img {
	width: 100%;
	height: auto;
	aspect-ratio: 300/142;
	object-fit: contain;
}
/*MEDIA*/
.l-media {
	margin-top: calc(303 * var(--rem));
}
.p-mission .p-section__text {
	color: var(--color-black);
}
/*BtoB*/
.l-btob {
	margin-top: calc(214 * var(--rem));
	position: relative;
	z-index: 1;
}
.p-btob__button {
	text-align: right;
}
/*fs*/
.l-fs {
	margin-top: calc(219 * var(--rem));
}
/*footer*/
.p-footer {
	background-color: transparent;
	color: var(--color-black);
}
.p-footer__logo {
	filter: invert(1);
}
/*========================
モバイル
========================*/
@media (max-width: 767px) {
	.service {
		background: url(../images/home/mv_bg.jpg) top center / 280% no-repeat;
	}
	.p-sectiontitle {
		font-size: calc(40 * var(--rem));
		padding-top: 0;
		span {
			display: block;
			font-size: max(calc(16 * var(--rem)), 14px);
			margin-top: calc(8 * var(--rem));
		}
	}
	.p-section__lead {
		margin-top: calc(60 * var(--rem));
		font-size: calc(24 * var(--rem));
	}
	.p-section__text {
		font-size: calc(16 * var(--rem));
		line-height: 1.8;
		margin-top: calc(32 * var(--rem));
		font-weight: 500;
	}
	.p-section__items {
		width: 100%;
		margin: calc(40 * var(--rem)) 0 0 auto;
	}
	.p-serviceitem {
		padding-bottom: calc(8 * var(--rem));
		margin-bottom: calc(30 * var(--rem));

		grid-template-columns: 1fr;
	}
	.p-serviceitem__category {
		font-size: calc(16 * var(--rem));
	}
	.p-serviceitem__name {
		font-size: calc(20 * var(--rem));
	}
	.p-serviceitem__text {
		margin-top: calc(5 * var(--rem));
		font-size: calc(14 * var(--rem));
		font-weight: 500;
	}
	.p-serviceitem__image img {
		width: 80%;
		max-width: calc(200 * var(--rem));
		height: auto;
		margin-inline: auto;
	}
	/*MEDIA*/
	.l-media {
		margin-top: calc(120 * var(--rem));
	}
	.l-btob {
		margin-top: calc(120 * var(--rem));
	}
	/*fs*/
	.l-fs {
		margin-top: calc(120 * var(--rem));
	}
	/*footer*/
	.l-footer {
		margin-top: calc(80 * var(--rem));
	}
}