.header .right .nav a,
.header .right .change-size p{
	color: #fff;
}


#news .bg{
	background: url(../images/news/bg_news.jpg) center/cover no-repeat;
}



/* ------------------------------------------------------------ newslist */
#news .newslist{
	padding: 80px 0 40px;
}

#news .newslist ul li{
	background: #fff;
	margin: 0 0 4px 0;
}
#news .newslist ul li:hover{
	opacity: 0.8;
}

#news .newslist ul li a{
	position: relative;
	color: #000;
	font-size: 16px;
	letter-spacing: 0.05em;
	display: block;
	padding: 35px 50px 35px 35px;
	line-height: 25px;
}
#news .newslist ul li a:after{
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	border-top: 2px solid #01499e;
	border-right: 2px solid #01499e;
	transform: rotate(45deg);
	right: 20px;
}
#news .newslist ul li a span{
	color: #094ea1;
	padding: 0 35px 0 0;
}


/* ------------------------------------------------------------ link_btn */
#news .link_btn{
	text-align: center;
	padding: 0 0 100px 0;
}

#news .link_btn a{
	display: inline-block;
	width: 50px;
	padding: 15px 0;
	margin: 0 20px 0 0;
	color: #01499e;
	background: #fff;
	font-size: 18px;
	letter-spacing: 0.1em;
}

#news .link_btn a:hover{
	color: #fff;
	background: #01499e;
	opacity: 1;
}





@media only screen and (max-width: 640px) {
/* ------------------------------------------------------------ newslist */
#news .newslist{
	padding: 40px 0 30px;
}
	
#news .newslist ul li a{		
	padding: 20px 50px 20px 20px;
	font-size: 12px;
}
#news .newslist ul li a:after{
	width: 12px;
	height: 12px;
	top: 50%;
	transform: translate(0,-50%) rotate(45deg);
}
#news .newslist ul li a span{
	display: block;
	padding: 0 0 10px 0;
}
	
#news .newslist a.SP{
	padding: 20px 20px 0 0;
	text-align: right;
}
#news .newslist a.SP:after{
	width: 6px;
	height: 6px;
	bottom: 1px;
}


/* ------------------------------------------------------------ link_btn */
#news .link_btn{
	padding: 0 0 50px 0;
}





/*# sourceMappingURL=works.css.map */