/*-----------------------------------------------------
WEB説明会
-------------------------------------------------------*/
@media screen and (max-width: 661px) {
	.box_modal {
	display: none;
	position: fixed;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	z-index: 25;
	width: 100%;
	font-size: 0;
}
.modal_close {
	position: absolute;
	right: 15px;
	top: -45px;
}
.modal_close a {
}
.modal_close img {
	width: 30px;
}
.modal_overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.8;
	z-index: 20;
	cursor: pointer;
}
.div_video {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 56.25%;
}
.div_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}



 @media screen and (min-width: 660px) {
		.box_modal {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 25;
}
.modal_close {
	position: absolute;
	right: 0;
	top: -50px;
}
.modal_close img {
	width: 30px;
}
.modal_overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0.8;
	z-index: 20;
}
.div_video {
	width: 960px;
}
.div_video iframe {
	width: 960px;
	height:540px;
}
}