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

.anFd{
  --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(56px,7vw,104px) 24px;
}
.anFd__in{max-width:760px;margin:0 auto}
.anFd__in [style*="--i"]{
  opacity:0;transform:translateY(20px);
  animation:anFd-up .62s cubic-bezier(.2,.7,.2,1) forwards;
  animation-delay:calc(var(--i) * .08s);
}
@keyframes anFd-up{ to{opacity:1;transform:none} }
.anFd__eyebrow{margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--acc)}
.anFd__title{margin:0;font-size:clamp(27px,4.2vw,44px);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.anFd__lead{margin:22px 0 0;font-size:15px;line-height:2;color:var(--body)}
.anFd__cards{margin:clamp(30px,4vw,46px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.anFd__cards div{
  background:#f6f9fc;border-radius:10px;padding:20px 18px;display:grid;gap:6px;box-shadow:inset 0 0 0 1px var(--line);
}
.anFd__cards b{font-size:14px;font-weight:800;color:var(--ink)}
.anFd__cards span{font-size:12px;color:var(--body)}
@media (max-width:600px){ .anFd__cards{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){
  .anFd__in [style*="--i"]{animation:none;opacity:1;transform:none}
}