@charset "utf-8";

@media screen and (max-width: 767px) {
	#contents-body .training-table table {
		width: 100%;
		min-width: 0;
		margin-top: 10px;
	}
	#contents-body .training-table table caption {
		text-align: left;
	}
	#contents-body .training-table table tbody tr {
	}
	#contents-body .training-table table tbody tr th {
		color: #fff;
		width: 6em;
		padding: 5px 10px;
		text-align: center;
		vertical-align: middle;
	}
	#contents-body .training-table table tbody tr td {
		color: #fff;
		padding: 5px 10px;
		font-size: 12px;
		text-align: left;
		vertical-align: middle;
	}
	#contents-body .training-table table tbody tr td .note {
		padding: 5px 0 0 1em;
		color: #ccc;
		font-size: 11px;
		line-height: 1.5;
		text-indent: -1em;
	}
	#contents-body .training-table table tbody tr td ul.note li {
		padding: 0;
		margin: 0;
		border-bottom: none;
	}
	#contents-body .training-table table tbody tr td .em {
		color: #e30000;
	}
	#contents-body .training-table table tbody tr td span {
		display: inline-block;
	}
	
	#contents-body .enquiry .box {
		border: 1px solid #333;
		padding: 15px;
		margin-top: 10px;
	}
	#contents-body .enquiry .box dt {
		margin-bottom: 10px;
	}
	#contents-body .enquiry .box dd {
		font-size: 12px;
	}
	#contents-body .announcement .box {
		border: 1px solid #333;
		padding: 15px;
		margin-top: 15px;
		text-align: center;
	}
	#contents-body .announcement .box p {
		font-size: 18px;
		line-height: 1.2;
	}
	#contents-body .announcement .box .box-strong {
		font-size: 150%;
		font-weight: bold;
	}
}

@media screen and (min-width: 768px) {
	
	#contents-body .training-table table {
		width: 100%;
		min-width: 0;
		margin-top: 10px;
	}
	#contents-body .training-table table caption {
		text-align: left;
	}
	#contents-body .training-table table tbody tr {
	}
	#contents-body .training-table table tbody tr th {
		color: #fff;
		width: 6em;
		padding: 5px 10px;
		text-align: center;
		vertical-align: middle;
	}
	#contents-body .training-table table tbody tr td {
		color: #fff;
		padding: 5px 10px;
		font-size: 12px;
		text-align: left;
		vertical-align: middle;
	}
	#contents-body .training-table table tbody tr td .note {
		padding: 5px 0 0 1em;
		color: #ccc;
		font-size: 11px;
		line-height: 1.5;
		text-indent: -1em;
	}
	#contents-body .training-table table tbody tr td ul.note li {
		padding: 0;
		margin: 0;
		border-bottom: none;
	}
	#contents-body .training-table table tbody tr td .em {
		color: #e30000;
	}
	#contents-body .training-table table tbody tr td span {
		display: inline-block;
	}
	
	#contents-body .enquiry .box {
		border: 1px solid #333;
		padding: 15px;
		margin-top: 10px;
	}
	#contents-body .enquiry .box dt {
		margin-bottom: 10px;
	}
	#contents-body .enquiry .box dd {
		font-size: 12px;
	}
	#contents-body .announcement .box {
		border: 1px solid #333;
		padding: 15px;
		margin-top: 15px;
		text-align: center;
	}
	#contents-body .announcement .box p {
		font-size: 24px;
		line-height: 1.2;
	}
	#contents-body .announcement .box .box-strong {
		font-size: 200%;
		font-weight: bold;
	}
}

#contents-body table.indent,
#contents-body table.indent th,
#contents-body table.indent td{
	border:none;
	padding:0;
	margin:0;
	text-align:left;
	vertical-align:top;
}
#contents-body table.indent th{
	white-space: nowrap;
}
#contents-body table.indent.colon td{
	padding-left:1em;
	text-indent:-1em;
}
#contents-body table.indent.colon td:before{
	content:"：";
}
.line-control{
	display:inline-block;
}