.news-22 {
	background-color: #87cc4f;
  border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 2.667vw;
	text-align: center;
	padding: 3px 0;
	width: 22.667vw;
}
@media screen and (min-width:768px) {
	.news-22 {
    font-size: 12px;
		padding: 5px 0;
    width: 120px;
	}
}

.news-25 {
	background-color: #FF97C2;
  border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 2.667vw;
	text-align: center;
	padding: 3px 0;
	width: 22.667vw;
}
@media screen and (min-width:768px) {
	.news-25 {
    font-size: 12px;
		padding: 5px 0;
    width: 120px;
	}
}

.news-36 {
	background-color: #87cc4f;
  border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 2.667vw;
	text-align: center;
	padding: 3px 0;
	width: 22.667vw;
}
@media screen and (min-width:768px) {
	.news-36 {
    font-size: 12px;
		padding: 5px 0;
    width: 120px;
	}
}

.news-31 {
	background-color: #FF97C2;
  border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 2.667vw;
	text-align: center;
	padding: 3px 0;
	width: 22.667vw;
}
@media screen and (min-width:768px) {
	.news-31 {
    font-size: 12px;
		padding: 5px 0;
    width: 120px;
	}
}

.news-34 {
	background-color: #9CC0F9;
  border-radius: 5px;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 2.667vw;
	text-align: center;
	padding: 3px 0;
	width: 22.667vw;
}

@media screen and (min-width:768px) {
	.news-34 {
    font-size: 12px;
		padding: 5px 0;
    width: 120px;
	}
}