.fixed-illust img{
	opacity:0;
	
}
.fixed-illust{
	animation-name:fixanim;
	animation-duration:400ms;
	animation-timing-function:step-start;
	animation-iteration-count:infinite;
	background-repeat:no-repeat;
	background-size:100%;
	animation-direction:alternate;
	transition-duration:0.6s;
	transition-property:opacity , transform;
	opacity:0;
	transform:translateX(110%);
	animation-play-state:paused;
}

.fixed-illust.on{
	transform:none;
	opacity:1;
}
.fixed-illust.moving{
	animation-play-state:running;
}


@keyframes fixanim{
	0%{
		background-image:url(../images/recruit/anim_img_01.png);
	}	
	25%{
		background-image:url(../images/recruit/anim_img_02.png);
	}
	50%{
		background-image:url(../images/recruit/anim_img_03.png);
	}
	75%{
		background-image:url(../images/recruit/anim_img_04.png);
	}
	100%{
		background-image:url(../images/recruit/anim_img_05.png);
	}


}