.section.s-loading {
  position: fixed;
  top: 0;
  left: 0;
}

.section.s-loading img {
  opacity: 0;
  -webkit-animation: appearLogo 1500ms forwards;
          animation: appearLogo 1500ms forwards;
}

@-webkit-keyframes appearLogo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes appearLogo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.jsTriggerLoad .jsAnime01 {
  opacity: 0;
  -webkit-transition: all 2000ms;
  transition: all 2000ms;
}

.jsTriggerLoad .jsAnime03 {
  opacity: 0;
  -webkit-transition: all 1000ms 400ms;
  transition: all 1000ms 400ms;
}

.jsTriggerLoad .jsAnime02 {
  opacity: 0;
  -webkit-transform: translateY(-2%);
          transform: translateY(-2%);
  -webkit-transition: all 2000ms ease-out 800ms;
  transition: all 2000ms ease-out 800ms;
}

.jsTriggerLoad.show .jsAnime01 {
  opacity: 1;
}

.jsTriggerLoad.show .jsAnime02 {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.jsTriggerLoad.show .jsAnime03 {
  opacity: 1;
}

section.section.jsTriggerScroll.jsAnimeLeft .jsAnime01 {
  -webkit-transform: skewX(-36.7deg) translateY(-100%);
          transform: skewX(-36.7deg) translateY(-100%);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

section.section.jsTriggerScroll.jsAnimeLeft .jsAnime01_01 {
  opacity: 0;
  -webkit-transition: all 400ms linear 100ms;
  transition: all 400ms linear 100ms;
}

section.section.jsTriggerScroll.jsAnimeLeft .jsAnime02 {
  opacity: 0;
  -webkit-transition: all 1000ms 600ms;
  transition: all 1000ms 600ms;
}

section.section.jsTriggerScroll.jsAnimeLeft .jsAnime03 {
  opacity: 0;
  -webkit-transform: translateX(120px);
          transform: translateX(120px);
  -webkit-transition: all 1000ms ease-out 600ms;
  transition: all 1000ms ease-out 600ms;
}

section.section.jsTriggerScroll.jsAnimeLeft .jsAnime04 {
  opacity: 0;
  -webkit-transition: all 1000ms 1600ms;
  transition: all 1000ms 1600ms;
}

section.section.jsTriggerScroll.jsAnimeLeft.jsShow .jsAnime01 {
  -webkit-transform: skewX(-36.7deg) translateY(0);
          transform: skewX(-36.7deg) translateY(0);
}

section.section.jsTriggerScroll.jsAnimeLeft.jsShow .jsAnime01_01 {
  opacity: 1;
}

section.section.jsTriggerScroll.jsAnimeLeft.jsShow .jsAnime02 {
  opacity: 1;
}

section.section.jsTriggerScroll.jsAnimeLeft.jsShow .jsAnime03 {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

section.section.jsTriggerScroll.jsAnimeLeft.jsShow .jsAnime04 {
  opacity: 1;
}

section.section.jsTriggerScroll.jsAnimeRight .jsAnime01 {
  -webkit-transform: skewX(36.7deg) translateY(-100%);
          transform: skewX(36.7deg) translateY(-100%);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

section.section.jsTriggerScroll.jsAnimeRight .jsAnime01_01 {
  opacity: 0;
  -webkit-transition: all 400ms linear 100ms;
  transition: all 400ms linear 100ms;
}

section.section.jsTriggerScroll.jsAnimeRight .jsAnime02 {
  opacity: 0;
  -webkit-transition: all 1000ms 600ms;
  transition: all 1000ms 600ms;
}

section.section.jsTriggerScroll.jsAnimeRight .jsAnime03 {
  opacity: 0;
  -webkit-transform: translateX(-120px);
          transform: translateX(-120px);
  -webkit-transition: all 1000ms ease-out 600ms;
  transition: all 1000ms ease-out 600ms;
}

section.section.jsTriggerScroll.jsAnimeRight .jsAnime04 {
  opacity: 0;
  -webkit-transition: all 1000ms 1600ms;
  transition: all 1000ms 1600ms;
}

section.section.jsTriggerScroll.jsAnimeRight.jsShow .jsAnime01 {
  -webkit-transform: skewX(36.7deg) translateY(0);
          transform: skewX(36.7deg) translateY(0);
}

section.section.jsTriggerScroll.jsAnimeRight.jsShow .jsAnime01_01 {
  opacity: 1;
}

section.section.jsTriggerScroll.jsAnimeRight.jsShow .jsAnime02 {
  opacity: 1;
}

section.section.jsTriggerScroll.jsAnimeRight.jsShow .jsAnime03 {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

section.section.jsTriggerScroll.jsAnimeRight.jsShow .jsAnime04 {
  opacity: 1;
}