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

.mqLg{
  --acc:#635bff; --ink:#0a2540; --sub:#4b5563;
  background:#fff;padding:clamp(40px,5vw,64px) 0;overflow:hidden;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.mqLg__cap{margin:0 0 26px;text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--sub)}
.mqLg__track{
  position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.mqLg__row{display:flex;gap:clamp(40px,6vw,88px);width:max-content;animation:mqLg-run 28s linear infinite}
.mqLg__row span{
  font-size:clamp(17px,2.2vw,24px);font-weight:800;letter-spacing:.02em;color:var(--ink);opacity:.42;
  white-space:nowrap;transition:opacity .2s;
}
.mqLg__row span:hover{opacity:1;color:var(--acc)}
.mqLg__track:hover .mqLg__row{animation-play-state:paused}
@keyframes mqLg-run{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (prefers-reduced-motion:reduce){ .mqLg__row{animation:none} }