*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,'Hiragino Sans','Noto Sans JP',sans-serif;color:#2b2440;background:#fbfaff;line-height:1.9}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header{background:linear-gradient(160deg,#2b2450,#4b3a7a);color:#fff;padding:72px 0 64px;text-align:center}
header h1{font-size:30px;letter-spacing:.08em;margin-bottom:14px}
header p{opacity:.85;font-size:15px}
h2{font-size:22px;margin:56px 0 20px;padding-left:12px;border-left:4px solid #7a63b8}
.plan{border:1px solid #e2ddf0;border-radius:10px;padding:22px;margin-bottom:18px;background:#fff}
.plan .nm{font-weight:700;font-size:18px}
.plan .pr{color:#6b4fa8;font-weight:700;font-size:20px;margin:6px 0 10px}
.plan .ds{font-size:14px;color:#565070}
.btn{display:inline-block;margin-top:14px;padding:11px 26px;background:#6b4fa8;color:#fff;
text-decoration:none;border-radius:6px;font-size:14px}
.btn.soon{background:#b9b2cc;pointer-events:none}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
th,td{border:1px solid #e2ddf0;padding:12px 14px;text-align:left;vertical-align:top}
th{background:#f4f1fb;width:31%;font-weight:600}
footer{margin-top:72px;padding:28px 0;background:#2b2450;color:#cfc8e6;font-size:13px;text-align:center}
footer a{color:#cfc8e6}
.note{font-size:13px;color:#6b6486;margin-top:10px}