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

.hroD{
  --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;padding:clamp(80px,12vw,180px) 24px;
}
.hroD__in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:end}
.hroD__title{margin:0;font-size:clamp(38px,7vw,84px);line-height:1.1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}
.hroD__lead{margin:0;font-size:15px;line-height:2.1;color:var(--body)}
.hroD__link{
  display:inline-flex;align-items:center;gap:9px;margin-top:26px;font-size:14px;font-weight:700;color:var(--acc);
  text-decoration:none;padding-bottom:5px;border-bottom:1px solid currentColor;transition:gap .16s;
}
.hroD__link::after{content:"→"}
.hroD__link:hover{gap:14px}
@media (max-width:760px){ .hroD__in{grid-template-columns:1fr;gap:34px;align-items:start} }