.seat_move_wrap {
margin-top: 10px;
position: relative;
width: 100%;
aspect-ratio: 600 / 400;
overflow: hidden;
}

/*anime -------------------*/
.seat_move_wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}

/* 画像01 */
.image01 {z-index: 1;}

/* 画像02 */
.image02 {
z-index: 2;
opacity: 0;
animation: image02 13s infinite;
}

/* 画像03 */
.image03 {
z-index: 3;
opacity: 0;
animation: image03 13s infinite;
}

/* 画像04 */
.image04 {
z-index: 4;
opacity: 0;
animation: image04 13s infinite;
}

/* 画像02：2～4秒でフェードイン */
@keyframes image02 {
0%,15.38% {opacity: 0;}
30.77% {opacity: 1;}
62% {opacity: 1;}
63% {opacity: 0;}
100% {opacity: 0;}
}

/* 画像03：4～6秒でフェードイン */
@keyframes image03 {
0%,30.77% {opacity: 0;}
46.15% {opacity: 1;}
62% {opacity: 1;}
63% {opacity: 0;}
100% {opacity: 0;}
}

/* 画像04：6～8秒でフェードイン → 11～13秒でフェードアウト */
@keyframes image04 {
0%,46.15% {opacity: 0;}
61.54%,84.62% {opacity: 1;}
100% {opacity: 0;}
}