@charset "utf-8";

.login_form {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 35rem;
}
#form_title {
	text-align: left;
	font-size: 4.0rem;
	font-weight: bold;
	margin-bottom: 1em;
}
.login_form input {
	width: 100%;
	font-size: 1.2rem;
	padding: 1em;
	border-radius: 0.5em;
	border: 1px solid #f0f0f0;
	margin-bottom: 1.5em;
}
.login_form label {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1em;
}
.login_form button {
	border-style: none;
	width: 100%;
}

.checkbox_area {
	display: flex;
	align-items: center;
	margin-bottom: 2em;
	padding: 0 0.6rem;
	justify-content: space-between;
}
.checkbox_area input {
	width: 3rem;
	margin: 0;
}
.checkbox_area p, .checkbox_area a {
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: left;
}
.checkbox_area p {
	width: calc(95% - 3rem);
}

.error_message {
	font-size: 1.2rem;
	border: 1px solid #ff4444;
	background-color: #ffeeee;
	font-weight: bold;
	text-align: left;
	padding: 1em;
	margin-bottom: 1em;
	border-radius: 0.8rem;
}