/* 特商法・プライバシーポリシーの共通スタイル。
   ★ index.html と同じ配色にそろえるが、法定表示は読みやすさを優先して行間を広めに取る。 */
:root{
  --bg:#060B12; --panel:#0B1622; --line:#14293D;
  --txt:#DCEAF7; --txt2:#8FA9C2; --txt3:#5B7492;
  --cyan:#22E5D6; --amber:#FFB648;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--txt);
  font-family:"Yu Gothic UI","Hiragino Sans","Noto Sans JP",Meiryo,system-ui,sans-serif;
  font-size:15.5px; line-height:1.95; -webkit-font-smoothing:antialiased;
}
a{color:var(--cyan)}
.wrap{max-width:780px; margin:0 auto; padding:0 24px}

header{border-bottom:1px solid var(--line); background:rgba(6,11,18,.9)}
.bar{display:flex; align-items:center; gap:16px; height:62px}
.logo{display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.14em;
      color:var(--txt); text-decoration:none}
.mark{width:30px; height:30px; border-radius:8px; display:grid; place-items:center;
      background:linear-gradient(135deg,#22E5D6,#3AA8FF); color:#04121A; font-weight:800}
.bar nav{margin-left:auto; display:flex; gap:20px; font-size:14px}
.bar nav a{color:var(--txt2); text-decoration:none}
.bar nav a:hover{color:var(--cyan)}

h1{font-size:clamp(22px,3.4vw,29px); margin:44px 0 6px}
.updated{color:var(--txt3); font-size:13.5px; margin:0 0 30px}
h2{font-size:17px; margin:34px 0 10px; padding-left:10px; border-left:3px solid var(--cyan)}
p{margin:0 0 14px; color:var(--txt2)}
p strong, li strong, td strong{color:var(--txt)}
ul,ol{margin:0 0 16px; padding-left:1.5em; color:var(--txt2)}
li{margin-bottom:7px}

table{width:100%; border-collapse:collapse; margin:0 0 22px; font-size:14.6px}
th,td{border:1px solid var(--line); padding:12px 14px; text-align:left; vertical-align:top}
th{background:#0E1B28; color:var(--txt2); width:13em; font-weight:600}
td{color:var(--txt)}

/* ★ まだ埋まっていない項目。公開前に必ず消えていること */
.todo{
  color:#FFD79A; background:rgba(255,182,72,.13);
  border:1px dashed rgba(255,182,72,.5); border-radius:4px;
  padding:1px 7px; font-size:.94em; white-space:nowrap;
}
.note{
  border:1px solid var(--line); background:var(--panel); border-radius:10px;
  padding:14px 18px; margin:0 0 20px;
}
.note p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line); margin-top:52px; padding:28px 0 60px;
       color:var(--txt3); font-size:13.5px}
footer nav{display:flex; flex-wrap:wrap; gap:20px; margin-bottom:14px}
footer a{color:var(--txt2)}

@media (max-width:600px){
  .bar nav{display:none}
  th{width:auto; display:block; border-bottom:none}
  td{display:block}
}