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

.ctC{
  --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:#f6f9fc;padding:clamp(52px,6.5vw,96px) 24px;
}
.ctC__in{max-width:820px;margin:0 auto;text-align:center}
.ctC__title{margin:0;font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ctC__lead{margin:14px 0 clamp(28px,3.5vw,40px);font-size:14px;color:var(--body)}
.ctC__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ctC__box{
  background:#fff;border-radius:14px;padding:30px 24px;text-decoration:none;display:grid;gap:8px;justify-items:center;
  box-shadow:0 0 0 1px var(--line);transition:.16s;
}
.ctC__box:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--acc),0 16px 32px -18px rgba(99,91,255,.6)}
.ctC__ico{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px;
  background:rgba(99,91,255,.1);color:var(--acc);margin-bottom:4px;
}
.ctC__box b{font-size:clamp(19px,2.6vw,25px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ctC__box small{font-size:11.5px;color:var(--sub)}
.ctC__box--mail .ctC__ico{background:rgba(14,124,90,.1);color:#0e7c5a}
.ctC__foot{margin:24px 0 0;font-size:12.5px;color:var(--body)}
.ctC__foot a{color:var(--acc);font-weight:700;text-decoration:none}
@media (max-width:620px){ .ctC__grid{grid-template-columns:1fr} }