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

.skLd{
  --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;
}
.skLd__in{max-width:1000px;margin:0 auto}
.skLd__head{max-width:520px;margin-bottom:clamp(26px,3.5vw,40px)}
.skLd__head h2{margin:0;font-size:clamp(21px,2.9vw,30px);font-weight:800;color:var(--ink);letter-spacing:-.01em}
.skLd__head p{margin:14px 0 0;font-size:13.5px;line-height:1.95;color:var(--body)}
.skLd__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.skLd__grid article{
  background:#fff;border-radius:12px;padding:16px;box-shadow:0 0 0 1px var(--line);display:grid;gap:12px;
}
.sk{
  display:block;border-radius:6px;
  background:linear-gradient(100deg,#eef1f6 30%,#f8fafc 45%,#eef1f6 60%);
  background-size:280% 100%;
  animation:sk-shine 1.5s ease-in-out infinite;
}
.skLd__grid article:nth-child(2) .sk{animation-delay:.15s}
.skLd__grid article:nth-child(3) .sk{animation-delay:.3s}
.sk--ph{aspect-ratio:16/10;border-radius:8px}
.sk--t{height:14px;width:88%}
.sk--t2{height:14px;width:62%}
.sk--s{height:10px;width:38%;border-radius:99px}
@keyframes sk-shine{ from{background-position:180% 0} to{background-position:-80% 0} }
@media (max-width:860px){ .skLd__grid{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .skLd__grid{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){ .sk{animation:none} }