@charset "UTF-8";
/* news */

.news_box article a{
	display: block;
	width: 100%;
	padding: 25px;
	background-color: #f8f8f8;
	transition: .3s;
	border-bottom: solid 1px #fff;
	position: relative;
}
.news_box article a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #333;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.news_box article a:hover{
	background-color:#f5efcf;
}
.news_box article a:hover:after{
	width: 100%;
}
.news_box article .news_date{
	display: inline-block;
	width: 140px;
	color: #be8c8d;
}
.news_box article h3{
	display: inline-block;
}
.type_kansei{
	width: 200px;
	height: 40px;
	padding-left: 15px;
	background-color: #f1c410;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-image: url("../img/home/icon_kaisei.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 7px left 15px;
	position: absolute;
	top:15px;right:10px;
}
.type_kansei_end{
	width: 200px;
	height: 40px;
	padding-left: 15px;
	background-color: #E4E4E4;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-image: url("../img/home/icon_kaisei.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 7px left 15px;
	position: absolute;
	top:15px;right:10px;
}
.type_report{
	width: 200px;
	height: 40px;
	padding-left: 15px;
	background-color:#F0E7B5;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-image: url("../img/home/icon_report.png");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: top 7px left 15px;
	position: absolute;
	top:15px;right:10px;
}
.news_contents .link_btn_white{
	margin: 50px 0 0 870px;
}

@media screen and (min-width:0px) and (max-width:767px) {

	.news_box article a{
		display: block;
		width: 100%;
		padding: 20px;
		background-color: #f8f8f8;
		transition: .3s;
		border-bottom: solid 1px #fff;
		position: relative;
	}
	.news_box article a:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 1px;
		background-color: #333;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.news_box article a:hover{
		background-color:#f5efcf;
	}
	.news_box article a:hover:after{
		width: 100%;
	}
	.news_box article .news_date{
		display: block;
		width: 140px;
		color: #be8c8d;
	}
	.news_box article h3{
		display: block;
		padding-right: 50px;
	}
	.type_kansei{
		width: 40px;
		height: 40px;
		text-indent: -99999px;
		background-color: #f1c410;
		border-radius:50%;
		background-image: url("../img/home/icon_kaisei.png");
		background-repeat: no-repeat;
		background-position: top 7px left 7px;
		position: absolute;
		top:20px;right:10px;
	}
	.type_kansei_end{
		width: 40px;
		height: 40px;
		padding-left: 15px;
		text-indent: -99999px;
		background-color: #E4E4E4;
		border-radius:50%;
		background-image: url("../img/home/icon_kaisei.png");
		background-repeat: no-repeat;
		background-position: top 7px left 7px;
		position: absolute;
		top:20px;right:10px;
	}
	.type_report{
		width: 40px;
		height: 40px;
		text-indent: -99999px;
		background-color:#F0E7B5;
		border-radius: 50%;
		background-image: url("../img/home/icon_report.png");
		background-repeat: no-repeat;
		background-position: top 7px left 7px;
		position: absolute;
		top:20px;right:10px;
	}
	.news_contents .link_btn_white{
		width: 230px;
		margin:15px auto 0;
		float: none;
	}
}