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

.hroA{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  background:#fff; padding:clamp(64px,9vw,132px) 24px clamp(56px,7vw,104px);
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.hroA__in{max-width:760px;margin:0 auto;text-align:center}
.hroA__eyebrow{
  margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--acc);
  text-transform:uppercase;
}
.hroA__title{
  margin:0;font-size:clamp(32px,5.6vw,60px);line-height:1.24;font-weight:800;
  letter-spacing:-.02em;color:var(--ink);
}
.hroA__lead{
  margin:24px 0 0;font-size:clamp(15px,1.7vw,18px);line-height:2;color:var(--body);
}
.hroA__actions{margin:36px 0 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hroA__btn{
  display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;
  border-radius:8px;background:var(--acc);color:#fff;font-size:15px;font-weight:700;
  text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 14px -4px rgba(99,91,255,.5);
  transition:transform .14s ease, box-shadow .14s ease;
}
.hroA__btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08),0 8px 22px -6px rgba(99,91,255,.55)}
.hroA__btn--ghost{
  background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(10,37,64,.06);
}
.hroA__btn--ghost:hover{box-shadow:inset 0 0 0 1px #cfd6e0,0 4px 12px -4px rgba(10,37,64,.18)}
.hroA__note{margin:22px 0 0;font-size:12.5px;color:var(--sub)}
@media (max-width:640px){
  .hroA__br{display:none}
  .hroA__lead{text-align:left}
  .hroA__actions{flex-direction:column}
  .hroA__btn{width:100%}
}

/* スマホで横にはみ出していた（幅100%＋内側の余白）。中の要素を枠の内側で測る（2026-10-05 パーツギャラリーに出すときに直した） */
.hroA, .hroA *, .hroA *::before, .hroA *::after{box-sizing:border-box}