/* privacy/style.css
   一般的なプライバシーページ用スタイル（レスポンシブ） */

:root{
  --bg:#f7f7f9;
  --card:#ffffff;
  --text:#2b2b2b;
  --muted:#6c6c72;
  --accent:#2b6ea3;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}

.wrap{
  max-width:980px;
  margin:36px auto;
  padding:28px;
}

header{
  text-align:center;
  margin-bottom:22px;
}
header h1{
  margin:0 0 6px 0;
  font-size:28px;
  color:var(--accent);
}
header .subtitle{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.card{
  background:var(--card);
  border-radius:10px;
  padding:18px;
  box-shadow:0 6px 18px rgba(12,20,30,0.06);
}

.toc{margin:18px 0}
.toc h2{margin:0 0 8px 0;font-size:16px;color:var(--accent)}
.toc ol{margin:0;padding-left:18px;color:var(--muted)}
.toc a{color:var(--accent);text-decoration:none}

section{margin:18px 0}
section h2{font-size:18px;margin:0 0 8px 0;color:#213745}
section h3{font-size:15px;margin:8px 0;color:#314b5e}
section p, section ul, section address{margin:0 0 10px 0;color:var(--muted)}
section ul{padding-left:1.1em}
section li{margin-bottom:6px}

.note{font-size:0.95em;color:#7a4a4a}

footer{margin-top:26px;text-align:center;color:var(--muted);font-size:14px}

@media (max-width:640px){
  .wrap{padding:16px;margin:20px}
  header h1{font-size:20px}
}

/* focus outline for accessibility */
a:focus{outline:3px solid rgba(43,110,163,0.18);outline-offset:3px}