html,body{margin:0;background:#fff}

.hdC{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#fff;box-shadow:0 1px 0 var(--line);position:relative;z-index:5;
}
.hdC__in{max-width:1200px;margin:0 auto;height:68px;padding:0 24px;display:flex;align-items:center;gap:36px}
.hdC__logo{font-size:18px;font-weight:800;color:var(--ink);text-decoration:none}
.hdC__nav{display:flex;align-items:center;gap:26px;height:100%}
.hdC__item{position:static;height:100%;display:flex;align-items:center}
.hdC__item button{
  border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:var(--body);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;height:100%;
}
.hdC__item button::after{content:"▾";font-size:9px;color:var(--sub)}
.hdC__link{font-size:13.5px;font-weight:600;color:var(--body);text-decoration:none}
.hdC__link:hover,.hdC__item:hover button{color:var(--acc)}
.hdC__mega{
  position:absolute;left:0;right:0;top:100%;background:#fff;padding:30px 24px 34px;
  box-shadow:0 1px 0 var(--line),0 22px 40px -24px rgba(10,37,64,.4);
  display:none;grid-template-columns:1fr 1fr .8fr;gap:34px;max-width:1200px;margin:0 auto;
}
.hdC__item:hover .hdC__mega,.hdC__item:focus-within .hdC__mega{display:grid}
.hdC__megaTitle{margin:0 0 14px;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:var(--sub)}
.hdC__mega a{display:grid;gap:3px;padding:10px 12px;border-radius:8px;text-decoration:none;transition:background .12s}
.hdC__mega a:hover{background:#f6f9fc}
.hdC__mega b{font-size:13.5px;color:var(--ink)}
.hdC__mega span{font-size:12px;color:var(--sub)}
.hdC__promo{background:linear-gradient(150deg,#eef0ff,#e8f6ff);border-radius:10px;padding:20px;display:grid;align-content:space-between}
.hdC__promo p{margin:0;font-size:13px;font-weight:700;line-height:1.7;color:var(--ink)}
.hdC__promo a{font-size:12.5px;font-weight:700;color:var(--acc);text-decoration:none;padding:0}
.hdC__right{margin-left:auto;display:flex;align-items:center;gap:16px}
.hdC__login{font-size:13px;font-weight:600;color:var(--body);text-decoration:none}
.hdC__cta{
  display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:6px;background:var(--acc);
  color:#fff;font-size:13px;font-weight:700;text-decoration:none;
}
@media (max-width:900px){ .hdC__nav,.hdC__login{display:none} .hdC__in{justify-content:space-between} }