.animation-box {
	width: 370px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
	/* before擬似要素の黒いblockにanimationをつけておく */
	.animation-box.move::before {
		-webkit-animation: hideFromLeft .6s forwards;
		animation: hideFromLeft .6s forwards;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #f2f2f2;
		margin: 1px;
	}
		#it_contents .animation-box.move::before{
			background: #D5DEEF;
		}
	.animation-box.right.move::before {
		-webkit-animation: hideFromRight .6s forwards;
		animation: hideFromRight .6s forwards;
	}

/* before擬似要素を左から右にスライドイン */
@-webkit-keyframes hideFromLeft {
	0% {
		left: 600px;
	}
	100% {
		left: 0px;
	}
	}
@-webkit-keyframes hideFromRight {
	0% {
		left: -600px;
	}
	100% {
		left: 0px;
	}
	}





/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

}