.video-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	opacity: 1;
	transition: opacity 0.3s;
}

.video-modal.hidden {
	opacity: 0;
	z-index: -1;
	top: -100vh;
}

.video-modal .modal-content {
	background: #fff;
	background: rgb(255 255 255 / 80%);
	padding: 20px 20px;
	border-radius: 8px;
	width: 46dvh;
	position: relative;
	height: 90dvh;
	object-fit: contain;
	max-width: 84vw;
}

.video-modal video {
	width: 100%;
	height: 80vh;
	object-fit: contain;
	max-height: calc(90vh - 120px);
	overflow: hidden;
}

.video-modal .slick-slider.video-slider {
	padding-top: 0px;
	height: calc(100% - 110px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-modal .slick-slider.video-slider .slick-list {
	width: 100%;
}

.video-modal .video-slider .slick-arrow {
	z-index: 10;
}

.video-modal .video-slider .slick-arrow {
	background: url(/images/ico_arrow_down-a61516173903f79789f4ac2531f4a738.svg);     /* background-color: red;
				 */
	background-size: contain;
	width: 42px;
	height: 42px;
}

.video-modal .video-slider .slick-arrow.slick-disabled {
	opacity: 0.3;
}

.video-modal .slick-prev.slick-disabled:before, .video-modal .slick-next.slick-disabled:before {
	color: inherit;
	display: none;
}

.video-modal .slick-prev:before, .video-modal .slick-next:before {
	color: transparent;
}

.video-modal .slick-next:before {
	transform: rotate(-90deg);
}

.video-modal .video-slider .slick-arrow.slick-next {
	transform: rotate(-90deg);
	margin-right: -40px;
}

.video-modal .video-slider .slick-arrow.slick-prev {
	margin-left: -40px;
	z-index: 100;
	transform: rotate(90deg);
}

.video-modal .video-slider .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-modal .info_area {
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: space-between;
	margin-top: 20px;
}

.video-modal .close-modal {
	background: #666;
}

.video-modal .info_area .link {
	background-color: #009688;
}

.video-modal .info_area .btn {
	color: white;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	min-height: 60px;
	margin: 0;
	width: 50%;
	font-size: 18px;
}

@media (orientation:landscape) {
	.video-modal video {
		width: 100%;
		height: auto;
		object-fit: contain;
		max-width: 60vw;         /* max-height: 200px; */
	}

}

@media screen and (min-width:721px) {
	.video-modal .modal-content {
		padding: 20px 20px;
		border-radius: 8px;
		width: 310px;
		position: relative;
		height: 660px;
		object-fit: scale-down;
	}

	video {
		width: 100%;
		height: auto;
		object-fit: contain;
		max-width: 100%;
		max-height: 700px;
	}

}