@charset "UTF-8";
/*----------------------------------------
	u-device-sp
----------------------------------------*/
.u-device-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-device-sp {
    display: block;
  }
}
/*----------------------------------------
	u-device-tablet
----------------------------------------*/
.u-device-tablet {
  display: none;
}
@media screen and (max-width: 1024px) {
  .u-device-tablet {
    display: block;
  }
}
/*----------------------------------------
	u-device-pc
----------------------------------------*/
@media screen and (max-width: 767px) {
  .u-device-pc {
    display: none;
  }
}
/*----------------------------------------
	u-device-mn
----------------------------------------*/
@media screen and (max-width: 425px) {
  .u-device-mn {
    display: none;
  }
}

.js-zoomIn,
.js-zoomInDelay{
  opacity: 0;
  transform: scale(0.6);
}
.js-zoomIn.is-active,
.js-zoomInDelay.is-active {
  animation: zoomInAnime 0.5s forwards;
}
@keyframes zoomInAnime {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}



.js-fadeUp {
  opacity: 0;
  transform: translateY(100px);
}

.js-fadeUp.is-active {
  animation:fadeUpAnime 1.2s forwards; 
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

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