@charset "UTF-8";

.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:1000; 
}
@media screen and (max-width:667px){
	.modal br{
		display: none;
	}
}
.modal__bg{
	background: rgba(0,0,0,0.6);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	text-align: center;
}
@media screen and (max-width:667px){
	.modal__content{
	width: 80%;
	}
}
.modal__content p{
	margin: auto auto 20px auto;
}	
a.js-modal-close,
a.js-modal-close02{
	color: #ffffff;
	background:#999999;
	margin: auto 16px;
	padding: 6px 10px;
	border-radius: 4px;
	text-decoration: none;
}
a.outLink{
	color: #ffffff;
	background:#F1275B;
	padding: 6px 10px;
	border-radius: 4px;
	text-decoration: none;
}