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

.hroH{
  --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:linear-gradient(180deg,#f6f9fc 0%,#fff 62%);padding:clamp(64px,8vw,120px) 24px clamp(48px,6vw,80px);
}
.hroH__in{max-width:880px;margin:0 auto;text-align:center}
.hroH__title{margin:0;font-size:clamp(28px,4.6vw,50px);line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.hroH__lead{margin:22px auto 0;max-width:560px;font-size:15px;line-height:2;color:var(--body)}
.hroH__btn{
  margin-top:34px;display:inline-flex;align-items:center;height:52px;padding:0 30px;border-radius:8px;
  background:var(--acc);color:#fff;font-size:15px;font-weight:800;text-decoration:none;
  box-shadow:0 4px 14px -4px rgba(99,91,255,.5);
}
.hroH__stats{
  margin:clamp(44px,6vw,72px) 0 0;padding:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  border-top:1px solid var(--line);
}
.hroH__stats div{display:grid;gap:8px}
.hroH__stats dt{font-size:11.5px;font-weight:700;color:var(--sub);letter-spacing:.06em}
.hroH__stats dd{margin:0;font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.hroH__stats small{font-size:.45em;font-weight:700;color:var(--sub);margin-left:3px}
@media (max-width:600px){
  .hroH__stats{grid-template-columns:1fr;gap:22px}
  .hroH__stats div{display:flex;align-items:baseline;justify-content:space-between;text-align:left}
}