@charset "utf-8";

/* ===============================================
   トップページ 実績バンド（lp-results）
   =============================================== */
.lp-results {
	padding-top: 70px;
	padding-bottom: 70px;
}
/* 数字 */
.lp-results__num {
	margin: 0;
	color: var(--gold);
	font-size: clamp(40px, 80 / 1200 * 100vw, var(--fs-stat-num));
	font-weight: var(--fw-stat-num);
	line-height: var(--lh-stat-num);
}
.lp-results__plus {
	font-weight: var(--fw-stat-unit);
}
/* 単位 */
.lp-results__unit {
	margin: 0;
	color: var(--gold);
	font-size: clamp(20px, 28 / 1200 * 100vw, 28px);
	font-weight: 700;
	line-height: 1.2;
}
/* 説明文 */
.lp-results__label {
	margin: 0;
	padding-top: 6px;
	color: var(--white);
	font-size: 18px;
	font-weight: var(--fw-stat-label);
	line-height: 27px;
}

/* カラム */
body .lp-results.wp-block-group > .lp-results-cols {
	gap: 0;
	max-width: min(var(--content-width), calc(100% - var(--content-gutter) * 2)) !important;
	margin-left: auto;
	margin-right: auto;
}
.lp-results-cols > .wp-block-column {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	border-left: 1px solid rgba(255, 255, 255, .35);
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.cf7-band .lp-results-cols > .wp-block-column {
	border-left: 0;
}
.lp-results-cols > .wp-block-column:first-child {
	border-left: 0;
}

/* PC */
@media (min-width: 782px) {
	.lp-results:not(.cf7-band) > .lp-results-cols > .wp-block-column {
		flex: 299 1 0;
		padding: 0 40px;
		border-left: 1px solid #FFFFFF33;
	}
	.lp-results:not(.cf7-band) > .lp-results-cols > .wp-block-column:first-child {
		padding-left: 0;
		border-left: 0;
	}
	.lp-results:not(.cf7-band) > .lp-results-cols > .wp-block-column:last-child {
		flex-grow: 363;
	}
}

/* PC：1260px 基準で全体を縮小 */
@media (min-width: 992px) {
	.lp-results:not(.cf7-band) > .lp-results-cols {
		container-type: inline-size;
	}
	.lp-results:not(.cf7-band) > .lp-results-cols > .wp-block-column {
		height: min(138px, 138 / 1260 * 100cqw);
		padding-right: min(40px, 40 / 1260 * 100cqw);
		padding-left: min(40px, 40 / 1260 * 100cqw);
	}
	.lp-results:not(.cf7-band) > .lp-results-cols > .wp-block-column:first-child {
		padding-left: 0;
	}
	.lp-results:not(.cf7-band) .lp-results__num {
		font-size: min(80px, 80 / 1260 * 100cqw);
	}
	.lp-results:not(.cf7-band) .lp-results__unit {
		font-size: min(28px, 28 / 1260 * 100cqw);
		white-space: nowrap;
	}
	.lp-results:not(.cf7-band) .lp-results__label {
		padding-top: min(6px, 6 / 1260 * 100cqw);
		font-size: min(18px, 18 / 1260 * 100cqw);
		line-height: min(27px, 27 / 1260 * 100cqw);
		white-space: nowrap;
	}
}

/* SP */
@media (max-width: 781px) {
	.lp-results-cols > .wp-block-column {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, .35);
		padding-left: 0;
		padding-right: 0;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.lp-results-cols > .wp-block-column:first-child {
		border-top: 0;
	}
}
