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

.prB{
  --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(52px,6.5vw,96px) 24px;
}
.prB__in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,64px);align-items:center}
.prB__copy h2{margin:0;font-size:clamp(24px,3.4vw,36px);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.prB__copy p{margin:18px 0 0;font-size:14.5px;line-height:2;color:var(--body);max-width:380px}
.prB__both{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.prB__both li{position:relative;padding-left:20px;font-size:13px;color:var(--sub)}
.prB__both li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:5px;
  border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.prB__cards{display:grid;gap:16px}
.prB__cards article{
  background:#f6f9fc;border-radius:14px;padding:26px 26px 24px;box-shadow:inset 0 0 0 1px var(--line);
  display:grid;gap:0;
}
.prB__cards article.is-main{background:#0a2540;box-shadow:none;color:#fff}
.prB__cards h3{margin:0;font-size:15px;font-weight:800;color:inherit}
.prB__cards article:not(.is-main) h3{color:var(--ink)}
.prB__p{margin:12px 0 0;display:flex;align-items:baseline;gap:5px}
.prB__p b{font-size:clamp(30px,4vw,42px);font-weight:800;letter-spacing:-.03em}
.prB__p span{font-size:12.5px;font-weight:700;opacity:.7}
.prB__d{margin:12px 0 0;font-size:13px;line-height:1.85;opacity:.8}
.prB__cards article:not(.is-main) .prB__d{color:var(--body);opacity:1}
.prB__cards a{
  margin-top:20px;justify-self:start;display:inline-flex;align-items:center;height:44px;padding:0 24px;
  border-radius:8px;font-size:13.5px;font-weight:800;text-decoration:none;background:var(--acc);color:#fff;
}
.prB__cards article:not(.is-main) a{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
@media (max-width:800px){ .prB__in{grid-template-columns:1fr} }