/* components/marquee.css: 流れる文字帯（.marquee）の共通宣言と、お問い合わせ帯のトラック位置。TOP・下層共通。
   @keyframes marquee-scroll は base.css にある。 */
.contact__marquee .marquee__track {
  margin-top: 14.5vw;
}

.marquee {
  overflow: hidden;
}

.marquee__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: marquee-scroll 40s linear infinite;
}

.marquee__track > * {
  flex: none;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__track {
    animation: none;
  }
}

/* 帯の文字（din-2014 160px）はベースラインが行ボックス上端から約153px下に来るため、
   デザイン上のベースライン位置から逆算してトラックの上端・左端をずらしている（下の指定が上の margin-top より優先） */
.contact__marquee .marquee__track {
  margin-left: -73.0695vw;
  margin-top: 19.297vw;
}