/* 法務ページ（プライバシーポリシー・電子公告）。
   デモにデザインが存在しないため、他ページのトーンに合わせたシンプルな
   本文レイアウトとして新規に作る。 */

.sb-legal {
	background: var(--sb-paper);
	color: var(--sb-charcoal);
	padding: 72px 24px 96px;
}

.sb-legal__inner {
	max-width: 760px;
	margin: 0 auto;
	animation: hFadeUp 1s 0.1s both;
}

.sb-legal__label {
	display: block;
	font: 9.5px/1 var(--sb-font-mono);
	letter-spacing: .3em;
	color: var(--sb-green-dark);
	margin-bottom: 18px;
}

.sb-legal__title {
	font-size: clamp(26px, 3.4vw, 38px);
	line-height: 1.5;
	letter-spacing: 0.01em;
	margin-bottom: 40px;
}

.sb-legal__body {
	font: 300 14.5px/2.1 var(--sb-font-sans);
}

.sb-legal__body h2 {
	font-size: 18px;
	margin: 44px 0 14px;
}

.sb-legal__body h3 {
	font-family: var(--sb-font-sans);
	font-size: 14.5px;
	font-weight: 700;
	margin: 28px 0 10px;
}

.sb-legal__body p {
	margin-bottom: 20px;
}

.sb-legal__body ul,
.sb-legal__body ol {
	margin: 0 0 20px 1.4em;
	list-style: disc;
}

.sb-legal__body ol {
	list-style: decimal;
}

.sb-legal__body li {
	margin-bottom: 8px;
}

.sb-legal__body a {
	color: var(--sb-green-dark);
	text-decoration: underline;
}

.sb-legal__updated {
	margin-top: 56px;
	padding-top: 20px;
	border-top: 1px solid rgba(20, 21, 15, 0.14);
	font: 9px/1.8 var(--sb-font-mono);
	letter-spacing: 0.2em;
	/* 0.5 では paper 上で 3.36 しかなく 9px の通常文字では AA を満たさない。
	   0.65 で 5.48（2026-09-08 実測）。フッターの著作権表記（2026-08-18）と
	   ビジョンページ（2026-09-08）で同じ是正を行っている。 */
	color: rgba(20, 21, 15, 0.65);
}

@media (max-width: 900px) {
	.sb-legal {
		padding: 56px 22px 80px;
	}
}

@media (max-width: 560px) {
	.sb-legal {
		padding: 48px 20px 72px;
	}
}