/* アニメーション設定 */
.arrowWrap {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px
}

.arrowInner p {
  font-size: 13px;
  text-align:end;
  writing-mode: vertical-rl;
  color:#fff;
}

.arrow {
  width: 2px;
  height: 250px;
  margin: 30px auto 0;
  background-color: #ffffff00;
  position: relative;
  overflow: hidden;
}

.arrow::before {
  content: '';
  width: 3px;
  height: 250px;
  margin: 30px auto 0;
  background-color: #fff;
  position: absolute;
  top: -350px;
  left: 0;
  -webkit-animation: arrow 2.5s ease 0s infinite normal;
  animation: arrow 2.5s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }



  100% {
    -webkit-transform: translate3d(-50%, 300px, 0);
    transform: translate3d(-50%, 300px, 0);
  }
}