@charset "utf-8";

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.js-animation_delay {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all 1s;
}

.js-animation_delay.is-animated {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
    .js-animation_delay.is-animated {
        transition-delay: 0.5s;
    }

.js-animation_delay2 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all 1s;
}
    .js-animation_delay2.is-animated {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition-delay: 0.5s;
    }

@media (max-width: 700px) {
    .js-animation_delay2.is-animated {
        transition-delay: 0.8s;
    }
}


.js-animation_slide {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px);
    transition: all 1s;
}
    .js-animation_slide.is-animated {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
    }
    .js-animation_slide.is-animated {
        transition-delay: 0.3s;
    }





.js-animation_slide1 {
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.86,0,0.07,1);
}
    .js-animation_slide1.is-animated {
        transform: translate(0, 0);
    }

.js-animation_slide2 {
    transform: translate(-100%, 0);
    transition: transform 0.7s cubic-bezier(0.86,0,0.07,1);
    visibility: hidden;
    opacity: 0;
}
    .js-animation_slide2.is-animated {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible;
        transition-delay: 0.3s;
    }

/*.js-animation_slide3 {
    transform: translate(-100%, 0);
    transition: transform 0.7s cubic-bezier(0.86,0,0.07,1) 1.0s;
    visibility: hidden;
    opacity: 0;
}*/
/*    .js-animation_slide3.is-animated {
        opacity: 1;
        transform: translate(0px, 0);
        visibility: visible;
        transition-delay: 1.0s;
    }
*/
/*.js-animation_slide4 {
    transform: translate(0, 5%);
    transition: transform 0.7s cubic-bezier(0.86,0,0.07,1);
    visibility: hidden;
    opacity: 0;
}
    .js-animation_slide4.is-animated {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible;
        transition-delay: 1.0s;
    }
*/
.js-animation_slide5 {
    transform: translate(0, -5px);
    transition: transform 0.5s cubic-bezier(0.86,0,0.07,1);
    visibility: hidden;
    opacity: 0;
}
    .js-animation_slide5.is-animated {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible;
        transition-delay: 1.5s;
    }

.js-animation_slide6 {
    transform: translate(0, -5px);
    transition: transform 0.5s cubic-bezier(0.86,0,0.07,1);
    visibility: hidden;
    opacity: 0;
}
    .js-animation_slide6.is-animated {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible;
        transition-delay: 1.7s;
    }

.js-animation_slide7 {
    transform: translate(5px, 0);
    transition: transform 0.5s cubic-bezier(0.86,0,0.07,1);
    visibility: hidden;
    opacity: 0;
}
    .js-animation_slide7.is-animated {
        opacity: 1;
        transform: translateX(0px);
        visibility: visible;
        transition-delay: 1.9s;
    }