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

.ctC3{
  --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;
}
.ctC3__in{max-width:900px;margin:0 auto}
.ctC3__head{text-align:center;margin-bottom:clamp(26px,3.5vw,40px)}
.ctC3__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ctC3__head p{margin:12px 0 0;font-size:13.5px;color:var(--body)}
.ctC3__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ctC3__box{
  background:var(--acc);color:#fff;border-radius:14px;padding:30px 28px 26px;text-decoration:none;display:grid;
  gap:10px;align-content:start;transition:transform .16s,box-shadow .16s;
  box-shadow:0 10px 26px -12px rgba(99,91,255,.7);
}
.ctC3__box:hover{transform:translateY(-3px);box-shadow:0 18px 34px -14px rgba(99,91,255,.75)}
.ctC3__box b{font-size:18px;font-weight:800}
.ctC3__box p{margin:0;font-size:13px;line-height:1.85;color:rgba(255,255,255,.82)}
.ctC3__box span{margin-top:8px;font-size:13px;font-weight:800}
.ctC3__box--alt{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.ctC3__box--alt p{color:var(--body)}
.ctC3__box--alt span{color:var(--acc)}
.ctC3__box--alt:hover{box-shadow:0 0 0 1px var(--acc),0 16px 30px -18px rgba(10,37,64,.4)}
@media (max-width:640px){ .ctC3__grid{grid-template-columns:1fr} }