/* legal.css — 特商法表記・プライバシーポリシー共通スタイル
   LPのブランド(ネイビー×オレンジ)を保ちつつ、法定表示は可読性を最優先にする */
:root{
  --bg0:#0B1220; --line:rgba(255,255,255,.10);
  --ink:#EAF0F8; --sub:#9DB2CE; --dim:#6E82A0;
  --orange:#F97316; --amber:#FDBA74;
  --grad:linear-gradient(120deg,#FF8C3B 0%,#F97316 45%,#FDBA74 100%);
  --disp:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;
  --body:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;
  --latin:'Inter','Noto Sans JP',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:var(--body);
  color:var(--ink);background:var(--bg0);line-height:1.95;
  background-image:radial-gradient(800px 500px at 80% -10%,rgba(249,115,22,.13),transparent 60%);
  background-attachment:fixed;
}
.wrap{max-width:800px;margin:0 auto;padding:0 22px}

header.legal-head{padding:56px 0 34px;border-bottom:1px solid var(--line);margin-bottom:44px}
.back{display:inline-flex;align-items:center;gap:7px;font-family:var(--latin);font-size:12.5px;
  font-weight:600;letter-spacing:.1em;color:var(--amber);text-decoration:none;margin-bottom:22px}
.back:hover{opacity:.8}
h1{font-family:var(--disp);font-size:clamp(24px,4.6vw,32px);font-weight:900;line-height:1.5}
.sub{color:var(--sub);font-size:13.5px;margin-top:10px}

main{padding-bottom:80px}
h2{font-family:var(--disp);font-size:17px;font-weight:900;margin:40px 0 12px;
  padding-left:14px;border-left:3px solid transparent;
  border-image:var(--grad) 1;line-height:1.6}
h2:first-child{margin-top:0}
p{font-size:14.5px;color:var(--ink);margin-bottom:14px}
ul{margin:0 0 16px 20px;font-size:14.5px}
li{margin-bottom:7px}
a{color:var(--amber)}

table{width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:22px}
th,td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{width:33%;color:var(--sub);font-weight:700;background:rgba(255,255,255,.025)}
@media(max-width:600px){
  th,td{display:block;width:100%;padding:12px 14px}
  th{border-bottom:none;padding-bottom:2px}
  td{padding-top:2px}
}

/* 未記入項目。公開前に必ず実際の情報へ差し替える */
.fill{background:rgba(249,115,22,.16);border:1px dashed rgba(249,115,22,.65);
  border-radius:6px;padding:2px 9px;color:var(--amber);font-size:13.5px;white-space:nowrap}
.notice{background:rgba(249,115,22,.09);border:1px solid rgba(249,115,22,.4);
  border-radius:14px;padding:20px 22px;font-size:13.5px;color:var(--ink);margin-bottom:34px}
.notice b{color:var(--amber)}

footer{border-top:1px solid var(--line);color:var(--dim);font-size:12px;padding:30px 22px;text-align:center}
footer a{color:var(--sub)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}