.schoolList-wrapper {
	padding: 2vw;
	background-color: rgb(255, 251, 212);
	font-size: 3.2vw;
	list-style-image: url(/images/planetii_mobile/schoolRecommendation/liStyle.png);
}

.head_navigation {
	width: 100%;
	font-size: 3vw;
	padding: 2vw 0vw;
	background: white;
}

.head_navigation a {
	color: rgb(0, 191, 242);
	text-decoration: none;
	padding: 1vw 5vw;
}

.schoolList {
	width: 100%;
}

.detailList {
	display: none;
	width: 100%;
	margin-top: -5vw;
}

.schoolList-first,
.schoolList-second {
	width: 44%;
	display: inline-block;
	margin-left: 5vw;
	vertical-align: top;
}

.schoolList-first li,
.schoolList-second li {
	margin: 4vw 0;
}

.lookMore {
	display: block;
	text-align: right;
	margin-right: 10vw;
	font-size: 2.5vw;
}

.lookMore img {
	width: 2vw;
}

.schoolRecommendation {
	background: url(/images/planetii_mobile/schoolRecommendation/sc_bc.png);
	background-repeat: repeat-y;
	background-position: center;
	padding: 5vw;
}

.schoolRecommendationHeader {}

.schoolRecommendationHeader h2 {
	font-size: 5.3333vw;
	font-weight: 700;
	line-height: 7.2vw;
}

.schoolRecommendationHeader p {
	font-size: 4.266vw;
	line-height: 5.6vw;
}

.schoolNews h3{
	font-size: 5vw;
	width: 66vw;
	margin: 2vw 5vw;
	text-align: center;
	font-weight: 700;
	color: #FFFFFF;
}
.schoolNews p{
	font-size: 4vw;
}

.schoolNewsB,
.schoolNewsG,
.schoolNewsR{
	width: 80vw;
	border-radius: 5vw;
	margin: 5vw auto;
	padding: 2vw 2vw;
	font-size: 4.8vw;
	line-height: 6.4vw;
}

.schoolNewsG {
	background-color: rgb(127, 193, 64);
}

.schoolNewsB {
	background-color: rgb(0, 191, 242);
}

.schoolNewsR {
	background-color: rgb(250, 102, 88);
}

.newsInfo {
	width: 76vw;
	margin: 0 auto;
	padding: 2vw 2vw;
	border-radius: 0 0 5vw 5vw;
	background-color: white;
}

.newsInfo img {
	width: 72vw;
	margin: 1vw 0 2vw 0;
}

.newInfoDate {
	text-align: right;
	font-size: 4.2666vw;
}