@charset "utf-8";

/*==================================================
じわっ
===================================*/

/* ぼかしから出現 */
.blur01{
  animation-name:blurAnime;
  animation-delay: .5s;
  animation-duration:1.5s;
  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;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.blurTrigger01{
    opacity: 0;
}

/* ぼかしから出現 */
.blur02{
  animation-name:blurAnime;
  animation-delay: 1s;
  animation-duration:1.5s;
  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;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.blurTrigger02{
    opacity: 0;
}