@charset "utf-8";

/* -----------------------------------------------------------
   配布エリア 共通
-------------------------------------------------------------- */
/* -----------------------------------------------------------
   cmn-map-box
-------------------------------------------------------------- */
.cmn-map-box {
	align-items: flex-start;
	display: flex;
	gap: 5%;
	margin: 40px 0 0;
}

.cmn-map-note {
	text-align: center;
	font-size: 1.7rem;
}

.cmn-map-box .cmn-map-img {
	width: 32%;
}

.cmn-map-box .cmn-map-img img {
	width: 100%;
}

.cmn-map-table {
	border-radius: 4px;
	border-collapse: collapse;
	border: 1px solid var(--border1);
	width: 65%;
	table-layout: auto;
	line-height: 1.3;
}

.cmn-map-table thead th {
	background: var(--cmnbg2);
	padding: 10px;
	width: calc(100% / 3);
}

.cmn-map-table thead th:not(:last-child) {
	border-right: 1px solid var(--border1);
}

.cmn-map-table tbody td {
	padding: 10px;
	text-align: center;
}

.cmn-map-table tbody tr:not(:last-child) td {
	border-bottom: 1px solid var(--border1);
}

@media screen and (max-width: 768px) {
	.cmn-map-box {
		flex-direction: column;
		gap: 15px;
		margin: 20px 0 0;
	}

	.cmn-map-box .cmn-map-img {
		width: 60%;
		margin: 0 auto;
	}

	.cmn-map-note {
		text-align: left;
		line-height: 1.8;
		font-size: 1.6rem;
	}

	.cmn-map-table {
		width: 100%;
	}

	.cmn-map-table tbody td,
	.cmn-map-table thead th{
		font-size: 1.5rem;
		line-height: 1.3;
		padding: 13px;
	}
}