/* =========================================================
   文章ページ専用スタイル（プライバシーポリシーなど）
   ========================================================= */

.legal {
  padding: 72px 0 96px;
}
.legal__inner {
  max-width: 880px;
  font-size: 15px;
  line-height: 1.9;
}
.legal__inner h2 {
  margin: 48px 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border);
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 700;
  color: var(--color-navy);
}
.legal__inner p { margin: 0 0 16px; }
.legal__inner ul { margin: 0 0 16px; padding-left: 1.5em; }
.legal__inner li { margin-bottom: 4px; }
/* 本文中の文字リンクだけ下線を付ける（ボタンなどクラス付きのリンクは除く） */
.legal__inner a:not([class]) { text-decoration: underline; }
.legal__inner a:not([class]):hover { color: var(--color-blue); }

/* お問い合わせ窓口の表 */
.legal__contact {
  display: grid;
  grid-template-columns: 9em 1fr;
  margin: 0 0 16px;
  border-top: 1px solid var(--color-border);
}
.legal__contact dt,
.legal__contact dd {
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border);
}
.legal__contact dt { background: var(--color-bg-soft); font-weight: 700; color: var(--color-navy); }

.legal__date { margin-top: 48px; text-align: right; color: var(--color-text-sub); }

/* ---------- スマホ ---------- */
@media (max-width: 768px) {
  .legal { padding: 48px 0 64px; }
  .legal__inner { font-size: 14px; }
  .legal__inner h2 { margin-top: 40px; font-size: 18px; }
  .legal__contact { grid-template-columns: 1fr; }
  .legal__contact dt { padding-bottom: 4px; border-bottom: 0; }
}