@charset "UTF-8";
#info_area_gray{
	box-sizing:border-box;
	width:1200px;
	border:3px solid #e0e0e0;
	border-radius:10px;
	margin:0 auto;
	padding:1.5rem 3rem;
}

@media screen and (max-width:1280px){
	#info_area_gray{width:95%}
}

@media screen and (max-width:800px){
	#info_area_gray{padding:1rem 1.5rem}
}

@media screen and (max-width:592px){
	#info_area_gray{
		padding:.5rem 1rem;
		margin:2.5rem auto 5rem;
	}
}

#info_area_gray ul li{
	display:flex;
	align-items:flex-start;
	padding:.8rem 0 1rem;
	border-bottom:1px solid #E5E6E6
}

@media screen and (max-width:800px){
	#info_area_gray ul li p{flex-wrap:wrap}
}

#info_area_gray ul li:last-child{border-bottom:none}
#info_area_gray ul li .category{
	flex:0 0 160px;
	background-color:#869698;
	color:#fff;
	text-align:center;
	margin-right:1rem;
	padding:.4rem 0
}

@media screen and (max-width:592px){
	#info_area_gray ul li .category{
		font-size:.875rem;
		flex:0 0 120px;
		padding:.3rem 0
	}
}

#info_area_gray ul li .category.important{background-color:#e0e0e0}

#info_area_gray ul li .date{
	flex:0 0 90px;
	margin-right:1rem;
	position:relative;
	top:.55rem;
}
#info_area_gray ul li .txt{
	flex:1 1 auto;
	position:relative;
	top:.3rem;
}

@media screen and (max-width:800px){
	#info_area_gray ul li .txt{
		flex:0 0 100%;
		margin-top:.5rem
	}
}

#info_area_gray ul li .txt a{color:#333}