@charset "utf-8";
/* CSS Document */
.location_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px var(--space-20);
}
.location_item {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
	&:not(:last-child) {
		margin-bottom: 1em;
	}
}
.location_item dt {
	min-width: 5em;
	font-weight: bold;
}
.location_item dd {
	max-width: calc(100% - 5em + 20px);
	width: 100%;
	@media screen and (max-width: 767px){
		max-width: 100%;
	}
}
.location_map {
	max-width: 470px;
	width: 100%;
	height: 240px;
	@media screen and (max-width: 767px){
		max-width: 100%;
		height: auto;
		aspect-ratio: 388 / 237;
	}
}