@charset "utf-8";
/* main image
------------------------------------------*/
.main-image {
	background-image: url(images/bg_access.jpg);
	height: 40vw;
	min-height: 300px;
}
.access-ttl {
	display: none;
}
.map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 50%;
	margin: 0 auto 30px;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.route-list {
	gap: 30px;
}

.rental-car {
	width: calc(100% - 10px);
	margin: 50px auto 0;
	padding: 15px;
	border-top: 1px solid #acacac;
}
.rental-car .rental-car-ttl {
	margin-bottom: 20px;
}
.rental-car .com {
	color: #666;
}
.rental-car .com p+p {
	margin-top: 10px;
}
.rental-car .rental-point {
	margin-top: 25px;
}
.rental-car .rental-point dt {
	padding: 10px;
	font-size: 1.15em;
	font-weight: bold;
}
.rental-car .rental-point dd {
	padding: 0 10px 10px;
}
.rental-car .rental-point dd+dt {
	margin-top: 25px;
}
.rental-car .rental-point ul {
	color: #666;
}
.rental-car .rental-point .rental-tbl {
	border: 0;
	width: 100%;
	margin-top: 15px;
	font-size: 0.95em;
}
.rental-car .rental-point .rental-tbl thead th {
	background: #D9EDF7;
	width: 50%;
	padding: 6px 12px;
	text-align: left;
	font-weight: bold;
}

.rental-car .rental-point .rental-tbl tbody td {
	padding: 6px 12px;
	border-width: 0 0 1px 0;
}
.rental-car .rental-point .rental-tbl tbody td a {
	color: #333;
	text-decoration: none;
}
.rental-car .rental-point .rental-tbl tbody td a:hover {
	color: #63AB45;
}

.rental-car .rental-point .rental-tbl tbody tr:nth-child(even) {
	background: #F9F9F9;
}
.rental-car .rental-point .rental-tbl tbody tr:hover {
	background: #eee;
}

@media screen and (max-width: 600px) {
	.route-list[data-column] {
		--data-column: 1 !important;
		display: block !important;
	}
	.route-list[data-column] > * {
		width: 100% !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}

}
