@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
採用 - 数字で見るみつば電機
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.figure-main {
	padding-bottom: 0;
}

.figure-ul {
	display: grid;
	gap: 20px;
}

.figure-li {
	padding: 20px;
	border: 1px solid var(--color_main);
	text-align: center;
}

.figure-li .heading {
	margin-bottom: 1em;
	color: var(--color_main);
	font-weight: 700;
	font-size: 20px;
	letter-spacing: var(--letter-spacing);
}

@media (min-width: 768px) {
.figure-ul {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

.figure-li {
	display: flex;
	padding-block: 30px;
	flex-flow: column;
}

.figure-age {
	grid-column: 2 / 4;
}

.figure-gender {
	grid-column: 1 / 3;
}

.figure-sales {
	grid-row: 3 / 5;
	grid-column: 2 / 4;
}

.figure-li .heading {
	font-size: 24px;
}

.figure-li .image {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
}
}

@media (max-width: 767.9px) {
.figure-founding .img {
	width: 249px;
}

.figure-age .img {
	width: 219px;
}

.figure-gender .img {
	width: 314px;
}

.figure-employee .img {
	width: 220px;
}

.figure-dayoff .img {
	width: 244px;
}

.figure-holiday .img {
	width: 195px;
}

.figure-sales .img {
	width: 271px;
}
}