@charset "UTF-8";

/*--------------------------------------------------------------------
about.html
facility.html
works.css
--------------------------------------------------------------------*/

article section:not(:first-of-type) { margin-top: 85px; }

/*------------about---------------------------------------------------------------*/
#about ul.pholist {
	display: flex;
	gap: 25px;
	margin: 25px 0 1em;
}
#about ul.list03 li {
	width: calc((100% - 25px * 2) / 3);
	max-width: 350px;
	margin: 0 auto;
}
#about ul.list02 li {
	width: calc((100% - 25px) / 2);
	max-width: 540px;
}
#about dl.type > dt {
	margin-top: 1em;
	font-weight: bold;
	color: var(--co-green);
}
#about dl.type ul + p { margin-top: 1em; }
#about dl dl dt {
	font-weight: bold;
	color: var(--co-lightG);
}
#about dl dl:not(:first-of-type) dt { margin-top: 1em; }
#about dl ul {
	display: flex;
	flex-wrap: wrap;
}
#about dl ul li::before {
	margin-right: 0.25em;
	content: "・";
}
#about dl dd span:not(:first-of-type) { margin-left: 1em; }
#about dl.size dl,
#about dl.size dl dt { display: flex; }
#about dl.size dl:not(:first-of-type) dt { margin-top: 0; }
#about dl.size dl dt { min-width: 9em; }
#about dl.size dt span {
	display: inline-block;
	margin-left: 1em;
}

@media (max-width: 480px) {
	#about ul.pholist { flex-direction: column; }
	#about ul.pholist li { width: 100%; }
}


/*------------facility-------------------------------------------------------------*/
#facility ul {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	margin: 25px 0 1em;
}
#facility ul li {
	width: calc((100% - 25px) / 2);
	max-width: 540px;
	margin: 0 auto;
}
#facility ul li p + p {
	margin-top: 0.25em;
	text-align: center;
}
#facility table tr th { width: 90%; }
#facility table tr td { text-align: right; }

@media (max-width: 480px) {
	#facility ul { flex-direction: column; }
	#facility ul li { width: 100%; }
	#facility table tr th { width: 100%; }
}