@charset "utf-8";

/******************* 各セクション *******************/
#sec01{
	width:95%;
	max-width:1366px;
	margin:0 auto;
	padding:50px 0;
	position:relative;
}

#sec01 .newsbox{
	flex-direction:row;
	column-gap:30px;
}

#sec01 .newsbox .category{
	width:35%;
}

#sec01 .newsbox .list{
	width:100%;
	margin-top:30px;
	row-gap:20px;
	flex-direction:column;
}

#sec01 .newsbox .list .itembox{
	padding:20px 25px;
	background:#fff;
	box-shadow:0 0 7px #0007;
	flex-direction:row;
	column-gap:10px;
	justify-content:space-between;
}

#sec01 .newsbox .list .itembox::after{
	color:#9f8c5a;
	font-size:2em;
	position:relative;
	left:10px;
	content:"↗";
}

#sec01 .newsbox .list .itembox[href$=".pdf"] p.title::before{
	margin-right:5px;
	font-size:1.1em;
	content:"\f1c1";
}

#sec01 .newsbox .list .itembox .inner{
	row-gap:5px;
	flex-direction:column;
}

#sec01 .newsbox .meta .date{
	color:#828282;
	font-weight:500;
}

#sec01 .newsbox .meta .tag{
	margin-left:5px;
	padding:3px 25px;
	color:#fff;
	background:#9f8c5a;
	border-radius:5px;
	font-size:.875em;
}

#sec01 .newsbox .button{
	width:100%;
	margin-top:20px;
}

#sec01 .newsbox .button a{
	width:100vw;
	padding:15px 0;
	color:#fff;
	background:#9f8c5a;
	text-align:center;
	font-weight:500;
	border-radius:10px;
	position:relative;
}

#sec01 .newsbox .button a::after{
	margin-top:-4px;
	color:#fff;
	font-size:1.25em;
	font-weight:bold;
	position:absolute;
	right:30px;
	content:"\f054";
}

@media (max-width:999px){
}

@media (max-width:767px){
	#sec01 .newnewsInfo{
		width:100%;
		padding:15px 12px;
		border-radius:0;
	}

	#sec01 .newnewsInfo .item{
		column-gap:10px;
	}

	#sec01 .newnewsInfo .item h6, #sec01 .newnewsInfo .item .category,#sec01 .newnewsInfo .item .detail{
		font-size:.85em;
	}
}