@charset "utf-8";
/* ANIMATION */
.first {
 opacity: 0;
 transition: all 0.8s ease;
}
.first.show {
 opacity: 1;
 transform: none;
}
.move {
 opacity: 0;
 transition: 0.8s;
}
.move.show {
 opacity: 1;
 transform: none;
}
.move-lr {
 transform: translate(-20px, 0);
}
.move-rl {
 transform: translate(20px, 0);
}
.move-up {
 transform: translate(0, 20px);
}
.move-down {
 transform: translate(0, -20px);
}
.move.move-p {
 opacity: 1;
}
.move-p.show {
 opacity: 1;
}
.move.pop {
 opacity: 0;
 transition: all .8s ease;
 transform: scale(1.5);
}
.move.pop.show {
 opacity: 1;
 transform: scale(1);
}
.move-d1 {
 transition-delay: 0.6s;
}
.move-d2 {
 transition-delay: 1.2s;
}
.move-d3 {
 transition-delay: 1.8s;
}
.move-d4 {
 transition-delay: 2.4s;
}
.move-d5 {
 transition-delay: 3s;
}
.move-d6 {
 transition-delay: 3.6s;
}
.move-d7 {
 transition-delay: 4.2s;
}
.move-c {
 opacity: 0;
 transition: 0.8s;
}
.show .move-c {
 opacity: 1;
 transform: none;
}
.move-c.move-d1 {
 transition-delay: 0.6s;
}
.move-c.move-d2 {
 transition-delay: 1.2s;
}
.move-c.move-d3 {
 transition-delay: 1.8s;
}
.move-c.move-d4 {
 transition-delay: 2.4s;
}
.move-c.move-d5 {
 transition-delay: 3s;
}
.move-c.move-d6 {
 transition-delay: 3.6s;
}
.move-c.move-d7 {
 transition-delay: 4.2s;
}
.show .anime-d1 {
 animation-delay: 0.6s;
}
.show .anime-d2 {
 animation-delay: 1.2s;
}
.show .anime-d3 {
 animation-delay: 1.8s;
}
.show .anime-d4 {
 animation-delay: 2.4s;
}
.show .anime-d5 {
 animation-delay: 3s;
}