/* 利用規約・プライバシーポリシー共通。色と書体は index.html の :root に合わせる */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --night:#14110F;--room:#1C1814;--line:#3A3129;
  --ink:#EFE7DA;--muted:#BDB1A0;--faint:#948775;--lamp:#EBA65B;--lamp-hi:#F4BC79;
  --serif:'Shippori Mincho B1',serif;--sans:'Noto Sans JP',sans-serif;
}
html{background:var(--night)}
body{min-height:100vh;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:var(--lamp-hi)}
:focus-visible{outline:2px solid var(--lamp-hi);outline-offset:2px}

.legal-head{border-bottom:1px solid var(--line)}
.legal-head a{display:inline-block;padding:16px;font-family:var(--serif);font-weight:700;font-size:18px;letter-spacing:.08em;color:var(--ink);text-decoration:none}

.legal{max-width:760px;margin:0 auto;padding:32px 16px 64px}
.legal h1{font-family:var(--serif);font-weight:700;font-size:clamp(22px,6vw,28px);letter-spacing:.06em;margin-bottom:8px}
.legal .lead{color:var(--muted);margin-bottom:28px}
.legal h2{font-size:16px;font-weight:700;margin:32px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
.legal p{margin:8px 0}
.legal ol{padding-left:1.6em;margin:8px 0}
.legal li{margin:6px 0}
/* 号は (1) (2) … で振る */
.legal ol.go{list-style:none;padding-left:2.4em;counter-reset:go}
.legal ol.go>li{position:relative;counter-increment:go}
.legal ol.go>li::before{content:"(" counter(go) ")";position:absolute;left:-2.4em;color:var(--muted)}
.legal ul{padding-left:1.4em;margin:8px 0}

.legal .tbl{overflow-x:auto;margin:12px 0}
.legal table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:var(--room);font-weight:700;white-space:nowrap}

.legal .contact{margin-top:8px;padding:12px 14px;background:var(--room);border:1px solid var(--line);border-radius:8px}
.legal .date{margin-top:40px;color:var(--muted);text-align:right}

.site-foot{border-top:1px solid var(--line);padding:20px 16px 28px;text-align:center;font-size:13px;color:var(--faint)}
.site-foot nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px;margin-bottom:8px}
.site-foot a{color:var(--muted);text-decoration:none}
.site-foot a:hover{color:var(--ink);text-decoration:underline}