@charset "UTF-8";
/* CSS Document */

@keyframes fade {
0% {
opacity: 0;
transform: translateY(15px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}

@keyframes fadeIn {
0% {
opacity: 1;
transform: translateY(0px);
}
50% {
opacity: 1;
transform: translateY(0px);
}
100% {
opacity: 1;
transform: translateY(-225px) scale(0.65,0.65);
}
}

@keyframes slideIn {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}

@keyframes ani01 {
0% {
opacity: 0;
transform: translateY(-40px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}

@keyframes ani02 {
0% {
opacity: 0;
transform: translateY(-40px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}

@keyframes ani03 {
0% {
opacity: 0;
transform: translateX(60px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}

@keyframes ani04 {
0% {
opacity: 0;
transform: translateX(60px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}

@keyframes ani05 {
0% {
transform: translateY(-200px) translateX(200px);
opacity: 0;
}
10% {
transform: translateY(-50px) translateX(50px);
opacity: 1;
}
20% {
transform: translateY(-10px) translateX(10px);
opacity: 1;
}
30% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}

40% {
transform: translateY(-15px) translateX(15px);
opacity: 1;
}

50% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}

60% {
transform: translateY(-8px) translateX(8px);
opacity: 1;
}

80% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}

90% {
transform: translateY(-5px) translateX(5px);
opacity: 1;
}

95% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}

90% {
transform: translateY(-1px) translateX(1px);
opacity: 1;
}

100% {
transform: translateY(0px) translateX(0px);
opacity: 1;
}
}

.ani_01 {
opacity: 0;
animation: ani01 0.5s forwards;
animation-delay: 1.0s;
}

.ani_02 {
opacity: 0;
animation: ani02 0.5s forwards;
animation-delay: 1.4s;
}

.ani_03 {
opacity: 0;
animation: ani03 1.0s forwards;
animation-delay: 1.6s;
}

.ani_04 {
opacity: 0;
animation: ani04 1.2s forwards;
animation-delay: 1.8s;
}

.ani_05 {
opacity: 0;
animation: ani05 1.0s forwards;
animation-delay: 2.5s;
}


.fade {
animation: fade 0.5s;
}

.fadein {
opacity: 1;
animation: fadeIn 2.5s forwards;
animation-delay: 3.0s;
}

.slidein {
opacity: 0;
animation: slideIn 2.5s forwards;
animation-delay: 5.5s;
}