@charset 'UTF-8';

.news .date {
    margin-right: 20px;
}

.news-box .news {
	padding: 9px 20px 7px;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
    background: #F7F7F7;
}

.news-box .news:nth-child(2n) {
    background: #fff;
    max-width: 820px;
}

.news-box .news h4 {
    max-width: 820px;
    font-weight: normal;
    color: #71BCBC;
}

.news .text p + p {
	margin-top: 0;
}

.image {
	width: 20%;
}
.image div + div {
	margin-top: 10px;
}

.button{
	margin-top: 50px;
	text-align: left;
}

.news .button a{
	font-weight: bold;
	padding-left: 40px;
	text-decoration: none;
	background: url("../image/icon_back_off.jpg") left center no-repeat;
	color: #383838;
	line-height: 20px;
	display: inline-block;
}

.news .button a:hover{
	background: url("../image/icon_back_on.jpg") left center no-repeat;
	color: #71BCBC;
}