@charset "UTF-8";
/* ============================================================
   FiG 法的ページ共通スタイル（/privacy/ ほか）
   本紙 public/index.html と同じトークンを再宣言している。
   本体CSSは index.html にインラインで入っているため読み込めない。
   本紙の色・書体を変えたら、このファイルも必ず突き合わせること
   （付随ページ.md「衛星ページはトークンが静かにドリフトする」）。
   ============================================================ */

:root{
  /* --- 色（本紙 index.html:38-46 と同値） --- */
  --paper:#F4F1EA;
  --paper-2:#EEEADF;
  --ink:#17140F;
  /* 補助テキスト色。paper 上で 5.07:1（本紙 index.html:34-37 の実測に同じ）。
     制定日・注記・表の副次テキストに使う。これ以上薄くしない */
  --muted:#6A665E;
  --line:#DBD4C7;
  --line-strong:#C6BCA6;
  --charcoal:#2B2B2B;

  /* --- 書体（本紙 index.html:42-45 と同値。--serif-en は本紙で使用箇所0なので持ち込まない） --- */
  --serif:"Zen Old Mincho",serif;
  --sans-en:"Jost",sans-serif;
  --sans:"Zen Kaku Gothic New",sans-serif;

  --gutter:clamp(20px,5vw,40px);
  /* 本紙の --maxw は 1180px だが、法務文書は読ませる文書なので1行を短くする */
  --legal-maxw:820px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}

body{
  background:var(--paper);
  color:var(--ink);
  /* 既定を「主役」の明朝に置く（規律 A7.5）。本紙は既定が脇役のゴシックだったため
     書体規律が5回崩れた。ここでは書き忘れたとき明朝へ倒れる向きにしてある。
     例外（表のセル・ラベル層）だけを下で上書きする */
  font-family:var(--serif);
  font-weight:400;
  font-size:.94rem;
  line-height:2.05;
  letter-spacing:.02em;
  /* text-align:justify は使わない（本紙に合わせる）。palt 単独は正しい状態＝規律 A10.5 */
  font-feature-settings:"palt" 1;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;}

.wrap{
  max-width:var(--legal-maxw);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

/* ============ ヘッダー ============
   このページはスクロールJSを載せないので sticky にしない（本紙は sticky＋.scrolled） */
.site-head{
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.site-head .wrap{
  max-width:1180px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  height:76px;
}
.site-head .logo-img{height:50px;width:auto;display:block;}
.head-back{
  font-family:var(--sans-en);
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  text-decoration:none;
  white-space:nowrap;
}
.head-back .jp{font-family:var(--serif);letter-spacing:.06em;margin-left:.7em;text-transform:none;}
.head-back:hover{color:var(--ink);}
@media(max-width:600px){
  .site-head .wrap{height:64px;}
  .site-head .logo-img{height:34px;}
}

/* ============ 本文 ============ */
main{padding-block:clamp(48px,7vw,88px) clamp(72px,9vw,120px);}

/* 見出しの一文字残りは構造で潰す（罠.md §5・本紙 index.html:60 と同じ考え方）。
   見出しは段落ではないので pretty ではなく balance（行長を揃える）を使う。
   SP390 で「13. 保有個人データの開示・訂正・利用停止等」が1字残りになったのを解消（実測 2026-07-29） */
h1,h2,h3{line-break:strict;text-wrap:balance;}

h1{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(1.55rem,2.6vw,2.05rem);
  line-height:1.55;
  letter-spacing:.06em;
  text-align:center;
}
.page-date{
  font-family:var(--sans-en);
  font-weight:400;
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--muted);
  text-align:center;
  margin-top:1.4rem;
}
.lede{margin-top:clamp(2.6rem,5vw,3.8rem);}

h2{
  font-family:var(--serif);
  font-weight:600;
  font-size:1.06rem;
  line-height:1.9;
  letter-spacing:.04em;
  margin-top:clamp(2.4rem,4.5vw,3.2rem);
  padding-bottom:.5em;
  border-bottom:1px solid var(--line);
}
h2 + *{margin-top:1.1em;}

h3{
  font-family:var(--serif);
  font-weight:600;
  font-size:.94rem;
  line-height:2.05;
  letter-spacing:.04em;
  margin-top:1.8em;
}

p{margin-top:1.1em;line-break:strict;text-wrap:pretty;}

ul,ol{margin-top:1.1em;padding-left:1.5em;}
li{margin-bottom:.5em;line-break:strict;text-wrap:pretty;}
ul li{list-style:disc;}
ol li{list-style:decimal;}
li:last-child{margin-bottom:0;}

/* 定義リスト（事業者情報・窓口） */
dl{margin-top:1.1em;display:grid;grid-template-columns:minmax(6em,8em) 1fr;column-gap:1.4em;}
dt{
  font-family:var(--sans);
  font-size:.84rem;
  letter-spacing:.06em;
  color:var(--muted);
  padding-block:.45em;
}
dd{padding-block:.45em;}
@media(max-width:560px){
  dl{grid-template-columns:1fr;}
  dt{padding-block:.7em 0;}
  dd{padding-block:0 .7em;}
}

/* 表 — 3層目「データと添え物」はゴシック（規律 A7.6）。
   罫線は --line-strong。paper 上で 1.67:1 と低いが、本紙のカード境界と同じ扱い（装飾罫）で
   構造の識別は余白と地色で担保している */
/* 表だけは読み幅（820px）を超えて広げる。本文の1行は短いままにしたいが、
   外部送信の表は5列あり、740pxに収めると列が痩せて一文字残りが出た（実測 2026-07-29）。
   ビューポートが狭いときは min() が 100% に落ちるので、はみ出さない */
.table-scroll{
  margin-top:1.1em;
  overflow-x:auto;
  width:min(1080px, calc(100vw - var(--gutter) * 2));
  margin-inline:calc((100% - min(1080px, 100vw - var(--gutter) * 2)) / 2);
}
table{
  border-collapse:collapse;
  width:100%;
  /* SP では .table-scroll 内で横スクロールさせる。520pxだと5列の各セルが痩せて
     一文字残りが出たため 640px（実測 2026-07-29） */
  min-width:640px;
  font-family:var(--sans);
  font-weight:400;
  font-size:.84rem;
  line-height:1.85;
  letter-spacing:.01em;
}
th,td{
  border:1px solid var(--line-strong);
  padding:.85em 1em;
  text-align:left;
  vertical-align:top;
  /* 一文字残りは構造で潰す（罠.md §5）。列が狭い表ほど出やすい。
     セルは段落ではなく短い語句なので pretty ではなく balance（行長を揃える）を使う */
  line-break:strict;
  text-wrap:balance;
}
th{
  background:var(--paper-2);
  font-weight:500;
  color:var(--ink);
}

/* 注記 */
.note{
  font-size:.84rem;
  line-height:1.95;
  color:var(--muted);
  margin-top:1.1em;
}

/* 本文中のリンクは下線を出す（法務文書は参照先が本文の一部になる） */
main a{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.28em;
  text-decoration-color:var(--line-strong);
}
main a:hover{text-decoration-color:var(--ink);}

/* ============ フッター（本紙 index.html:332-339 と同じ組） ============ */
footer{
  background:var(--charcoal);
  color:var(--paper);
  padding-block:clamp(2.4rem,5vw,3.4rem);
}
footer .wrap{max-width:1180px;}
.foot-nav{
  font-family:var(--sans-en);
  font-weight:300;
  font-size:.72rem;
  letter-spacing:.06em;
  /* #B3B0AA on #2B2B2B = 6.55:1（実測 2026-07-29） */
  color:#B3B0AA;
}
.foot-nav a:hover{color:var(--paper);}
.foot-copy{
  margin-top:1.3rem;
  padding-top:1.3rem;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  font-family:var(--sans-en);
  font-weight:300;
  font-size:.72rem;
  letter-spacing:.06em;
  /* #98948D on #2B2B2B = 4.69:1（実測 2026-07-29） */
  color:#98948D;
}