@charset "utf-8";
/* CSS Document */
/***********************************************************
	【採用サイト用アニメ】anime.css
************************************************************/

/*==================================================
ふわっ
===================================*/

/* fadeUp */

.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);
  }
}

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



/*==================================================
ふわふわ動きつづける
===================================*/
/*テキストを震えさせる*/
.fluffy {
  animation: fluffy 3s infinite;
}

@keyframes fluffy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.fluffy2 {
  animation: fluffy2 3s infinite;
}

@keyframes fluffy2 {
  0%, 100% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
}