@charset "UTF-8";

/*--------------------------------------------------------------------
works.html
works.css
--------------------------------------------------------------------*/


/*------------works---------------------------------------------------------------*/
div.flL { float: left; }
div.flR { float: right; }

@media (max-width: 979px) {
	div.flL,
	div.flR { float: none; }
}


/*------------about---------------------------------------------------------------*/
div#about div.aboPho { width: 400px; }
div#about div.aboTxt { width: 560px; }

@media (max-width: 979px) {
	div#about div.aboPho,
	div#about div.aboTxt { width: 100%; }
	div#about div.aboTxt { margin-top: 20px; }
}


/*------------case---------------------------------------------------------------*/
div#case ul {
	width: 100%;
	margin-bottom: -20px;
	list-style: none;
	overflow: hidden;
}
div#case ul li {
	width: 320px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}
div#case ul li:nth-child(3n) { margin-right: 0; }
div#case ul li p + p {
	margin-top: 0.25em;
	text-align: center;
}

@media (max-width: 979px) {
	div#case ul {
		width: 100%;
		margin-bottom: -4%;
		list-style: none;
		overflow: hidden;
	}
	div#case ul li {
		width: 100%;
		margin-bottom: 4%;
	}
	div#case ul li:nth-child(3n) { margin-right: auto; }
	div#case ul li p + p {
		margin-top: 0.25em;
		text-align: center;
	}
}


/*------------facility---------------------------------------------------------------*/
div#facility ul {
	width: 100%;
	margin-bottom: -20px;
	list-style: none;
	overflow: hidden;
}
div#facility ul li {
	width: 320px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}
div#facility ul li:nth-child(3n) { margin-right: 0; }
div#facility ul li p + p {
	margin-top: 0.25em;
	text-align: center;
}
div#facility table tr th,
div#facility table tr td { border-left: 1px solid #bfbfbf; }
div#facility table tr th:nth-child(1),
div#facility table tr td:nth-child(1) { border-left: 0 none; }
div#facility table tr th { text-align: center; }
div#facility table tr td { text-align: center; }
div#facility table tr td:nth-child(1) { text-align: left; }

@media (max-width: 979px) {
	div#facility ul {
		width: 100%;
		margin-bottom: -20px;
		list-style: none;
		overflow: hidden;
	}
	div#facility ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
		float: left;
	}
	div#facility ul li:nth-child(3n) { margin-right: 2%; }
	div#facility ul li:nth-child(2n) { margin-right: 0; }
	div#facility ul li p + p {
		margin-top: 0.25em;
		text-align: center;
	}
	div#facility table tr th,
	div#facility table tr td {
		display: table-cell;
		border-left: 1px solid #bfbfbf;
	}
	div#facility table tr th:nth-child(1),
	div#facility table tr td:nth-child(1) { border-left: 0 none; }
	div#facility table tr th { text-align: center; }
	div#facility table tr td { text-align: center; }
	div#facility table tr td:nth-child(1) { text-align: left; }
}