@charset "utf-8";

.boxBorder{
	border: 2px solid #603d1d;
	padding:10px;
	margin-top:-2px;
}

@media screen and (min-width: 960px){
#cource .box{
		width:30%;
		float:left;
		margin-right:1%;
	   padding:1%;
	height: 300px;
	}
#cource .box p{
	    margin-top:10%;
		font-size:16px;
	}


#chara .cmn-box02{
		width:100%;
		margin:30px auto 0;
	}
#chara .cmn-box02 img{
		width:47%;
		float:left;
		margin-right:2%;
		margin-top:3%;
	}
#chara .cmn-box02 p{
	   margin-top:2%;
		width:51%;
		float:left;
		
		font-size:1.5rem;
	}
#chara .cmn-box02 h3{
		margin-top:8%;
		font-size:1.8rem;
		
	}
}

@media screen and (max-width: 960px){
	
	#cource .box{
		width:98%;
		float:left;
	   margin-left:-4%;
	   padding:5%;
	}
#cource .box p{
		font-size:16px;
	}

}