@charset "utf-8";

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

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

#sec01 .newsbox .category{
	width:30%;
	max-width:270px;
}

#sec01 .newsbox .category .title{
	margin-bottom:15px;
	font-weight:900;
	column-gap:10px;
	align-items:center;
}

#sec01 .newsbox .category .title::after{
	width:100%;
	border-top:solid 2px #000;
	position:relative;
	top:2px;
	content:"";
}

#sec01 .newsbox .category form,#sec01 .newsbox .category ul.irp-press-navi{
	margin-bottom:10px;
	row-gap:5px;
	flex-direction:column;
}

#sec01 .newsbox .category form label,#sec01 .newsbox .category ul.irp-press-navi li{
	margin-left:-5px;
	padding:10px;
	color:#555;
	border-radius:5px;
	transition:background-color .2s ease;
	user-select:none;
	cursor:pointer;
	align-items:center;
}

#sec01 .newsbox .category form label:has(input:checked),#sec01 .newsbox .category ul.irp-press-navi li.active{
	background:#f5ecd5;
}

#sec01 .newsbox .category form input[type="radio"]{
	width:0;
	height:0;
	appearance:none;
	-webkit-appearance:none;
	position:absolute;
	opacity:0;
}

#sec01 .newsbox .category form label span{
	display:flex;
	align-items:center;
	column-gap:10px;
}

#sec01 .newsbox .category ul.irp-press-navi li{
	list-style:none;
}

#sec01 .newsbox .category ul.irp-press-navi li a{
	width:100%;
	display:flex;
	align-items:center;
	column-gap:10px;
}

#sec01 .newsbox .category form label span:first-of-type::before,#sec01 .newsbox .category ul.irp-press-navi li a::before{
	width:16px;
	height:16px;
	background:#fff;
	border:solid 1px #999;
	border-radius:50%;
	vertical-align:middle;
	transition:border-color .2s ease,background-color .2s ease;
	display:inline-block;
	position:relative;
	top:1px;
	content:"";
}

#sec01 .newsbox .category form input[type="radio"]:checked + span,#sec01 .newsbox .category ul.irp-press-navi li.active a{
	font-weight:bold;
}

#sec01 .newsbox .category form input[type="radio"]:checked + span::before,#sec01 .newsbox .category ul.irp-press-navi li.active a::before{
	border-color:#9f8c5a;
	background:radial-gradient(circle,#9f8c5a 60%,transparent 61%);
}

#sec01 .newsbox .category form label:hover,#sec01 .newsbox .category ul.irp-press-navi li:hover:not(.active){
	background:#eee;
}

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

#sec01 .newsbox .list details{
	width:100%;
	padding:10px 5px;
	color:#fff;
	background:#9f8c5a;
	text-align:center;
	font-size:1.25em;
	border-radius:10px;
	cursor:pointer;
	list-style:none;
	display:none;
}

#sec01 .newsbox .list details summary{
	list-style:none;
}

#sec01 .newsbox .list details summary p{
	font-weight:bold;
	position:relative;
}

#sec01 .newsbox .list details summary p::before{
	position:absolute;
	left:10px;
	content:"\f0b0";
}

#sec01 .newsbox .list details form{
	padding:10px 10px 0;
	flex-direction:column;
	row-gap:15px;
}

#sec01 .newsbox .list details form label{
	column-gap:10px;
}

#sec01 .newsbox .list details form label input{
	width:18px;
	position:relative;
	top:1px;
}

#sec01 .newsbox .button{
	display:none;
}


@media (max-width:999px){
	#sec01 .newsbox .category{
		display:none;
	}

	#sec01 .newsbox .list details{
		display:block;
	}

	#sec01 .newsbox .list details.archive summary p::before{
		content:"\f133";
	}

	#sec01 .newsbox .list details.archive ul.irp-press-navi{
		padding:15px;
		list-style:none;
		display:flex;
		flex-direction:column;
		align-items:start;
		row-gap:15px;
	}

	#sec01 .newsbox .list details.archive ul.irp-press-navi li{
		width:100%;
		margin-left:-5px;
		border-radius:5px;
		transition:background-color .2s ease;
		text-align:left;
		user-select:none;
		cursor:pointer;
		align-items:center;
	}

	#sec01 .newsbox .list details.archive ul.irp-press-navi li a::before{
		width:16px;
		height:16px;
		margin-right:10px;
		background:#fff;
		border:solid 1px #999;
		border-radius:50%;
		vertical-align:middle;
		transition:border-color .2s ease,background-color .2s ease;
		display:inline-block;
		position:relative;
		top:-1px;
		content:"";
	}

	#sec01 .newsbox .list details.archive ul.irp-press-navi li a{
		width:calc(100% - 28px);
		display:inline-block;
		color:#fff;
	}

	#sec01 .newsbox .list details.archive ul.irp-press-navi li.active a::before{
		border-color:#fff;
		background:#0099bc;
	}
}