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

.spC{
  --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;
}
.spC__in{max-width:960px;margin:0 auto;text-align:center}
.spC__title{margin:0 0 clamp(34px,4.5vw,56px);font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.spC__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3.5vw,40px);position:relative}
.spC__row::before{
  content:"";position:absolute;left:16%;right:16%;top:27px;height:2px;
  background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px);
}
.spC__item{position:relative}
.spC__circle{
  width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#fff;
  font-size:14px;font-weight:800;color:var(--acc);box-shadow:0 0 0 2px var(--acc);position:relative;z-index:1;
}
.spC__item h3{margin:20px 0 0;font-size:16px;font-weight:800;color:var(--ink)}
.spC__item p{margin:10px 0 0;font-size:13.5px;line-height:1.9;color:var(--body)}
.spC__btn{
  margin-top:clamp(34px,4.5vw,52px);display:inline-flex;align-items:center;height:54px;padding:0 34px;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);
}
@media (max-width:760px){
  .spC__row{grid-template-columns:1fr;gap:30px}
  .spC__row::before{display:none}
}