@charset "utf-8";
/* CSS Document */

h4.h2style {
	margin-top: 0!important;
}

.new {
	display:table;
	width:100%;
}

.new p {
	display:table-cell;
	vertical-align:middle;
	font-size:120%;
	color:#193F88;
	line-height:1.5;
	padding:0 5px;
}

.new p strong {
	font-size:130%;
	color:#D5004E;
}

.box_01 h3 {
	margin-top:0;
}


@media screen and (max-width:1023px){

}

@media screen and (max-width:767px){
	.box_01 img {
		display:block;
		float:none;
		margin:0 auto 15px;
	}

}

.jcourse_topics h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.jcourse_topics h4 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.8;
}


.jcourse_topics .column::after {
	content: '';
	display: block;
	clear: both;
}

.jcourse_topics .imgR {
	max-width: 120px;
}

.jcourse_topics .left {
	float: left;
	min-width: 420px;
}

.jcourse_topics .table01 {
	min-width: 0;
	width: 100%;
}

.jcourse_topics .table01 th {
	min-width: 0;
	white-space: nowrap;
}

.jcourse_topics .photoArea {
	float: right;
	width: 260px;
}

@media screen and (max-width:767px){
	
	.jcourse_topics .imgR {
		max-width: 180px;
	}
	
	.jcourse_topics .left {
		min-width: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.jcourse_topics .photoArea {
		display: none;
	}
}

.primeList {
	font-size: 0;
	margin: 0 -5px 0 0;
}

.primeList li {
	display: inline-block;
	width: 173px;
	font-size: 16px;
	margin: 0 5px 5px 0;
	background: #E7F6F9;
	border: #59C2D4 1px solid;
	color: #FF7D7D;
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width:767px){
	.primeList li {
		width: 30%;
		max-width: 173px;
	}
}