@charset "UTF-8";

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

/*------------about---------------------------------------------------------------*/
#about ul {
	display: flex;
	gap: 25px;
	margin: 25px 0 1em;
}
#about ul li {
	width: calc((100% - 25px * 2) / 3);
	max-width: 350px;
	margin: 0 auto;
}

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


/*------------case-------------------------------------------------------------*/
#case ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 70px 85px;
	margin: 25px 0 1em;
}
#case ul li {
	width: calc((100% - 85px * 2) / 3);
	max-width: 310px;
}

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