@charset "utf-8";
.newsImg{
	text-align: center;
}
@media screen and (max-width: 767px){
	#mv{
		text-align: center;
	}
	#topBnr{
		margin: 30px auto;
		max-width: 1000px;
	}
	#topBnr li{
		width: 32%;
		margin-right: 2%;
		float: left;
	}
	#topBnr li:last-child{
		margin-right: 0;
	}
	
	/* news */
	.newsPanel{
	}
	.newsPanel:nth-child(3n){
		margin-right: 0;
	}
	.newsPanel a{
		color: #121212;
		text-decoration: none;
	}
	.newsArea{
		position: relative;
		margin-bottom: 30px;
	}
	.newsArea li{
		position: relative;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #888;
	}
	.newsArea span{
		display: block;
	}
	.newsArea a{
		margin: 10px 0;
		display: block;
		color: #000;
		text-decoration: none;
	}
	.newsArea div.newsttl{
		margin: 10px 0;
		display: block;
		color: #000;
		text-decoration: none;
	}
	.newsArea a:hover{
		text-decoration: underline;
	}
	
	#about{
		background: url("../img/about_bg.jpg") no-repeat center top;
		background-size: cover;
	}
	
	.pointBox p{
		font-size: 16px;
		color: #000;
	}
	.pointBox p span{
		color: #E55298;
	}
	.pointBox{
		align-content: center;
		width: 90%;
		text-align: center;
		margin:0 auto 20px;
	}
	.pointImg{
		margin-bottom: 20px;
	}
	.pointbottomImg:nth-child(2){
		margin-top:20px;
	}
	.courseImg{
		margin-bottom: 30px;
	}
	.courseBox{
		width: 96%;
		margin: 10px auto;
	}
	.courseBox:nth-child(2){
		margin: 30px auto;
	}
	.courseBox h3{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 30px;
		text-align:center;
	}
	.courseBox .btext{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
	}


}
@media screen and (min-width: 768px){
	#mv{
		text-align: center;
	}
	#topBnr{
		margin: 50px auto;
		max-width: 1000px;
		text-align: center;
	}
	#topBnr li{
		width: 32%;
		margin-right: 2%;
		display: inline-block;
	}
	#topBnr li:last-child{
		margin-right: 0;
	}
	.slider{
		max-width: 1920px;
		margin: 0 auto;
	}
	
	/* news */
	.newsPanel{
		width: 32%;
		float: left;
		padding: 10px;
		background: #FFF;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.newsPanel:nth-child(3n){
		margin-right: 0;
	}
	.newsPanel a{
		color: #121212;
		text-decoration: none;
	}
	.newsArea{
		position: relative;
		margin-bottom: 30px;
	}
	.newsArea li{
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #888;
	}
	.newsArea span{
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
	}
	.newsArea a{
		margin-left: 100px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	.newsArea div.newsttl{
		margin-left: 100px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	.newsArea a:hover{
		text-decoration: underline;
	}
	
	#about{
		background: url("../img/about_bg.jpg") no-repeat center top;
	}
	
	.pointBox{
		float: left;
		align-content: center;
		width: 33.33%;
		text-align: center;
		margin-bottom: 30px;
	}
	.pointBox p{
		font-size: 16px;
	}
	.pointBox p span{
		color: #E55298;
	}
	.pointImg{
		margin-bottom: 30px;
	}
	.pointbottomImg{
		float: left;
	}
	.pointbottomImg:nth-child(2){
		float: right;
	}
	.courseImg{
		margin-bottom: 30px;
	}
	.courseBox{
		float: left;
		width: 48%;
	}
	.courseBox:nth-child(2){
		float: right;
	}
	.courseBox h3{
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 30px;
		text-align:center;
	}
	.courseBox .btext{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
	}
}