@charset "UTF-8";
/* 下からFadeIn */
.is-fadeInUp {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  transition: 920ms ease;
  transition-property: opacity, transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 表示 */
.is-fadeInUp.is-anime {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* リストの子要素 下からFadeIn */
.is-fadeInUpList > * {
  opacity: 0;
  transform: translate3d(0, 15px, 0);
  transition: 920ms ease;
  transition-property: opacity, transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.is-fadeInUpList > *:nth-child(1) {
  transition-delay: 0.2s;
}

.is-fadeInUpList > *:nth-child(2) {
  transition-delay: 0.4s;
}

.is-fadeInUpList > *:nth-child(3) {
  transition-delay: 0.6s;
}

.is-fadeInUpList > *:nth-child(4) {
  transition-delay: 0.8s;
}

.is-fadeInUpList > *:nth-child(5) {
  transition-delay: 1s;
}

.is-fadeInUpList > *:nth-child(6) {
  transition-delay: 1.2s;
}

.is-fadeInUpList > *:nth-child(7) {
  transition-delay: 1.4s;
}

.is-fadeInUpList > *:nth-child(8) {
  transition-delay: 1.6s;
}

.is-fadeInUpList > *:nth-child(9) {
  transition-delay: 1.8s;
}

.is-fadeInUpList > *:nth-child(10) {
  transition-delay: 2s;
}

@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(1) > .bounceIn {
    animation-delay: 0.3s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(2) > .bounceIn {
    animation-delay: 0.6s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(3) > .bounceIn {
    animation-delay: 0.9s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(4) > .bounceIn {
    animation-delay: 1.2s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(5) > .bounceIn {
    animation-delay: 1.5s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(6) > .bounceIn {
    animation-delay: 1.8s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(7) > .bounceIn {
    animation-delay: 2.1s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(8) > .bounceIn {
    animation-delay: 2.4s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(9) > .bounceIn {
    animation-delay: 2.7s;
  }
}
@media (min-width: 751px) {
  .is-fadeInUpList > *:nth-child(10) > .bounceIn {
    animation-delay: 3s;
  }
}
/* 表示 */
.is-fadeInUpList.is-anime > * {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* 拡大 */
.is-scalein {
  opacity: 0;
  transform: scale(0);
  transition: transform 0.9s cubic-bezier(0.64, -0.12, 0.4, 1.24), opacity 0.9s cubic-bezier(0.64, -0.12, 0.4, 1.24);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.is-scalein.is-anime {
  opacity: 1;
  transform: scale(1);
}

/* 一拍置いてアニメーションさせる */
.is-delay {
  transition-delay: 0.4s;
}

@media (min-width: 751px) {
  .is-delay-1 {
    transition-delay: 0.2s;
  }
}
@media (min-width: 751px) {
  .is-delay-2 {
    transition-delay: 0.4s;
  }
}
@media (min-width: 751px) {
  .is-delay-3 {
    transition-delay: 0.6s;
  }
}
@media (min-width: 751px) {
  .is-delay-4 {
    transition-delay: 0.8s;
  }
}
@media (min-width: 751px) {
  .is-delay-5 {
    transition-delay: 1s;
  }
}
@media (min-width: 751px) {
  .is-delay-6 {
    transition-delay: 1.2s;
  }
}
@media (min-width: 751px) {
  .is-delay-7 {
    transition-delay: 1.4s;
  }
}
@media (min-width: 751px) {
  .is-delay-8 {
    transition-delay: 1.6s;
  }
}
@media (min-width: 751px) {
  .is-delay-9 {
    transition-delay: 1.8s;
  }
}
@media (min-width: 751px) {
  .is-delay-10 {
    transition-delay: 2s;
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  opacity: 0;
}

.is-anime .bounceIn,
.bounceIn.is-anime {
  animation-name: bounceIn;
  animation-duration: 0.75s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

/* その場でFadeIn */
.is-fadeIn {
  opacity: 0;
  transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-property: opacity;
}

/* 表示 */
.is-fadeIn.is-anime {
  opacity: 1;
}

/*# sourceMappingURL=is-fadeInUpList.css.map */