/* ============================================================
   プライバシーポリシー（個人情報保護方針）専用スタイル

   共通スタイル（style.css）には足さない。トップページの表示に
   影響を出さずに直せるようにするため（grandprix.css と同じ方針）。

   【置き場所を変えないこと】
   public/ の直下にある前提。style.css と同じ階層に置くことで
   url() の解決先が揃う。privacy/ の中に移すと背景画像が切れる。

   【変更したらバージョンを上げること】
   参照側を privacy.css?v=2、?v=3 … と上げる。
   CSS はサーバー側で7日間キャッシュされるため。
   ============================================================ */

/* ------------------------------------------------------------
   パンくず（grandprix.css と同じ見た目。共通化は下位ページが
   3枚以上になってから行う。いま共通化すると、片方を直したとき
   もう片方が巻き込まれて切り分けが面倒になる）
   ------------------------------------------------------------ */
.pv-crumb{background:var(--warm);border-bottom:1px solid var(--hair)}
.pv-crumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .5rem;
  padding:.85rem 0;margin:0;list-style:none;
  font-size:12px;font-weight:700;color:var(--muted)}
.pv-crumb a{color:var(--muted);text-decoration:none;
  display:inline-flex;align-items:center;min-height:44px}
.pv-crumb a:hover{color:var(--red);text-decoration:underline}
.pv-crumb li+li::before{content:"／";margin-right:.5rem;color:var(--hair)}
.pv-crumb [aria-current="page"]{color:var(--ink);display:inline-flex;
  align-items:center;min-height:44px}

/* ------------------------------------------------------------
   ページ見出し
   規約ページなので赤帯は使わない。読む文書であることを優先して
   ウォームホワイト地に罫線だけで構える
   ------------------------------------------------------------ */
.pv-head{background:var(--warm);padding:var(--sp-5) 0 var(--sp-4);
  border-bottom:2px solid var(--rule)}
.pv-head .en{font-family:var(--en);font-size:clamp(11px,3vw,13px);
  letter-spacing:.26em;line-height:1;color:var(--red)}
.pv-head h1{margin-top:var(--sp-2);font-size:clamp(24px,6.4vw,34px);
  line-height:1.35;font-weight:900;color:var(--ink)}
.pv-head .intro{margin-top:var(--sp-3);max-width:40em;
  font-size:clamp(14px,3.8vw,16px);line-height:1.85;color:var(--ink)}

/* ------------------------------------------------------------
   本文
   長文を読ませるページなので1行の文字数を抑える。
   40em = 640px で、本文 15px なら1行およそ42文字。
   日本語は1行35〜45文字が読みやすい（44em だと47文字で少し長い）
   ------------------------------------------------------------ */
.pv-body{background:var(--white);padding:var(--sp-5) 0 var(--sp-6)}
.pv-body .wrap > *{max-width:40em}

.pv-art{padding:var(--sp-4) 0}
.pv-art+.pv-art{border-top:1px solid var(--hair)}
.pv-art h2{font-size:clamp(16px,4.4vw,19px);line-height:1.5;font-weight:900;
  color:var(--ink)}
.pv-art p{margin-top:.9rem;font-size:clamp(14px,3.8vw,15px);line-height:1.9;
  color:var(--ink)}
.pv-art ol,.pv-art ul{margin:.9rem 0 0;padding-left:1.4em}
.pv-art li{font-size:clamp(14px,3.8vw,15px);line-height:1.9;color:var(--ink)}
.pv-art li+li{margin-top:.5rem}
/* 入れ子のリスト（利用目的の内訳など） */
.pv-art li > ul{margin-top:.5rem}
.pv-art a{color:var(--red);text-decoration:underline;
  text-underline-offset:.15em}
.pv-art a:hover{text-decoration-thickness:2px}

/* ------------------------------------------------------------
   事業者情報（末尾の署名部分）
   ------------------------------------------------------------ */
.pv-issuer{margin-top:var(--sp-5);padding:1.25rem 1.3rem;
  background:var(--warm);border:1px solid var(--rule);border-radius:var(--r-lg)}
.pv-issuer dl{margin:0;display:grid;gap:.55rem 1rem}
.pv-issuer dt{font-size:12px;font-weight:900;color:var(--red);letter-spacing:.03em}
.pv-issuer dd{margin:0;font-size:14px;line-height:1.75;color:var(--ink)}
.pv-date{margin-top:var(--sp-3);font-size:13px;color:var(--muted);line-height:1.8}

/* ------------------------------------------------------------
   内容が未確定の箇所に置く目印（公開時に全て消す）
   ------------------------------------------------------------ */
.pv-todo{display:inline-block;border:2px dashed var(--red);border-radius:var(--r-sm);
  padding:.25rem .6rem;background:#FDF1F2;
  font-size:12px;font-weight:900;color:var(--red);line-height:1.5}

/* ------------------------------------------------------------
   768px 以上
   ------------------------------------------------------------ */
@media (min-width:768px){
  .pv-issuer dl{grid-template-columns:9rem 1fr;gap:.7rem 1.4rem}
}

/* ------------------------------------------------------------
   公開前の注意帯（本公開時に HTML 側ごと削除する）
   ------------------------------------------------------------ */
.pv-draft{background:var(--yellow);color:var(--ink);
  padding:.8rem 1.25rem;font-size:13px;font-weight:900;line-height:1.5;
  text-align:center;position:relative;z-index:50}