:root{--ink:#30233e;--purple:#68478d;--pale:#faf6fc;--line:#e8dff0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--pale);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;line-height:1.85}
a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 36px));margin:auto}
header{background:#fff;border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:15px}.logo{font-size:27px;letter-spacing:.12em;font-weight:650}.logo small{font-size:10px;letter-spacing:.05em;display:block;line-height:1}.head a.back{font-size:13px;color:var(--purple)}
.hero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;background:#21172f}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,18,45,.94) 0%,rgba(32,19,51,.78) 43%,rgba(32,19,51,.12) 100%),var(--hero) center/cover no-repeat}
.hero-inner{position:relative;color:white;padding:74px 0;max-width:1120px}.eyebrow{font-size:12px;letter-spacing:.19em;color:#e6c7ff}.hero h1{font-weight:350;line-height:1.5;letter-spacing:.045em;font-size:clamp(29px,4vw,49px);max-width:730px;margin:17px 0}.hero p{max-width:660px;color:#eee3f7;font-size:15px}
main{padding:60px 0 80px}.intro{max-width:800px;margin-bottom:50px}.section-label{font-size:12px;color:#8058a2;letter-spacing:.16em}.section-title{font-size:clamp(24px,3vw,34px);font-weight:400;margin:7px 0 26px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 35px rgba(57,29,80,.04)}.num{font-size:13px;color:#9468b3}.card h3{font-size:19px;font-weight:500;margin:10px 0}.card p{font-size:14px;color:#61566a;margin:0}
.note{background:#f1eaf6;border-radius:16px;padding:24px 28px;margin:32px 0 45px;font-size:14px}
.cta{background:#3c2854;color:white;border-radius:20px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-weight:400;margin:0 0 8px;font-size:23px}.cta p{margin:0;color:#e8d9f2;font-size:14px}.button{display:inline-block;padding:13px 22px;background:#fff;color:#4a3065;border-radius:9px;font-weight:650;font-size:14px;white-space:nowrap}
.related{margin-top:55px}.related-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-links a{background:#fff;border:1px solid var(--line);padding:17px;border-radius:12px;font-size:13px}footer{border-top:1px solid var(--line);padding:25px 0;font-size:12px;color:#786d80}
@media(max-width:700px){.hero{min-height:440px}.hero:before{background:linear-gradient(90deg,rgba(27,18,45,.93),rgba(27,18,45,.52)),var(--hero) 62% center/cover no-repeat}.hero-inner{padding:54px 0}.cards{grid-template-columns:1fr}.cta{display:block}.cta .button{margin-top:20px}.related-links{grid-template-columns:1fr 1fr}.head{min-height:64px}.logo{font-size:23px}}