/* =========================================================
   合同会社Link — プライバシーポリシーなど文章ページ(/privacy/)専用
   共通の色・フォント・部品は style.css、見出し帯は service-hp.css を使用
   ========================================================= */

.page-hero--legal { padding-bottom: 64px; }
@media (min-width: 768px) { .page-hero--legal { padding-bottom: 88px; } }
.page-hero--legal .page-hero__title { margin-top: 40px; }

.legal { font-size: 15px; line-height: 2; color: var(--ink); }
.legal > p:first-child { margin-top: 0; }
.legal h2 {
  margin: 56px 0 16px; padding-bottom: 10px; border-bottom: 1px solid var(--rule);
  font-family: var(--font-serif); font-size: 19px; font-weight: 700; line-height: 1.6;
}
.legal p { margin: 12px 0 0; }
.legal ul, .legal ol { margin: 12px 0 0; padding-left: 1.4em; }
.legal ul { list-style: disc; }
.legal ol { list-style: decimal; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--navy-600); text-decoration: underline; text-underline-offset: 3px; word-break: break-all; }
.legal__box { margin-top: 16px; padding: 20px 24px; background: var(--white); border: 1px solid var(--rule); }
.legal__box dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 20px; margin: 0; }
.legal__box dt { color: var(--ink-mute); }
.legal__box dd { margin: 0; }
.legal__date { margin-top: 56px; color: var(--ink-mute); font-size: 13.5px; text-align: right; }