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

.cpC{
  --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;
}
.cpC__in{max-width:900px;margin:0 auto}
.cpC__head{margin-bottom:clamp(22px,3vw,34px)}
.cpC__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.cpC__head p{margin:10px 0 0;font-size:12.5px;color:var(--sub);font-family:ui-monospace,Menlo,Consolas,monospace}
.cpC__cols{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,52px)}
.cpC__cols dl{margin:0}
.cpC__cols div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.cpC__cols dt{font-size:12.5px;font-weight:700;color:var(--sub)}
.cpC__cols dd{margin:0;font-size:13.5px;line-height:1.75;color:var(--body)}
.cpC__dl{
  display:inline-flex;align-items:center;gap:9px;margin-top:26px;height:46px;padding:0 22px;border-radius:8px;
  font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);
}
.cpC__dl::before{content:"⤓";font-size:15px;color:var(--acc)}
.cpC__dl:hover{box-shadow:inset 0 0 0 1px var(--acc);color:var(--acc)}
@media (max-width:700px){ .cpC__cols{grid-template-columns:1fr} }
@media (max-width:480px){ .cpC__cols div{grid-template-columns:1fr;gap:5px} }