/* ============================================================
   法的ページ（プライバシーポリシー / 利用規約）共通スタイル
   privacy.html / terms.html のインラインスタイルを外部化
   ============================================================ */

/* ---- 元サイトの法的ページは column.css ベース。
        helix.css の CSS変数・スタイルを column.css の値に上書き ---- */
:root{
  --bg:#fff;
  --ink:#1a1c20;
  --ink-soft:#3f434a;
  --muted:rgba(26,28,32,.52);
  --line:rgba(26,28,32,.14);
  --gold:#b08a2e;
}
body{background:var(--bg) !important;color:var(--ink);font-family:var(--sans) !important;font-weight:300;
  line-height:1.95;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* 本文系の要素にフォントを明示（Lightning親テーマの body フォント指定を打ち消す） */
/* ゴシック（本文） */
.legal,.legal p,.legal li,.legal__lead,
.legal__body,.legal__body p,.legal__body li{font-family:var(--sans) !important}
/* 明朝（見出し・署名） */
.legal h1,.legal__subhead,.legal__sign,.legal__body h2{font-family:var(--serif) !important}
/* ラテン（ラベル・章番号） */
.legal__label,.legal__body h2 .no{font-family:var(--latin) !important}

.nav .b-primary{background:var(--cyan) !important;color:#fff !important}
.nav .b-primary:hover{background:#0fb1cd !important}
.foot-links a{color:var(--ink-soft) !important;font-family:var(--serif)}
.foot-links a:hover{color:var(--gold)}

/* section / 見出し / ブロックの余分なボーダー・装飾を除去
   （Lightning親テーマやWPブロックのデフォルト装飾を打ち消し） */
.legal section,
.legal__body section,
.legal__body .wp-block-group{border:none !important;box-shadow:none !important;padding-top:0;padding-bottom:0}
.legal__body h2{border:none !important;border-top:none !important;border-bottom:none !important;
  border-left:none !important;padding-top:0;padding-left:0}
.legal__body hr,
.legal__body .wp-block-separator{display:none}
.legal{max-width:840px;margin:0 auto;padding:calc(15px + 60px + clamp(40px,7vh,80px)) clamp(24px,6vw,40px) clamp(70px,11vh,120px)}
.legal__head{text-align:center;margin-bottom:clamp(44px,7vh,76px)}
.legal__label{font-family:var(--latin);letter-spacing:.4em;font-size:12px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}
.legal h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.6vw,48px);letter-spacing:.1em;color:var(--ink);line-height:1.4}
.legal__lead{font-size:clamp(14px,1.5vw,16px);line-height:2.4;color:var(--ink-soft);margin-bottom:clamp(40px,6vh,64px);letter-spacing:.02em}
.legal__subhead{font-family:var(--serif);font-weight:600;font-size:clamp(18px,2.4vw,26px);letter-spacing:.05em;color:var(--ink);
  text-align:center;margin-bottom:clamp(40px,6vh,64px);padding-bottom:clamp(20px,3vh,28px);border-bottom:1px solid var(--line)}

/* ブロックエディタの出力に合わせたスタイリング */
.legal__body section,
.legal__body .wp-block-group{margin-bottom:clamp(34px,5vh,52px)}
.legal__body h2{font-family:var(--serif);font-weight:600;font-size:clamp(17px,2.1vw,22px);line-height:1.6;letter-spacing:.04em;color:var(--ink);
  margin-bottom:clamp(14px,2.4vh,20px);display:flex;gap:12px;align-items:baseline}
.legal__body h2 .no{font-family:var(--latin);font-size:.86em;color:var(--gold);min-width:1.4em}
.legal__body p{font-size:clamp(14px,1.5vw,15.5px);line-height:2.3;color:var(--ink-soft);letter-spacing:.02em}
.legal__body p + p{margin-top:1em}
.legal__body ul{list-style:none;margin:14px 0;padding-left:2px}
.legal__body ul li{position:relative;padding-left:20px;font-size:clamp(14px,1.5vw,15.5px);line-height:2.2;color:var(--ink-soft)}
.legal__body ul li::before{content:"";position:absolute;left:2px;top:.95em;width:6px;height:1px;background:var(--gold)}
.legal__body a.inline{color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color .3s}
.legal__body a.inline:hover{border-color:var(--gold)}
.legal__sign{margin-top:clamp(34px,5vh,52px);font-family:var(--serif);font-size:15px;letter-spacing:.06em;color:var(--ink)}
.legal__cta{text-align:center;margin-top:clamp(50px,8vh,84px);padding-top:clamp(40px,6vh,60px);border-top:1px solid var(--line)}
.legal__cta a{display:inline-block;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.12em;color:#fff;
  background:var(--ink);border-radius:40px;padding:17px 48px;transition:background .3s,transform .3s}
.legal__cta a:hover{background:#000;transform:translateY(-1px)}