@charset "UTF-8";

.fadeIn {
  opacity: 0;
  transition: opacity 2s cubic-bezier(0.25, 1, 0.5, 1);
}
.fadeIn.active {
  opacity: 1;
}

.fadeUp {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1),
              transform 1s cubic-bezier(0.25, 1, 0.5, 1);
              
}
.fadeUp.active {
  opacity: 1;
  transform: translateY(0);
}


/* img_slideInアニメーション */
.img_slideIn {
  overflow: hidden;
}
.img_slideIn img {
  opacity: 0;
  transform: translateY(100%); 
  transition: all 2s ease;
}
.img_slideIn.active img {
  opacity: 1;
  transform: translateY(0);
}