/* banner */
.banner-container {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	padding-bottom: 35.3%;
}

.banner-container .video {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.banner-container .label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: bold;
	color: #FFFFFF;
	opacity: 0.3;
}

@media screen and (max-width: 1023px) {
	.banner-container {
		padding-bottom: 60%;
	}

	.banner-container .label {
		font-size: max(30px, 3vw);
	}
}

@media screen and (min-width: 1024px) {
	.banner-container .label {
		font-size: 3rem;
	}
}