/* ulタグ */
.scroll-list {
    display: flex;
    list-style: none;
    padding-inline: 0;
    margin-inline: 0;
    gap: 0;
    overflow: hidden;
  }
  
  /* liタグ */
  .scroll-list li {
    font-family: "Lora";
    color: #DBDBDB;
    font-size: 20rem;
    letter-spacing: .06em;
    white-space: nowrap;
    padding: 0 1em 0 0;
    margin: 0;
    animation: marquee-left 16s linear infinite;
    opacity: .08;
  }

  .scroll-list.slow li {
    animation: marquee-left 32s linear infinite;
  }
  
  /* PCの時のフォントサイズ */
  @media (max-width: 768px) {
    .scroll-list li {
      font-size: 8rem;
    }
  }
  
  /* アニメーション */
  @keyframes marquee-left {
    100% {
      transform: translateX(-100%);
    }
  }