@charset "utf-8";

.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}


.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


.load-fade {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  transform: translate(0, 40px);
}
.load-fade.is-show {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}




.animate {
  opacity: 0;
  flex: 0 1 30%;
  transform: translateY(10px);
  transition: all 1.5s;
}
.animate:not(:nth-child(3n+1)) {
  margin-left: 20px;
}
.animate:not(:nth-child(-n+3)) {
  margin-top: 20px;
}
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2) {
  transition-delay: 0.2s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 0.4s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 0.8s;
}
.animate.show:nth-of-type(5) {
  transition-delay: 0.10s;
}
.animate.show:nth-of-type(6) {
  transition-delay: 0.12s;
}



@media all and (max-width: 896px) {
	
}
@media all and (max-width: 374px) {
	
}