/* 特商法・プライバシーポリシーのページ（style.css の変数を使う。新しい色は足さない） */
.legal { padding: clamp(28px, 7vw, 56px) clamp(18px, 5vw, 44px) clamp(36px, 8vw, 64px); }
.legal__title { font-size: clamp(22px, 5.6vw, 34px); font-weight: 900; line-height: 1.4; color: var(--navy); text-wrap: balance; }
.legal__lead { margin-top: 12px; font-size: clamp(14px, 3.6vw, 16px); color: var(--ink-2); }
.legal__table { width: 100%; margin-top: clamp(20px, 5vw, 32px); border-collapse: collapse; font-size: clamp(14px, 3.6vw, 16px); }
.legal__table th, .legal__table td { padding: 14px 12px; border-top: 1px solid #dcdde3; text-align: left; vertical-align: top; }
.legal__table tr:last-child th, .legal__table tr:last-child td { border-bottom: 1px solid #dcdde3; }
.legal__table th { width: 34%; background: var(--pale); font-weight: 700; color: var(--navy); }
.legal h2 { margin-top: clamp(24px, 6vw, 36px); font-size: clamp(16px, 4.2vw, 19px); font-weight: 700; color: var(--navy); }
.legal p, .legal li { margin-top: 8px; font-size: clamp(14px, 3.6vw, 16px); color: var(--ink); }
.legal ul { margin-top: 8px; padding-left: 1.4em; }
.legal__date { margin-top: clamp(24px, 6vw, 36px); font-size: 13px; color: var(--ink-2); }
.legal__back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 16px; color: var(--purple-d); font-weight: 700; }
@media (max-width: 480px) { .legal__table th, .legal__table td { display: block; width: 100%; } .legal__table td { border-top: 0; padding-top: 4px; } }