@charset "UTF-8";

/*モーダル*/
.modal_wrap {
	text-align:center;
}
.modal_wrap .sttl {
	font-size:22px;
	margin-bottom:20px;
}

.modaloverlay {
	display: none;
	width: 100vw;
	height: 100vh;
	background: #000;
	opacity: 0.7;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	z-index: 998;
}
.modal {
	display:none;
	width: calc(100vw - 40px);
	max-width: 800px;
	max-height: calc(100vh - 40px);
	padding: 60px 60px 30px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	z-index: 999;
	box-sizing: border-box;
	border-radius:20px;
	/*overflow-y: auto;*/
}
.modal .mordal_in {
	height: auto;
}


@media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1280px) {



	
}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1160px) {

	
}

@media screen and (max-width:1060px) {



}


@media screen and (max-width:980px) {



}
@media screen and (max-width:880px) {

	
	
}

@media screen and (max-width:820px) {


}
@media screen and (max-width:768px) {

	/*モーダル*/
	.modal_wrap .sttl {
		font-size:20px;
		margin-bottom:20px;
	}
	
	
	.modal {
		padding: 40px 40px 25px;
	}

	
}
@media screen and (max-width:767px) {

}
@media screen and (max-width:640px) {

	/*モーダル*/
	.modal_wrap .sttl {
		font-size:18px;
		margin-bottom:10px;
	}
	
	
	.modal {
		padding: 20px 20px 15px;
		border-radius:0;
	}

}
@media screen and (max-width:600px) {

	
}
@media screen and (max-width:480px) {

	
}
@media screen and (max-width:320px) {

}
@media screen and (min-width:769px) {


}