@charset "UTF-8";
/* Scss Document */
/* ------------------------------------ */
/* ------------------------------------ */
/*----------------------------*/
/*	anime 
/*----------------------------*/
.is-anime h3, .is-anime h4, .is-anime p, .is-anime div:not(.animenone), .is-anime article, .is-anime figure, .is-anime form, .is-anime table, .is-anime dl, .is-anime li, .is-anime .is-side .appeared, .is-anime .is-side02 .appeared {
  opacity: 0;
}

.is-anime.in-view h3, .is-anime.in-view h4, .is-anime.in-view p, .is-anime.in-view div, .is-anime.in-view article, .is-anime.in-view figure, .is-anime.in-view form, .is-anime.in-view table, .is-anime.in-view dl, .is-anime.in-view li, .is-anime.in-view .is-side .appeared, .is-anime.in-view .is-side02 .appeared {
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.is-anime.in-view.bounce h3, .is-anime.in-view.bounce h4, .is-anime.in-view.bounce p, .is-anime.in-view.bounce div, .is-anime.in-view.bounce article, .is-anime.in-view.bounce figure, .is-anime.in-view.bounce form, .is-anime.in-view.bounce table, .is-anime.in-view.bounce dl, .is-anime.in-view.bounce li, .is-anime.in-view.bounce .is-side .appeared, .is-anime.in-view.bounce .is-side02 .appeared {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.is-anime.in-view.fadeInRight figure, .is-anime.in-view.fadeInRight form, .is-anime.in-view.fadeInRight table, .is-anime.in-view.fadeInRight dl, .is-anime.in-view.fadeInRight li, .is-anime.in-view.fadeInRight .is-side .appeared, .is-anime.in-view.fadeInRight .is-side02 .appeared {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.is-anime.in-view.fadeInLight figure, .is-anime.in-view.fadeInLight form, .is-anime.in-view.fadeInLight table, .is-anime.in-view.fadeInLight dl, .is-anime.in-view.fadeInLight li, .is-anime.in-view.fadeInLight .is-side .appeared, .is-anime.in-view.fadeInLight .is-side02 .appeared {
  -webkit-animation-name: fadeInLight;
  animation-name: fadeInLight;
}

@keyframes bounce {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* 時差 */
.is-anime .appeared:nth-of-type(1) {
  animation-delay: 0s;
}

.is-anime .appeared:nth-of-type(2) {
  animation-delay: .4s;
}

.is-anime .appeared:nth-of-type(3) {
  animation-delay: .6s;
}

.is-anime .appeared:nth-of-type(4) {
  animation-delay: .8s;
}

.is-anime .appeared:nth-of-type(5) {
  animation-delay: 1s;
}

.is-anime .appeared:nth-of-type(6) {
  animation-delay: 1.2s;
}

.is-anime .appeared:nth-of-type(7) {
  animation-delay: 1.4s;
}

.is-anime .appeared02:nth-of-type(1) {
  animation-delay: 0s;
}

.is-anime .appeared02:nth-of-type(2) {
  animation-delay: .1s;
}

.is-anime .appeared02:nth-of-type(3) {
  animation-delay: .2s;
}

.is-anime .appeared02:nth-of-type(4) {
  animation-delay: .3s;
}

.is-anime .appeared02:nth-of-type(5) {
  animation-delay: .4s;
}

.is-anime .appeared02:nth-of-type(6) {
  animation-delay: .5s;
}

.is-anime .appeared02:nth-of-type(7) {
  animation-delay: .6s;
}

.is-anime .delay {
  animation-delay: .6s;
}

/*# sourceMappingURL=sourcemaps/anime.css.map */