@charset "utf-8";


/* モバイルレイアウト : 480 px およびそれ以下. */

.loop_position {
  position: relative;
  height: 322px;
  width: 100%;
}




.loop_person {
  position: absolute;
  bottom:0;
  width: 100%;
	height: 322px; /* 画像の高さを指定 */
	position: relative;
	background: url("../img/about_loop_img_2.png") repeat-x 0 0;
	background-size: auto 100%;
	animation: loop 23s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	margin: 0;
	padding: 0;
}
@keyframes loop {
   from { background-position: 0 0; }
    to { background-position: -1062px 0; } /* 1518pxとは使用した背景画像の長さ */
}


/* タブレットレイアウト */

@media only screen and (min-width: 1080px) {
  .loop_position {
    flex-basis: 50%;

}


}


/* デスクトップレイアウト */

@media only screen and (min-width: 1200px) {

}