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

.cpB{
  --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;
}
.cpB__in{max-width:900px;margin:0 auto}
.cpB__title{margin:0 0 clamp(26px,3.5vw,42px);font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);
  text-align:center;letter-spacing:-.01em}
.cpB__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(14px,2.5vw,26px);align-items:stretch}
.cpB__c{background:#fff;border-radius:14px;padding:30px 26px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column}
.cpB__c--b{box-shadow:0 0 0 1.5px var(--acc),0 14px 30px -18px rgba(99,91,255,.6)}
.cpB__k{
  margin:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f6f9fc;
  font-size:14px;font-weight:800;color:var(--sub);
}
.cpB__c--b .cpB__k{background:var(--acc);color:#fff}
.cpB__c h3{margin:18px 0 0;font-size:18px;font-weight:800;color:var(--ink);line-height:1.6}
.cpB__c ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1}
.cpB__c li{position:relative;padding-left:22px;font-size:13.5px;color:var(--body)}
.cpB__c li::before{content:"";position:absolute;left:1px;top:.5em;width:10px;height:5px;
  border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.cpB__foot{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.cpB__foot p{margin:0;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:var(--sub)}
.cpB__foot b{display:block;margin-top:7px;font-size:16px;font-weight:800;color:var(--ink)}
.cpB__foot a{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--acc);text-decoration:none}
.cpB__or{align-self:center;font-size:12px;font-weight:800;color:var(--sub);letter-spacing:.08em}
@media (max-width:760px){ .cpB__grid{grid-template-columns:1fr} .cpB__or{justify-self:center} }