.footer-before {
	--cont-layer: 5;
	position: relative;
}

/* 背景画像 */
.footer-before__bg {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	object-position: 50% 38%;
	z-index: calc(var(--cont-layer) - 1);
	opacity: .5;
}

/* 背景色 */
.footer-before:not(:has(.footer-before__bg)) .footer-before__inner {
	position: relative;
}
.footer-before:not(:has(.footer-before__bg)) .footer-before__inner::after {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	content: "";
	width: 100vw;
	height: 100%;
	background: rgba(107, 172, 225, 0.05);
	z-index: -1;
}

/* コンテナ */
.footer-before__container {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--g-sec--md);
	width: 100%;
	height: 100%;
	padding: var(--g-sec--md) 0;
	z-index: var(--cont-layer);
}

/* 文 */
.footer-before__content {
	max-width: 828px;
	margin-inline: auto;
	font-weight: var(--fw-lg);
}
.footer-before__content > *:not(:last-child) {
	margin-bottom: 0.5rem;
}

/* ボタン */
.footer-before__btn {
	text-align: center;
}
.footer-before:has(.footer-before__bg) .c-arrowBtn {
	max-width: fit-content;
	min-width: auto;
	font-size: clamp(1.125rem, 1.036rem + 0.24vw, 1.25rem);
}