@charset "UTF-8";

/* ---------------------------------------
  modal
-----------------------------------------*/
.popup_wrap {
	position: relative;
	width: 840px;
	margin: 30px auto;
	padding: 60px;
	border: solid 3px #ffe100;
	border-radius: 23px;
	background-color: #fff;
	background-color: #fff;
}

.popup_wrap * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.popup_wrap .btn {
	margin-top: 40px;
	text-align: center;
}

.popup_wrap .btn .modal-close-btn {
	-webkit-transition: .2s;
	cursor: pointer;
	transition: .2s;
}

.popup-modal-dismiss {
	-webkit-transition: .2s;
	z-index: 1;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 73px;
	cursor: pointer;
	transition: .2s;
}

.mfp-close-btn-in .mfp-close {
	position: absolute;
	top: -3.5rem;
	right: -1rem;
	width: 7.3rem;
	height: 8.1rem;
	/*display: none;*/
	background-image: url("../img/common/btn_modal_close.png");
	background-repeat: no-repeat;
}

main {
	position: relative;
}

.mfp-bg {
	position: fixed !important;
	background-color: rgba(253, 122, 15, 0.8);
	opacity: 1;
}

@media screen and (max-width: 812px) {
	.popup_wrap {
		width: 88.6vw;
		margin: 10vw 5.7vw;
		padding: 4.2vw;
	}
	.popup_wrap .btn .modal-close-btn {
		width: 77.1vw;
	}
	.popup-modal-dismiss {
		top: -10vw;
		right: -5vw;
		width: 12.8vw;
	}
	.mfp-close-btn-in .mfp-close {
		width: 14vw;
		height: 15.5vw;
		background-size: 100% 100%;
	}
}

@media screen and (min-width: 813px) {
	.popup_wrap .btn .modal-close-btn:hover {
		opacity: 0.65;
	}
	.popup-modal-dismiss:hover {
		opacity: 0.65;
	}
}

@media all and (max-width: 900px) {
	.mfp-container {
		padding-right: 0;
		padding-left: 0;
	}
}

/*# sourceMappingURL=sourcemaps/modal.css.map */