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

.anRt{
  --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:#faf7f2;padding:clamp(52px,6.5vw,96px) 24px;
}
.anRt__in{
  max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;
}
.anRt__badge{position:relative;width:clamp(160px,22vw,200px);aspect-ratio:1;display:grid;place-items:center}
.anRt__ring{position:absolute;inset:0;width:100%;height:100%;animation:anRt-spin 18s linear infinite}
.anRt__ring text{font-size:14px;font-weight:800;letter-spacing:.18em;fill:#a8743a}
@keyframes anRt-spin{ from{transform:rotate(0)} to{transform:rotate(360deg)} }
.anRt__center{
  width:56%;aspect-ratio:1;border-radius:50%;background:#33291e;color:#fff;display:grid;place-items:center;
  font-size:14px;font-weight:800;letter-spacing:.14em;transition:transform .3s;
}
.anRt__badge:hover .anRt__center{transform:scale(1.08)}
.anRt__badge:hover .anRt__ring{animation-duration:6s}
.anRt__copy h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:#33291e;letter-spacing:-.01em}
.anRt__copy p{margin:18px 0 0;font-size:14.5px;line-height:2;color:#5c5044;max-width:420px}
.anRt__copy a{
  display:inline-block;margin-top:20px;font-size:13.5px;font-weight:800;color:#a8743a;text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:3px;
}
@media (max-width:680px){ .anRt__in{grid-template-columns:1fr;justify-items:center;text-align:center} }
@media (prefers-reduced-motion:reduce){ .anRt__ring{animation:none} }