/* 下へボタンアイコン処理*/
.fixed_btn {
  position: fixed;
  top:54em; /* 座標 */
  right: 1px; /* 座標 */
  z-index: 1; /* ボタンを最前面に表示 */
}

.fixed_btn .v-btn {
  background-color: rgba(255, 255, 255, 0.5); /* 白背景を20%の透明度で表示 */
  color: white; /* アイコンや文字は白でくっきり */
}

/*
.introduction {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  animation-duration: 5s;
}*/

.vertical-bar-icon {
  width: 20px;
  height: 100px;
  animation: bounce 5s infinite;
}

@keyframes bounce {
  0%, 100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-20px);
  }
}

@keyframes scrollAnimation {
  0%, 100% {
      opacity: 1;
  }
  50% {
      opacity: 0.5;
  }
}


.scroll {
	opacity: 1;
	opacity: 0;
	animation-iteration-count: 1;
	animation: textFadeIn 5s ease-in-out;
	animation-fill-mode: forwards; 
	animation-delay: 5s; 
}

@keyframes textFadeIn {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}