@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 ul{
	row-gap:5px;
	flex-direction:column;
	list-style:none;
}

#sec01 .newsbox .category ul 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 ul li.irp-selected{
	background:#f5ecd5;
	font-weight:bold;
}

#sec01 .newsbox .category ul li::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 .category ul li.irp-selected::before{
	border-color:#9f8c5a;
	background:radial-gradient(circle,#9f8c5a 60%,transparent 61%);
}

#sec01 .newsbox .category ul li:hover:not(.irp-selected){
	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 .list ul.irp-item-list{
	display:flex;
	flex-direction:column;
	row-gap:15px;
}

#sec01 .newsbox .list ul.irp-item-list:empty{
	display:none;
}

#sec01 .newsbox .list span.irp-item-list{
	width:100%;
	padding:15px 50px 15px 20px;
	background:#fff;
	box-shadow:0 0 7px #0007;
	display:flex;
	flex-direction:column;
	column-gap:10px;
	align-items:start;
	justify-content:space-between;
	position:relative;
}

#sec01 .newsbox .list span.irp-item-list::after{
	width:fit-content;
	width:-moz-fit-content;
	height:fit-content;
	height:-moz-fit-content;
	margin:auto;
	color:#9f8c5a;
	font-size:2em;
	position:absolute;
	top:0;
	right:10px;
	bottom:0;
	content:"↗";
}


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

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

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

	#sec01 .newsbox .list details 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 ul.irp-press-navi li::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 ul.irp-press-navi li.irp-selected::before{
		border-color:#fff;
		background:#0099bc;
	}
}