@charset "UTF-8";

#key-visual .sec-ttl01{
	margin-bottom: 0;
}
main table{
	text-align: left !important;
	line-height: 2;
}
main th{
	vertical-align: top;
	padding: 1.5rem 1rem;
	width: 25%;
	border: 1px solid #eee;
	background: #fafafa;
}
main td{
	padding: 1.5rem 1rem;
	width: 75%;
	border: 1px solid #eee;
}
main td a{
	color: #005db3;
	text-decoration: underline;
	word-break: break-all;
}
main td a:hover{
	text-decoration: none;
}
main td p:not(:last-of-type){
	margin-bottom: 1em;
}
#email,
#password{
	height: 5rem;
	width: 100%;
	display: flex;
	align-items: center;
	padding: .25em .5em;
	border: 1px solid #dfdfdf;
	font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	font-size: 1.555rem;
}
button{
	border: none;
	display: flex;
	justify-content: center !important;
	font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	font-size: 1.555rem;
	margin: 4rem auto;
	cursor: pointer;
}
.btn01:after{
	margin-left: .5em;
}

.align-center a{
	color: #005db3;
	text-decoration: underline;
}
.align-center a:hover{
	text-decoration: none;
}
form .bg-gray{
	width: 80%;
	padding: 1.5em 1em;
	margin: 4rem auto 0;
}
.forgot-msg{
	line-height: 2;
	margin-bottom: 2rem;
}
@media screen and (max-width: 768px){
	main table,
	main tbody,
	main tr,
	main th,
	main td{
		display: block;
		width: 100%;
	}
	main th{
		border-bottom: none;
		border-top: none;
	}
	main table{
		border-top: 1px solid #eee;
	}
	form .bg-gray{
		width: 100%;
	}
}