<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*.lock {
    overflow:hidden;
}*/

.modal-content {
    position:relative;
    display:none;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:9990;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.6);
}

.modal-wrap {
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

/*PC*/
@media print, screen and (min-width: 769px)
{
	
	.modal-content{
		width:1024px;
		padding:100px 0 250px;
	}
	
	.modal_inner {
		width:1024px;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
		position: relative;
	}
	
	.modal_inner p.close01{
		position:absolute;
		top:-87px;
		right:0;
	}
	
	.modal-close img{width:67px;}
	
	.modal-close img:hover{filter: brightness(80%)}
	
}
/*SP*/
@media screen and (max-width: 768px)
{
	
	.modal-content{
		width:100%;
		padding:180px 0;
		box-sizing: border-box;
		top:0 !important;
	}
	
	.modal_inner {
		margin:0 auto;
		padding:0;
		position: relative;
	}
	
	.modal_inner img{
		width:100%;
	}
	
	.modal_inner p.close01{
		position:absolute;
		top:-60px;
		right:5%;
	}
	
	.modal_inner p.close02{
		margin-top:10px;
	}
	
	.modal-close img{width:50px;}
	
	
}</pre></body></html>