/**
 * #Additional Movie (front page)
 */

.p-additional-movie {
	padding: 0 50px 50px;

	@media (max-width: 768px) {
		padding: 0 20px 20px;
	}

	.p-additional-movie__inner {
		position: relative;
		overflow: hidden;
		width: 100%;
		aspect-ratio: 16 / 9;
		border-radius: var(--front-rd-panel, 30px);

		@media (max-width: 768px) {
			aspect-ratio: 9 / 16;
		}
	}

	.p-additional-movie__video {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.p-additional-movie__video--pc {
		@media (max-width: 768px) {
			display: none;
		}
	}

	.p-additional-movie__video--sp {
		display: none;

		@media (max-width: 768px) {
			display: block;
		}
	}
}