/*
 * スマブロ プライバシーポリシー / 利用規約
 * 2026-10-03 新設（lp.css の変数・ヘッダー・フッターを共用）
 */

.legal-body .lp-header__actions { margin-left: auto; }
@media (max-width: 640px) {
  .legal-body .lp-header__actions .lp-btn--ghost { display: inline-flex; }
}

.legal { padding: 56px 0 88px; background: var(--lp-bg-soft); }
.legal__title {
  font-size: clamp(26px, 4vw, 34px); font-weight: 800; color: var(--lp-navy);
  line-height: 1.4; margin-bottom: 28px;
}
.legal__body {
  background: #fff; border: 1px solid var(--lp-line); border-radius: var(--lp-radius);
  box-shadow: var(--lp-shadow); padding: 40px 44px;
  font-size: 15px; line-height: 1.95;
}
.legal__body > :first-child { margin-top: 0; }
.legal__body h2 {
  font-size: 18px; font-weight: 800; color: var(--lp-navy);
  margin: 40px 0 12px; padding-left: 12px; border-left: 4px solid var(--lp-blue);
  line-height: 1.5;
}
.legal__body p { margin: 0 0 14px; }
.legal__body ol, .legal__body ul { margin: 0 0 14px; padding-left: 1.6em; }
.legal__body ol { list-style: decimal; }
.legal__body ul { list-style: disc; }
.legal__body li { margin: 4px 0; }
.legal__body li > ul { margin: 6px 0 4px; }
.legal__body strong { color: var(--lp-ink); }
.legal__body .legal-date { margin-top: 36px; color: var(--lp-muted); font-size: 14px; text-align: right; }

@media (max-width: 640px) {
  .legal { padding: 36px 0 64px; }
  .legal__body { padding: 26px 20px; font-size: 14.5px; }
  .legal__body h2 { font-size: 16.5px; margin-top: 32px; }
}