/* 下から */
 .fadeUpTrigger{
    opacity: 0;
  }

.fadeUp{
    animation-name: fadeUpAnime;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
        opacity: 0;
      transform: translateY(100px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }

    .fadeUp2{
      animation-name: fadeUpAnime;
      animation-duration:1s;
      animation-fill-mode:forwards;
      opacity:0;
      }
      
      @keyframes fadeUpAnime{
        from {
          opacity: 0;
        transform: translateY(100px);
        }
      
        to {
          opacity: 1;
        transform: translateY(0);
        }
      }

    /* ぼかしから出現 */
.blur{
	animation-name:blurAnime;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
  }

  to {
	filter: blur(0);
	transform: scale(1);
  }
}