.slideIn{
	animation: slideIn 1s ease .5s 1 normal backwards;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}


.slideUp{animation: slideUp 1s ease forwards;opacity: 0;}

.slideUp.animebox01{animation-delay: 0.5s;}
.slideUp.animebox02{animation-delay: 1s;}
.slideUp.animebox03{animation-delay: 1.5s;}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slideUp2{animation: slideUp2 1s ease forwards; opacity: 0;}

.slideUp2.animebox2-01{animation-delay: 0.5s;}
.slideUp2.animebox2-02{animation-delay: 0.8s;}
.slideUp2.animebox2-03{animation-delay: 1.1s;}
.slideUp2.animebox2-04{animation-delay: 1.4s;}
.slideUp2.animebox2-05{animation-delay: 1.7s;}
.slideUp2.animebox2-06{animation-delay: 2.0s;}
@keyframes slideUp2 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}