@charset "utf-8";
/*******************************************
 	news
*******************************************/
#news{
	padding:60px 0;
	margin:0 auto;
}
#news h3{
	text-align:center;
	margin:0 auto 40px;
}
#news ul{
	margin:0 auto;
	width:85%;
}
#news li{
	margin:0 auto 20px;
}
#news li .des{
	display:flex;
	display:-webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	font-weight:bold;
}
#news li .des > div{
	margin-right:3%;
	width:20%;
}
#news li .des div time{
	font-size:1.6rem;
	display:block;
	margin:0 0 .5rem;
	color:#333;
}
#news li .des div span{
	font-size:1.2rem;
	display:block;
}
#news li p{
	text-decoration: underline;
	color:#333;
	font-size:1.6rem;
	width:77%;
}
#news li a:hover p{
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	#news{
		margin:0 auto;
		padding:10% 3.125%;
	}
	#news h3{
		float:none;
		width:auto;
		margin:0 auto 6%;
	}
	#news ul{
		float:none;
		width:auto;
	}
	#news li{
		margin:0 auto 7%;
	}
	#news li .des{
		display:block;
	}
	#news li .des > div{
		margin:0 auto 2%;
		width:auto;
		display:flex;
		display:-webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	#news li .des div time{
		font-size:1.6rem;
		margin:0 1.5rem 0 0;
		width:35%;
	}
	#news li .des div span{
		text-align:right;
		font-size:1.2rem;
		display:block;
		padding:0.5rem 1.0rem;
		width:65%;
	}
	#news li p{
		font-size:1.6rem;
		width:auto;
	}
	#news li a:hover p{
		text-decoration: none;
	}
}
/*******************************************
 	content
*******************************************/
#content{
	margin:0 auto 60px;
}