@charset "UTF-8";
.fade-in-element {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-element.visible {
  opacity: 1;
  transform: translateY(0);
}




.fadeUp {
  opacity: 0;  /* 初期の透明度 */
  transform: translateY(100px); /* 初期位置を少し下に設定 */
}

@keyframes fadeIn{
  0%{
  }
  100%{
    opacity: 1;
    transform: translate(0);
  }
}

.fade{
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}