#page_title{
	background:#fffef1 url('../images/works/pagetitle.webp') no-repeat top center;
}
#section1 p{
	text-align:center;
}
#works_list article{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
#works_list dl{
	width:calc((100% - 80px) / 3);
	background:#fff9c4;
	border:5px solid #000;
	padding:20px;
	border-radius:20px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
}
#works_list dt{
	height:300px;
	margin-bottom:10px;
}
#works_list dt a{	
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}
#works_list dt a img{
	display:block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
#works_list .more{
	padding:10px 0 0;
	margin-top:auto;
}
#works_list .more a{
	display:block;
	border:4px solid #000;
	line-height:40px;
	text-align:center;
	border-radius:22px;
	color:#000;
	background:#fff;
	text-decoration:none;
}
#works_list .more a:hover{
	color:#fff;
	background:#088943;
}
#works_list2 dl{
	width:100%;
	background:#e4f8ed;
	border:5px solid #000;
	padding:20px;
	border-radius:20px;
	margin:0 auto 20px;
	box-sizing:border-box;
}
#works_list2 dl dt{
	font-weight:700;
	font-size:24px;
}
#works_list2 dl dd th{
	background:#088943;
	color:#fff;
}
#works_item_comment{
	margin:0 auto 80px;
}
#works_item_comment h4{
	padding:20px 0 0;
	border-bottom:2px solid #000;
}
#works_item_comment table,
#works_item_comment th,
#works_item_comment td{
	border:0;
}
#works_item_photo{
	display:flex;
	gap:40px;
}
#works_item_photo figure{
	width:calc((100% - 40px) / 2);
}
#works_item_photo figure figcaption{
	font-weight:700;
	font-size:24px;
	margin-bottom:10px;
}
#works_item_photo figure a{
	border:5px solid #000;
	border-radius:20px;
	padding:20px;
	display:block;
}
#works_item_photo figure a img{
	max-width:initial !important;
	width:100%;
	height:360px;
	display:block;
	object-fit:cover;
}