@charset "UTF-8";

.news {
	background-image: url(../images/news/image.jpg);
}

#news {
	max-width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
}

#news div {
	max-width: 90%;
	margin: 0 auto;
}

#news dl {
	width: 100%;
	padding: 20px 10px;
	display: table;
	border-bottom: 1px solid #C8C8C8;
}

#news dl:first-child {
	border-top: 1px solid #C8C8C8;
}

#news dt {
	width: 90px;
	display: table-cell;
	font-size: 80%;
	color: #666;
	letter-spacing: 0.03em;
}

#news dd {
	display: table-cell;
}

#news dd h4 a {
	color: #444;
	text-decoration: underline;
}

#news dd h4 a:hover {
	text-decoration: none;
}

@media screen and (max-width: 700px) {
h1 {
	padding: 0 10px !important;
}

#news {
	padding: 0 10px;
}

#news div {
	max-width: 100%;
}

#news dt {
	margin: 0 0 5px 0;
	display: block;
}

#news dd {
	display: block;
}
}