@charset "UTF-8";

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

/*------------study_quality---------------------------------------------------------------*/

/*------------study---------------------------------------------------------------*/
#study .studyList:not(:first-of-type) { margin-top: 30px; }
#study .studyList:nth-of-type(2n) .flePR { flex-flow: row; }

@media (max-width: 480px) {
	#study .studyList:nth-of-type(2n) .flePR { flex-direction: column; }
}

/*------------quality---------------------------------------------------------------*/
#quality p { text-align: center; }
#quality ul {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 25px;
	margin: 1em 0;
}
#quality ul li {
	width: calc((100% - 25px * 2) / 3);
	max-width: 350px;
	margin: 0 auto;
}
#quality #quaBtn {
	width: 80%;
	max-width: 880px;
	margin: 1em auto 0;
}
#quality #quaBtn a {
	position: relative;
	display: block;
	padding: 110px 1em 20px;
	background-color: var(--co-navy);
	border-radius: 10px;
	text-align: center;
	font-size: 1.5em;
	color: var(--co-white);
}
#quality #quaBtn a::before {
	position: absolute;
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	background: url("../img/arrow_w.png") no-repeat left top / cover;
	top: 20px;
	left: 50%;
	transform: var(--transformX);
}

@media (max-width: 480px) {
	#quality ul { flex-direction: column; }
	#quality ul li { width: 100%; }
	#quality #quaBtn a { padding: 60px 0.5em 10px; }
	#quality #quaBtn a::before {
		width: 30px;
		height: 30px;
	}
}

/*------------#equipment---------------------------------------------------------------*/
#equipment ul {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 25px;
	margin: 1em 0;
}
#equipment ul li {
	width: calc((100% - 25px * 2) / 3);
	max-width: 350px;
	margin: 0 auto;
}
#equipment ul li p + p {
	margin-top: 0.25em;
	text-align: center;
}

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


/*------------facilities--保有設備一覧-------------------------------------------------------------*/
#facilities table tr td:not(:last-of-type) { border-right: 1px solid var(--co-gray30); }
#facilities table tr td:last-of-type {
	border-right: 0 none;
	text-align: right;
}