/* start
-----------------------------------------------------------------*/

.class {
	animation: top-bottom-100 1.0s ease-out 0.0s both;
}

.logo__line-animate {
	animation: line-long 1.0s ease-out 1.6s both;
}



/* animation
-----------------------------------------------------------------*/

@keyframes line-long {
	0% {
		transform: scaleX(0);
		transform-origin: left;
	}

	100% {
		transform: scaleX(1);
		transform-origin: left;
	}
}

@keyframes opacity-scale {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}