/* CSS Document */

#main section#carFlow{
	display: grid;
	margin-top: calc(clamp(32px, 7.2vw, 48px) * 2);
}

#carFlowList{
	display: grid;
	grid-gap: clamp(32px, calc(40 / 1200 * 100vw), 40px);
	& dl{
		display: grid;
		align-content: start;
	}
	& dt{
		padding: 6px 0;
		font-size: clamp(16px, 3.6vw, 18px);
		font-weight: 700;
	}
	& dd{
		display: contents;
	}
	& figure{
		order: -1;
	}
	& img{
		aspect-ratio: 6 / 4;
		object-fit: cover;
	}
	@media (min-width: 768px) {
		grid-template-columns: repeat(3, 1fr);
	}
}