@charset "UTF-8";
/* 免責事項ページ — Figma PC `166:808`（PC_免責事項）
   目次サイドバーが無い単カラム構成という点以外、縦のリズム（見出し29px /
   ブロック間24px / 条文間50px、番号列の gap14 など）は page-terms.css の
   プログラム規約ページと Figma 実測値が完全に一致していたため、
   同じクラス構成を disclaimer- プレフィックスで踏襲している。 */

/* --------------------------------------------------------------------------
   MV（濃紺 + グリッドの下層共通部分は base.css の .page-mv）
   -------------------------------------------------------------------------- */

.disclaimer-mv {
	/* PC: 帯 136–386（250px、規約ページと共通の MV コンポーネント）/
	   タイトル上端は常に帯先頭+57px。リード文がプレースホルダーの1行のみで
	   規約ページ（2行）より中身が低いぶん、下側の余白だけ広くなる。 */
	padding-top: 57px;
	padding-bottom: 84px;
}

.disclaimer-mv__title {
	/* Figma 実測 50px・行送り1.2（規約ページの40px・1.5と行送り高さ60pxで一致） */
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	font-feature-settings: "palt" 1;
	font-family: var(--font-display);
}

.disclaimer-mv__lead {
	margin-top: 22px;
	font-size: var(--fs-lead);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.6);
}

/* --------------------------------------------------------------------------
   単カラム本文（900px、ビューポート中央）
   -------------------------------------------------------------------------- */

.disclaimer {
	width: min(900px, 100% - 40px);
	margin-inline: auto;
	/* MV 下端 386 → 中身 458 / 本文下端 4892 → フッター 4944 */
	padding-top: 72px;
	padding-bottom: 52px;
}

.disclaimer-body {
	display: flex;
	flex-direction: column;
	/* 各ブロック（条文・「以上」・区切り線・制定日）の間隔は Figma 実測でどこも 50px */
	gap: 50px;
}

.disclaimer-article {
	display: flex;
	flex-direction: column;
	gap: 24px;
	scroll-margin-top: calc(var(--header-h) + 24px);
}

.disclaimer-article__heading {
	display: flex;
	gap: 5px;
	align-items: center;
	padding-bottom: 14px;
	border-bottom: 1px solid #e2e8f1;
	font-weight: 700;
}

.disclaimer-article__no {
	flex: none;
	font-family: var(--font-mono);
	font-size: var(--fs-small);
	line-height: 1.2;
	color: var(--c-primary);
}

.disclaimer-article__title {
	font-size: var(--fs-h3);
	line-height: 1.2;
	color: var(--c-text);
	font-feature-settings: "palt" 1;
}

/* 項（1. 2. 3. …） */
.disclaimer-para {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.disclaimer-para__no {
	flex: none;
	width: 18px;
	font-family: var(--font-mono);
	font-size: var(--fs-small);
	line-height: 1.7;
	color: var(--c-text);
}

.disclaimer-para__text {
	font-size: var(--fs-small);
	line-height: 1.7;
	color: var(--c-text);
}

.disclaimer-para__link {
	color: var(--c-primary);
	font-weight: 700;
	text-decoration: underline;
}

/* 中黒（disc）の箇条書き（第6条・第9条）。Figma 側はリッチテキストの1ブロックとして
   書き出されており項目間の実測値が取れないため、他の箇条書き（terms-box__bullets）と
   揃えて gap:7px を採用している。 */
.disclaimer-list {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-left: 21px;
	list-style: disc;
	font-size: var(--fs-small);
	line-height: 1.7;
	color: var(--c-text);
}

/* --- 末尾 --- */

.disclaimer-body__closing {
	text-align: right;
	font-size: var(--fs-small);
	line-height: 1.7;
	color: var(--c-text);
}

.disclaimer-body__rule {
	height: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #e2e8f1;
}

.disclaimer-body__enacted {
	font-size: var(--fs-small);
	line-height: 1.7;
	color: #6b7a8f;
}

/* --------------------------------------------------------------------------
   SP — Figma `166:1110`（SP_免責事項、375px 幅）実測値
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	:root {
		--fs-small: 14px;
	}

	.disclaimer-mv {
		padding-top: 46px;
		padding-bottom: 70px;
	}

	.disclaimer-mv__title {
		font-size: 30px;
	}

	.disclaimer-mv__lead {
		font-size: var(--fs-small);
	}

	.disclaimer {
		/* MV 下端 382 → 中身 441 / 本文下端 7521 → フッター 7637 */
		padding-top: 59px;
		padding-bottom: 116px;
	}

	.disclaimer-body {
		gap: 40px;
	}

	.disclaimer-list {
		padding-left: 16px;
	}
}