/* Other Works movie
=========================================================================
=========================================================================*/
.works article section {
	position: relative;
	padding: 90px 20px 0;
	background-color: #F0EFED;
	/*z-index: 2;*/
}

article .inner.movie {
	margin: 0 auto;
	max-width: 1200px;
}

article .inner.movie ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(13 / 1200 * 100%);
	margin-bottom: 22px;
}

article .inner.movie ul:last-child {
	margin-bottom: 0;
}

article .inner.movie ul li {
	width: calc(391 / 1200 * 100%);
}

article .inner.movie ul li .movie_container {
	width: 100%;
	aspect-ratio: 16 / 9;
}

article .inner.movie ul li .movie_container iframe {
	width: 100%;
	height: 100%;
}

article .inner.movie ul li:nth-child(1).active .movie_container {
	transition-delay: 0s;
}

article .inner.movie ul li:nth-child(2).active .movie_container {
	transition-delay: .5s;
}

article .inner.movie ul li:nth-child(3).active .movie_container {
	transition-delay: 1s;
}

/*  767px以下
=========================================================================
=========================================================================*/
@media screen and (max-width:767px) {

	.works article section {
		padding: 40px 20px;
	}

	article .inner.movie ul {
		display: flex;
		flex-wrap: wrap;
		gap: 12px calc(10 / 342 * 100%);
		margin-bottom: 50px;
	}

	article .inner.movie ul li {
		width: 100%;
	}

	article .inner.movie ul li:nth-child(n+2) {
		width: calc(166 / 342 * 100%);
	}

}

/*  420px以下
=========================================================================
=========================================================================*/
@media screen and (max-width:420px) {}