/* CocoMico Quest 法務ページ共通スタイル（公式サイトの配色に合わせる） */
:root{
  --ink:#211a2c; --ink2:#2e2440; --card:#342a49;
  --cream:#fff6e8; --gold:#ffce63; --muted:#b7aecb; --sky:#6fc7ff;
  --maxw:760px;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--ink); color:var(--cream);
  font-family:'Zen Kaku Gothic New','Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
  line-height:1.9; font-size:15px;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px}
header.top{border-bottom:1px solid rgba(255,255,255,.08); padding:18px 0; background:var(--ink2)}
header.top a{color:var(--gold); text-decoration:none; font-weight:900}
main{padding:34px 0 60px}
h1{font-size:24px; margin:0 0 6px; color:var(--gold)}
h2{font-size:17px; margin:34px 0 8px; padding-top:14px; border-top:1px solid rgba(255,255,255,.10)}
h3{font-size:15px; margin:20px 0 6px; color:var(--sky)}
p,li{color:#efe6f5}
.lead{color:var(--muted); font-size:13px; margin:0 0 8px}
ul,ol{padding-left:1.3em}
li{margin:4px 0}
a{color:var(--sky); word-break:break-word}
table{width:100%; border-collapse:collapse; margin:10px 0; font-size:14px}
th,td{border:1px solid rgba(255,255,255,.14); padding:9px 11px; text-align:left; vertical-align:top}
th{background:var(--card); width:34%; white-space:nowrap}
.todo{background:#5a2130; color:#ffd9df; border:1px dashed #ff8fa3; border-radius:6px; padding:2px 8px; font-weight:900; font-size:13px}
.note{background:var(--card); border-radius:10px; padding:14px 16px; margin:16px 0; font-size:14px}
footer.bot{border-top:1px solid rgba(255,255,255,.08); padding:26px 0 40px; color:var(--muted); font-size:13px}
footer.bot a{margin-right:14px}