@charset "UTF-8";
/***********************************************
***  topmain
***********************************************/
.top-intro-section {
  background:#fff
}
.top-intro-loop {
    width: 100%;
    height: 50px;
    background-color: #fff;
    background: url(../img/top/intro/loop-text.svg);
    background-repeat: repeat-x;
    background-size: 843px 50px;
    animation: loop-x 20s linear infinite;
    background-blend-mode: overlay;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.top-intro-loop svg {
    fill: rgba(255, 2, 2, 0.35);
}

@keyframes loop-x {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -843px 0;
    }
}

.bg-loop{
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

.bg-loop-track{
  display: flex;
  height: 100%;
  width: max-content;
  will-change: transform;
}

.bg-loop-unit{
  flex: 0 0 auto;
  height: 100%;
  aspect-ratio: 1800 / 759;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 100%;
}

.bg-loop.top-about-bg-loop,.bg-loop.top-goods-bg-loop {
    margin-top: -80px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
 
.top-about-container, .top-goods-container {
  position: relative;
 min-height: 680px;
}
@media (max-width: 800px) {
.top-about-container, .top-goods-container {
  position: relative;
 min-height: 120vw;
}
}


.cs-container {
  text-align: center;
}
.cs {
  font-size: clamp(36px, 6vw, 90px);

  font-family: "Oswald", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.1;
  display: inline-block;
}

.cs > span {
  display: inline-block;
  transform: translateY(0);
  animation: cs-bounce-pause 4s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  animation-delay: calc(var(--i) * 0.08s);
  will-change: transform;
}

.cs .space {
  display: inline-block;
  width: 0.4em;
}

@keyframes cs-bounce-pause {
  0%,
  65% {
    transform: translateY(0);
  }

  72% {
    transform: translateY(-0.38em); 
  }

  80% {
    transform: translateY(0.06em);
  }

  100% {
    transform: translateY(0);
  }
}