@charset "utf-8";

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

.key-visual-airplane div {
	width: 100%;
	height: 100%;
	animation: airplaneX infinite 20s linear;
}

.key-visual-airplane div img {
	animation: airplaneY infinite 20s linear;
}

@keyframes airplaneY {
	0% { transform: translateY( 0% ) }
	11%, 12% { transform: translateY( 8% ) }
	23%, 24% { transform: translateY( -5% ) }
	36%, 37% { transform: translateY( 8% ) }
	50% { transform: translateY( 0% ) }
	61%, 62% { transform: translateY( 8% ) }
	74%, 75% { transform: translateY( -9% ) }
	100% { transform: translateY( 0% ) }
}
@keyframes airplaneX {
	0% { transform: translateX( 20% ) }
	49% { transform: translateX( -50% ) }
	49.1%, 50.1% { transform: scaleX(-1) translateX( -28% ) }
	100% { transform: scaleX(-1) translateX( -120% ) }
}