/* legal.css: 法的ページ(特商法・プライバシーポリシー・利用規約)共通スタイル。LP本体のトーンに合わせる。 */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#070709;color:#ECE9E3;font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#E9B85C;text-decoration:none}
a:hover{color:#F5CE84}
::selection{background:rgba(233,184,92,.35)}

.legal-header{display:flex;align-items:center;gap:10px;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,7,9,.82)}
.legal-header .mark{width:22px;height:22px;border:1.5px solid #ECE9E3;border-radius:50%;display:grid;place-items:center;font-family:'Antonio',sans-serif;font-size:11px}
.legal-header .name{font-family:'Antonio',sans-serif;font-size:17px;letter-spacing:.28em;font-weight:600;color:#ECE9E3}

.legal-wrap{max-width:820px;margin:0 auto;padding:64px 24px 96px}
.legal-wrap h1{margin:0 0 8px;font-size:clamp(24px,4vw,34px);font-weight:900;letter-spacing:.04em}
.legal-updated{margin:0 0 48px;font-size:12px;color:rgba(236,233,227,.45)}
.legal-wrap h2{margin:44px 0 14px;font-size:17px;font-weight:900;padding-left:14px;border-left:3px solid #E9B85C}
.legal-wrap p,.legal-wrap li{font-size:13.5px;line-height:2;color:rgba(236,233,227,.75)}
.legal-wrap ol,.legal-wrap ul{padding-left:22px}
.legal-note{font-size:12px;color:rgba(236,233,227,.5)}

/* 特商法などの項目表 */
.legal-table{border-top:1px solid rgba(255,255,255,.12);margin-top:8px}
.legal-table .row{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:16px;padding:16px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.legal-table .k{font-size:13px;font-weight:700;color:rgba(236,233,227,.55)}
.legal-table .v{font-size:13.5px;line-height:1.9;color:rgba(236,233,227,.8)}
@media (max-width:560px){.legal-table .row{grid-template-columns:1fr;gap:4px}}

.legal-footer{padding:40px 24px 56px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:12px;color:rgba(236,233,227,.45)}
.legal-footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;font-size:12.5px}