@charset "utf-8";

#online {
	width: 800px;
}
#online .header {
	background: #191970;
	text-align: center;
	padding: 20px 0 10px;
}
#online .header h1 {
	font-size: 36px;
	color: #ffffff;
	margin: 0 0 24px;
}
#online .header h2 {
	font-size: 22px;
	color: #ffffff;
	margin: 0;
}
#online h3 {
	font-size: 28px;
	color: #191970;
	font-weight: bold;
}
#online h4 {
	font-size: 24px;
	font-weight: bold;
}

#online p {
	font-size: 22px;
}
#online p.notice {
	font-size: 18px;
	color: #ff0000;
}

#online p.catch {
	font-size: 30px;
	color: #191970;
	font-weight: bold;
	text-align: center;
}
#online p.summery {
	font-size: 24px;
	font-weight: bold;
}
#online p.summery span {
	display: inline-block;
	width: 140px;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	background: #191970;
	padding: 8px 20px 5px;
	margin-right: 20px;
	font-weight: normal;
}
.flex {
	display: flex;
	align-items: center;
}
.flex div {
	width: 400px;
}
.form-area {
	background: #f7f6fb;
	padding: 20px;
}
#online a:hover {
	text-decoration: underline;
}
.info-area {
	background: #e6e1fa;
	padding: 10px 20px;
}
#online table {
	width: 100%;
	border-collapse: collapse;
}
#online table tr {
}
#online table th, #online table td {
	padding: 18px;
	font-weight: normal;
	font-size: 20px;
	border-top: 1px solid #999999;
}