@charset "utf-8";

.key-visual-hopstep {
	z-index: 0;
}

.key-visual-hopstep img {
	transform: translate( 2%, -1% );
	animation: hopstep infinite 5s linear;
}

@keyframes hopstep {
	0%, 10% { transform: translate( 2%, -1% ) }
	12%, 13% { transform: translate( 1%, -1.5% ) }
	16%, 26% { transform: translate( 0%, 0% ) }
	28%, 29% { transform: translate( -1%, -1.2% ) }
	32%, 56% { transform: translate( -2%, 0.75% ) }
	58%, 59% { transform: translate( -1%, -1.2% ) }
	62%, 72% { transform: translate( 0%, 0% ) }
	74%, 75% { transform: translate( 1%, -1.5% ) }
	78%, 79% { transform: translate( 2%, -1% ) }
}