/*
 * SECTION #001
 *
 * kokodake の販売ページ専用の見出し。
 * テーマ側の見出し装飾が乗らないよう、背景と擬似要素をここで打ち消す。
 */

.wpp-kokodake-lead-001.wpp-kokodake-lead-001 {
	--wpp-kokodake-lead-001-ink: #1b2a4a;
	--wpp-kokodake-lead-001-muted: #6b7684;
	--wpp-kokodake-lead-001-accent: #e85a4f;

	color: var(--wpp-kokodake-lead-001-ink);
	line-height: 1.9;
}

.wpp-kokodake-lead-001.wpp-kokodake-lead-001 .kld-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	padding: 0;
	background: none;
	color: var(--wpp-kokodake-lead-001-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .18em;
	line-height: 1;
}

.wpp-kokodake-lead-001.wpp-kokodake-lead-001 .kld-eyebrow::before {
	content: "";
	width: 32px;
	height: 2px;
	background: currentColor;
}

.wpp-kokodake-lead-001.wpp-kokodake-lead-001 .kld-title {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	color: var(--wpp-kokodake-lead-001-ink);
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: .01em;
}

.wpp-kokodake-lead-001.wpp-kokodake-lead-001 .kld-title::before,
.wpp-kokodake-lead-001.wpp-kokodake-lead-001 .kld-title::after {
	content: none;
}

.wpp-kokodake-lead-001.wpp-kokodake-lead-001 .kld-lead {
	margin: 16px 0 0;
	padding: 0;
	background: none;
	color: var(--wpp-kokodake-lead-001-muted);
	font-size: 15px;
}