@charset "UTF-8";


.slideinL {
	transition:ease 1s;
    opacity: 0;
}
.slideinL.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}
.slideinL_d1 {
	transition:ease 1s;
	transition-delay: 0.7s;
}
.slideinL_d1.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL_d1.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}


.slideinL_d2 {
	transition:ease 1s;
	transition-delay: 1.4s;
}
.slideinL_d2.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL_d2.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}

.slideinL_d3 {
	transition:ease 1s;
	transition-delay: 2.1s;
}
.slideinL_d3.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL_d3.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}
.slideinR {
   opacity: 0;
	transition:ease 1s;
}
.slideinR.delighter {
	opacity: 0;
	transform: translateX(30px);
}
.slideinR.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}
.upin {
	transition:ease 1s;
}
.upin.delighter {
	opacity:0;
	transform: translateY(10px);

}
.upin.delighter.started {
	opacity:1;
	transform: translateY(0px);
}
.scalein {
    opacity: 0;
	transition:ease 1s;
    transform: scale(0.8);
}
.scalein.delighter {
	opacity: 0;
	transform: scale(0.8);
}
.scalein.delighter.started {
	opacity: 1;
	transform: scale(1);
}


.fadeup {
    opacity: 0;
    transform: translateY(40px);
    transition:1s cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: 0.5s;
}
.fadeup.delighter {
    opacity: 0;
}
.fadeup.delighter.started {
    opacity: 1;
    transform: translateY(0);
}

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

.hc1 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1s;
	animation-iteration-count: 1;
}
.hc2 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.1s;
	animation-iteration-count: 1;
}
.hc3 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.2s;
	animation-iteration-count: 1;
}
.hc4 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.3s;
	animation-iteration-count: 1;
}
.hc5 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.4s;
	animation-iteration-count: 1;
}
.hc6 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.5s;
	animation-iteration-count: 1;
}
.hc7 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.6s;
	animation-iteration-count: 1;
}
.hc8 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.7s;
	animation-iteration-count: 1;
}
.hc9 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.8s;
	animation-iteration-count: 1;
}
.hc10 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 1.9s;
	animation-iteration-count: 1;
}
.hc11 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 2s;
	animation-iteration-count: 1;
}
.hc12 {
	animation-name: hcopy;
	animation-duration: 0.01s;
	animation-timing-function: linear;
	animation-fill-mode: backwards;
	animation-delay: 2.1s;
	animation-iteration-count: 1;
}