@charset "UTF-8";


.mailcheck {
	padding: 100px 0 150px;
}

.mailcheck h1 {
	font-size: 30px;
	font-weight: bold;
}

.mailcheck p a {
	color: #0051a4;
	text-decoration: underline;
}

.mailcheck p a:hover {
	opacity: .7;
}


.mailcheck p {
	margin-top: 1em;
}

.mailcheck .imagebutton {
	font-size: 18px;
	margin-top: 30px;
	padding: 1em 2em;
}

.mailcheck form {
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px;
	padding: 50px 70px;
	background-color: #f1f1f1;
	border-radius: 10px;
}

.mailcheck .notice {
	background-color: #dceaf7;
	display: inline-block;
	margin-top: 20px;
	padding: 2em 3em;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.mailcheck {
		padding: 10vw 0;
		padding-bottom: 30vw;
	}

	.mailcheck h1 {
		font-size: 5vw;
		font-weight: bold;
	}

	.mailcheck p {
		font-size: 3.6vw;
	}


	.mailcheck .imagebutton {
		font-size: 4vw;
		margin-top: 5vw;
		padding: 1em 2em;
		width: auto;
	}

	.mailcheck form {
		display: block;
		margin: 0 auto;
		margin-top: 4vw;
		padding: 8vw 0 12vw;
	}

	.mailcheck form input[type=email] {
		width: 85%;
	}

	.mailcheck .notice {
		display: block;
		margin-top: 10vw;
		padding: 2em 0;
		font-weight: bold;
		font-size: 4vw;
	}
}