@charset "UTF-8";

.mx-auto {
	margin-inline: auto;
}

.font-medium {
	font-weight: 500;
}

/* 冷蔵室ドアの付け換え手順 */
.door-title {
	margin-bottom: 1.2em;
	font-size: 2rem;
}

.list-door {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 10%;
	text-align: center;

	li {
		width: 100%;
	}

	figcaption {
		margin-top: 0.5em;
		font-size: 1.5rem;
	}
}

.list-door-img {
	max-width: 20rem;
}

@media (width >=768px) {
	.door-title {
		font-size: 2.8rem;
	}

	.list-door {
		flex-wrap: nowrap;

		figcaption {
			font-size: 1.6rem;
		}
	}

	.list-door-img {
		max-width: 100%;
	}
}