@charset "UTF-8";

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

/*------------about---------------------------------------------------------------*/
#about section .aboutList {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
#about section:nth-of-type(2n) .aboutList {
	flex-direction: row-reverse;
}
#about section div.aboPho { max-width: 500px; }
#about section div.aboTxt { max-width: 460px; }
#about section dl:not(:first-of-type) { margin-top: 1.5em; }
#about section dl dt {
	margin-bottom: 0.25em;
	font-size: 1.25em;
	font-weight: bold;
	color: var(--co-orange);
}

@media (max-width: 979px) {
	#about section .aboutList {
		display: block;
		max-width: 500px;
		margin: 0 auto;
	}
	#about section div.aboPho { max-width: inherit !important; }
	#about section div.aboTxt {
		max-width: inherit !important;
		margin-top: 1em;
	}
}