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

.dwCk{
  --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(56px,7vw,104px) 24px;
}
.dwCk__in{max-width:520px;margin:0 auto;text-align:center}
.dwCk__mark{width:96px;height:96px;margin:0 auto 26px}
.dwCk__mark svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dwCk__c{stroke:#0e7c5a;stroke-width:4;stroke-dasharray:264;stroke-dashoffset:264;
  animation:dwCk-draw .9s cubic-bezier(.16,.84,.24,1) .1s forwards;transform-origin:50% 50%;transform:rotate(-90deg)}
.dwCk__p{stroke:#0e7c5a;stroke-width:6;stroke-dasharray:80;stroke-dashoffset:80;
  animation:dwCk-draw .5s cubic-bezier(.16,.84,.24,1) .8s forwards}
@keyframes dwCk-draw{ to{stroke-dashoffset:0} }
.dwCk__title{margin:0;font-size:clamp(20px,2.8vw,27px);font-weight:800;color:var(--ink);letter-spacing:-.01em;
  opacity:0;animation:dwCk-in .6s ease 1.1s forwards}
.dwCk__lead{margin:16px 0 0;font-size:13.5px;line-height:1.95;color:var(--body);
  opacity:0;animation:dwCk-in .6s ease 1.25s forwards}
@keyframes dwCk-in{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
.dwCk__box{
  margin:28px 0 0;background:#fff;border-radius:12px;padding:20px 22px;text-align:left;display:grid;gap:14px;
  box-shadow:0 0 0 1px var(--line);opacity:0;animation:dwCk-in .6s ease 1.4s forwards;
}
.dwCk__box dl{margin:0;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.dwCk__box dt{font-size:11.5px;color:var(--sub)}
.dwCk__box dd{margin:0;font-size:13.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.dwCk__btn{
  margin-top:26px;display:inline-flex;align-items:center;height:48px;padding:0 28px;border-radius:8px;
  background:var(--ink);color:#fff;font-size:14px;font-weight:800;text-decoration:none;
  opacity:0;animation:dwCk-in .6s ease 1.55s forwards;
}
@media (prefers-reduced-motion:reduce){
  .dwCk__c,.dwCk__p{animation:none;stroke-dashoffset:0}
  .dwCk__title,.dwCk__lead,.dwCk__box,.dwCk__btn{animation:none;opacity:1;transform:none}
}