:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#07050a;color:#e8e3f0;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;line-height:1.9;font-size:16px}
a{color:#ff8cc4}
a:hover{color:#ffc2e0}
.sp-header{border-bottom:1px solid #2a2033;padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between}
.sp-brand{font-weight:800;color:#fff;text-decoration:none;letter-spacing:.02em}
.sp-nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.sp-main{max-width:820px;margin:0 auto;padding:36px 20px 64px}
.sp-main h1{font-size:26px;line-height:1.5;margin:0 0 18px}
.sp-main h2{font-size:20px;margin:40px 0 10px;padding-left:12px;border-left:4px solid #ff6fb1}
.sp-main h3{font-size:16px;margin:24px 0 6px;color:#ffd0e8}
.sp-main p,.sp-main li{color:#d9d3e3}
.sp-main ul,.sp-main ol{padding-left:1.4em}
.sp-lead{font-size:17px;color:#fff}
.sp-cta{display:inline-block;margin:24px 0 8px;padding:12px 26px;border-radius:999px;background:#ff6fb1;color:#1a0b14;font-weight:800;text-decoration:none}
.sp-cta:hover{background:#ff8cc4;color:#1a0b14}
.sp-note{background:#140f1a;border:1px solid #2a2033;border-radius:10px;padding:12px 16px;font-size:14px}
.sp-footer{border-top:1px solid #2a2033;padding:22px 20px;text-align:center;font-size:13px;color:#a79fb5}
dt{font-weight:700;margin-top:22px;color:#fff}
dd{margin:6px 0 0}