@charset "utf-8";
.stop-scroll{
  height: 100%;
  overflow: hidden;
}

.modal-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 55;
	display:none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	backdrop-filter: blur(1.5px);
	-webkit-backdrop-filter: blur(1.5px);

}
.modal-overlay .modal-window {
	background: rgba(255,255,255,1 );
	backdrop-filter: blur( 13.5px );
	-webkit-backdrop-filter: blur( 13.5px );
	border-radius: 10px;
	width: 700px;
	position: relative;
	top:0px;
	padding:10px;

}
.modal-overlay .title {
	padding-left: 10px;
	display: inline;
	color:#000000;
}
.modal-overlay .title h2 {
	display: inline;
}
.modal-overlay .close-area {
	display: inline;
	float: right;
	cursor: pointer;
	color:#000000;
}

.modal-overlay .content {
	margin-top: 20px;
	padding: 0px 10px;
	color:#000000;
}
@media all and (min-width:871px)
{
}

@media all and (min-width:480px) and (max-width:870px)
{
	.modal-overlay .modal-window {width:100%;}
}

@media all and (max-width:480px)
{	
	.modal-overlay .modal-window {width:100%;}
}