#page_title{
	background:#ff9100 url('../images/civil/pagetitle.webp') no-repeat top center;
}
main section article:after{
	clear:both;
	content:"";
	display:block;
}
#section1 iframe{
	width:100%;
	height:auto;
	display:block;
	margin:20px auto 0;
	aspect-ratio: 16 / 9;
}
.wrap{
	display:flex;
	flex-wrap:wrap;
	gap:50px;
}
.wrap section{
	width:calc((100% - 50px) / 2);
	flex:none;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	box-sizing:border-box;
	position:relative;
}
.wrap section:nth-child(odd){
	padding-left:calc(((100% - 50px) / 2) -  525px);
}
.wrap section:nth-child(even){
	padding-right:calc(((100% - 50px) / 2) -  525px);
}
.wrap section h3{
	width:525px;
	padding:0 !important;
	position:static !important;
}
.wrap section:nth-child(odd) h3:before{
	margin:0;
	width:calc(((100dvw - 90px) / 2) -  525px);
	left:0;
	position:absolute;
}
.wrap section:nth-child(even) h3:before{
	margin:0;
	width:calc(((100dvw - 90px) / 2) -  525px);
	right:0;
	position:absolute;
}
.wrap section:nth-child(even){
	align-items:flex-start;
}
.wrap section article{
	width:525px;
	margin:0;
}
.wrap section h3 .eng{
	display:block;
	padding:0;
}
#works_civil article{
	max-width:100% !important;
}

#works_civil dt{
	width:240px;
}
#works_civil dt a{	
	display: block;
	width: 240px;
	height: 280px;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	overflow: hidden;
	position:relative;
}
#works_civil dt a img{
	display:block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

/* 右下に影を追加して立方体風に */
#works_list dt a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%; /* 幅を全体に */
	height: 100%; /* 高さを全体に */
	background: rgba(0, 0, 0, 0.3); /* 半透明の黒 */
	clip-path: polygon(50% 50%, 100% 25%, 100% 75%, 50% 100%); /* 影の形状 */
	transform: translate(0, 0);
	pointer-events: none; /* クリックを邪魔しない */
}
#section7 summary{
	border:3px solid #fd4e01;
	cursor:pointer;
	padding:10px;
	border-radius:5px;
}
details th{
	white-space:normal !important;
}
details th,
details td{
	font-size:14px;
	padding:3px !important;
}

details td{
	white-space:nowrap;
}