.catnav{
	margin:0 auto 45px;
}
.catnav dl{
	display:flex;
	gap:30px;
	justify-content:center;
}
.catnav dt{
	color:#f8b500;
}
.catnav dd ul{
	padding:0;
	display:flex;
	gap:20px;
}
.catnav a{
	display:block;
	width:160px;
	line-height:28px;
	border:1px solid #f8b500;
	border-radius:15px;
	text-align:center;
	color:#222;
	text-decoration:none;
}
.catnav a:hover{
	background:#f8b500;
	color:#fff;
}
.category-work1 .catnav dd ul li:nth-child(1) a{
	background:#f8b500 !important;
	color:#fff !important;
}
.category-work2 .catnav dd ul li:nth-child(2) a{
	background:#f8b500 !important;
	color:#fff !important;
}
.category-work3 .catnav dd ul li:nth-child(3) a{
	background:#f8b500 !important;
	color:#fff !important;
}
#works_wrap{
	padding:0 3%;
}
#works_wrap article{
	padding:0;
	max-width:1360px;
	display:flex;
	flex-wrap:wrap;
	gap:50px 2.6dvw;
}
#works_wrap article dl{
	width:calc((100% - 5.2dvw) / 3);
}
#works_wrap article dl dt img{
	display:block;
	width:100%;
	height:280px;
	object-fit:cover;
	max-width:initial !important;
}
#works_wrap dd .cat{
	line-height:30px;
	color:#fff;
	background:#f8b500;
	width:160px;
	text-align:center;
}