.c-scrolldown {
  width: 1px;
  height: 60px; /* アニメーションの高さ */
  position: absolute;
  bottom: 5px; /* 一番下から20px上に配置 */
  left: 50%;
  transform: translateX(-50%);
  overflow: visible;
  margin: 0 auto;
}

.scroll-text {
  position: absolute;
  top: -23px; /* バーの上に配置 */
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: white; /* テキストの色 */
  white-space: nowrap;
}

.c-line {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 50%
  );
  background-position: 0 -60px; /* 初期位置 */
  background-size: 100% 200%;
  animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) infinite;
}

@keyframes scrolldown {
  0% {
    background-position: 0 -60px;
  }
  75% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 60px;
  }
}