@charset "UTF-8";


.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}

.fadeIn_up {
  opacity: 0;
}
.fadeIn_up.is-show {
	animation-name:fadeUpAnime;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(60px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}




.circle img {
	animation:7s linear infinite rotation1;
}

@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}