@media only screen and (min-width: 0) {
  .e-fadeup {
    transition: opacity 1s cubic-bezier(0.2, 0.5, 0.4, 1), transform 1s cubic-bezier(0.2, 0.5, 0.4, 1);
    opacity: 0;
    transform: translateY(15px);
  }
  .is-complete-animation .e-fadeup.is-inview {
    opacity: 1;
    transform: none;
    transition-delay: 0;
  }
  .e-fade {
    transition: opacity 1s cubic-bezier(0.2, 0.5, 0.4, 1);
    opacity: 0;
  }
  .is-complete-animation .e-fade.is-inview {
    opacity: 1;
    transition-delay: 0.3s;
  }
  .e-fadedown {
    transition: opacity 1s cubic-bezier(0.2, 0.5, 0.4, 1), transform 1s cubic-bezier(0.2, 0.5, 0.4, 1);
    transform: translateY(-20px);
    opacity: 0;
  }
  .is-complete-animation .e-fadedown.is-inview {
    opacity: 1;
    transform: none;
  }
  /*image*/
  .e-fadeimage {
    transition: opacity 1s cubic-bezier(0.2, 0.5, 0.4, 1);
    opacity: 0;
  }
  .is-complete-animation .e-fadeimage.is-inview {
    opacity: 1;
    transition-delay: 1s;
  }
  /*header*/
  .e-header {
    transition: opacity 1s cubic-bezier(0.2, 0.5, 0.4, 1), transform 1s cubic-bezier(0.2, 0.5, 0.4, 1);
    opacity: 1;
    transform: translateY(-150px);
  }
  .is-complete-animation .e-header.is-inview {
    opacity: 1;
    transform: none;
    transition-delay: 0.1s;
  }
  /**splitting**/
  .is-complete-animation .e-word.is-inview .word {
    transition-delay: calc(0.015s * var(--word-index));
    transform: translate(0, 0);
    opacity: 1;
  }
  .e-word .word {
    transition: transform 0.6s, opacity 0.3s;
    transform: translate(0, 35px);
    opacity: 0;
    display: inline-block;
  }
  .is-complete-animation .e-chars.is-inview .char {
    transition-delay: 0.3s;
    transform: translate(0, 0);
    opacity: 1;
  }
  .e-chars .word {
	  overflow: hidden;
  }
  .e-chars .char {
    transition: transform 0.6s, opacity 0.3s;
    transform: translate(0, 35px);
    opacity: 0;
  }
  /**set delay**/
  .is-complete-animation .e-delay.is-inview {
    transition-delay: 0.6s;
  }
}