@charset "UTF-8";

/* custom page layout */
#popup3 {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}

#popup3 main {
	flex: 1 0 auto;
	padding: min(13dvh, 100px) 0;
	background: #E3F0F9;
}

#popup3 footer {
	flex: 0 0 auto;
	margin: 0;
	padding: 20px 0;
}

#popup3 footer .copyright {
	padding: 0;
	font-size: 12px;
	font-weight: 700;
}

/* contents */
#popup3 .secReserve {
	flex: 0 0 auto;
	font-weight: 500;
	text-align: center;
}
#popup3 .secReserve .pageTitle {
	font-size: 20px;
	text-transform: uppercase;
}

#popup3 .secReserve .buttonContainer {
	max-width: 500px;
	margin: 12px auto 0;
	padding: 30px 10px 20px;
	background: #fff;
}

#popup3 .secReserve .buttonContainer .button {
	width: 100%;
	max-width: 655px;
	margin: 0 auto;
}

#popup3 .secReserve .buttonContainer .button:nth-child(n+2) {
	margin-top: 3px;
}

#popup3 .secReserve .buttonContainer a {
	display: block;
}

#popup3 .secReserve .buttonContainer img {
	display: block;
	width: 100%;
}

#popup3 .secReserve .mypage {
	margin-top: 25px;
	font-size: 14px;
}

#popup3 .secReserve .mypage a {
	line-height: 1.3;
	text-decoration: underline;
}

#popup3 .secReserve .mypage a::after {
	content: '＞';
}