/* ここから新しいアニメーション */

    /* じわっとテキストが出るCSS */

    .blur{
      animation-name:blurAnime;
      animation-duration:2.7s;
      animation-fill-mode:forwards;
    }
    
    @keyframes blurAnime{
      from {
      filter: blur(10px);
      transform: scale(1.02);
      opacity: 0;
      }
    
      to {
      filter: blur(0);
      transform: scale(1);
      opacity: 1;
      }
    }
     
    .blurTrigger{
        opacity: 0;
    }


    /* 一文字ずつ現れるアニメーション */

    .eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}