@charset "UTF-8";

/*--------------------------------------------------------------------
niyaku.html
niyaku.css
--------------------------------------------------------------------*/


/*------------niyaku---------------------------------------------------------------*/
#niyaku #photoList ul {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
#niyaku #photoList ul li { width: calc((100% - 25px * 2 ) / 3); }

/*------------profile--会社概要-------------------------------------------------------------*/
#profile table tr th { width: 15%; }
#profile span { display: inline-block; }
#profile span:not(:last-of-type) { margin-right: 1em; }
#profile ul {
	display: flex;
	flex-wrap: wrap;
}
#profile ul li:not(:last-of-type)::after {
	margin: 0 0.25em;
	content: "/";
}
#profile dl { display: flex; }
#profile dl dd { flex: 1; }
#profile #address > dl > dt { width: 9em; }
#profile #address > dl > dt::before { content: "【"; }
#profile #address > dl > dt::after  { content: "】"; }
#profile ol {
	padding-left: 1.3em;
	list-style: decimal;
}

@media (max-width: 680px) {
	#niyaku #photoList ul { flex-direction: column; }
	#niyaku #photoList ul li:not(:first-of-type) { width: 100%; }
	#profile table tr th { width: 100%; }
}
@media (max-width: 590px) {
	#profile #address > dl { flex-direction: column; }
	#profile #address > dl:not(:first-of-type) { margin-top: 0.5em; }
}
@media (max-width: 480px) {
	#profile #address > dl span { display: block; }
}