@charset "UTF-8";

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

/*------------about---------------------------------------------------------------*/
#about section {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
#about .aboList {
	width: calc((100% - 40px) / 2);
}
#about .aboList h5 {
	margin: 1em 0 0.25em;
	padding-bottom: 0.25em;
	border-bottom: 2px solid var(--co-green);
	line-height: 1.2;
	font-size: 1.25em;
	font-weight: bold;
}
#about .aboList ul {
	display: flex;
	flex-flow: wrap;
}
#about .aboList ul li:not(:last-of-type)::after {
	margin: 0 0.25em;
	content: "、";
}
#about .aboList dl dt {
	font-weight: bold;
	color: var(--co-emerald);
}
#about .aboList dl:not(:first-of-type) { margin-top: 1em; }

@media (max-width: 979px) {
	#about section { display: block; }
	#about .aboList {
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
	}
	#about .aboList:not(:first-of-type) { margin-top: 40px; }
	#about .aboList ul { display: block; }
	#about .aboList ul li:not(:last-of-type)::after {
		margin: 0;
		content: "";
	}
	#about .aboList ul li {
		padding-left: 1.3em;
		text-indent: -1.3em;
		
	}
	#about .aboList ul li::before {
		padding-right: 0.3em;
		content: "・";
	}
}