@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.modal{position:fixed;top:0;left:0;bottom:0;right:0;display:none;overflow:auto;background-color:#000000;background-color:rgba(0, 0, 0, 0.7);z-index:9999;animation:fade-in 1s cubic-bezier(.39,.575,.565,1.000) both;}
.modal-window{position:relative;background-color:#FFFFFF;width:40%;margin:0% auto;padding:20px;box-sizing:border-box;}
.modal-window img{width:100%;}
.modal-window.small{width:30%;}
.modal-window.large{width:75%;}
.close{position:absolute;top:15px;right:15px;color:rgba(0,0,0,0.3);height:30px;aspect-ratio:1/1;font-size:34px;line-height:30px;text-align:center;}
.close:hover, .close:focus{color:#000000;cursor:pointer;}
.open{display:flex!important;align-items:center;justify-content:center;}
.open .modal-window{max-height:90%;overflow-y:auto;font-size:15px;line-height:18px;}

.modal_home .modal-window{padding:0px;overflow:hidden;}
.modal_home .close{color:#fff;}

@media screen and (max-width:700px){
	.modal-window{width:92%;padding:10px;}
	.close{font-size:28px;top:10px;right:10px;}
}