.video__item {
	font-size: 15px;
	line-height: 1.5;
	font-family: "meiryo", sans-serif;
}

.video__item h3 {
	color: #2C9BC5;
	margin: 0 0 10px;
}

.video__item a:hover p {
	color: var(--text-body);
}

.modal-video-body {
  height: auto;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
  background: #D9D9D9;
  border-radius: 16px;
}

.modal-video-inner {
	display: block;
}

.modal-video-close-btn {
	background: linear-gradient(180deg, #5FC5EB 0%, #32A6D4 100%);
	border: 4px solid #FFFFFF;
	position: absolute;
	top: -50px;
	right: -50px;
	height: 42px;
    width: 42px;
    text-align: center;
    border-radius: 30px;
}

.modal-video-close-btn::before, .modal-video-close-btn::after {
	height: 3px;
	width: 60%;
	margin-top: -2px;
	margin-left: -10px;
	top: 50%;
	left: 50%;
}

@media only screen and (max-width: 767px) {
	.modal-content {
		width: auto;
		left: 20px;
		right: 20px;
		position: absolute;
	}
}