<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ===================================================
access
====================================================== */
section { margin-top: 80px;}
section h2 { font-size: 20px; font-weight: bold; padding-left: 15px; border-left: 5px solid #a2ba00; margin-bottom: 15px;}

@media screen and (max-width: 600px) {
	section { margin-top: 10vw;}
	section h2 { font-size: 18px; padding-left: 10px;}
}

/* ---------------------------------------------------
	gmap_col
------------------------------------------------------ */
#map_wrap { width: 100%; height: 520px;}


@media screen and (max-width: 600px) {
	#gmap_col { margin-top: 5vw;}
	#map_wrap { height: 70vw;}
}



/* ---------------------------------------------------
	illustmap_col
------------------------------------------------------ */
#illustmap_col .illust_wrap { position: relative;}
#illustmap_col .illust_wrap .txt { position: absolute; top: 200px; left: 0;}
#illustmap_col .illust_wrap .txt span { display: inline-block; margin-top: 10px; background: #000; color: #fff; font-size: 25px; font-weight: bold; padding: 0 10px;}
#illustmap_col .illust_wrap .photo { position: absolute; bottom: -30px; right: -4%;}
#illustmap_col .illust_wrap &gt; img { width: 100%;}

@media screen and (max-width: 600px) {
	#illustmap_col .illust_wrap .txt { position: relative; top: auto; left: auto; z-index: 1;}
	#illustmap_col .illust_wrap .txt span { font-size: 16px;}
	#illustmap_col .illust_wrap .photo { width: 45vw; bottom: 0;}
}



/* ---------------------------------------------------
	access_car/access_train
------------------------------------------------------ */
.tb_layout { display: flex; flex-wrap: wrap;}
.tb_layout dt,
.tb_layout dd { padding: 15px 40px; box-sizing: border-box; border-bottom: 1px solid #cccccc;}
.tb_layout dt { width: 25%; background: #f5f4ee; display: flex; align-items: center; justify-content: center;}
.tb_layout dd { width: 75%;}

@media screen and (max-width: 600px) {
	.tb_layout dt,
	.tb_layout dd { width: 100%; padding: 10px 15px;}
	.tb_layout dt { border-style: dotted;}

}
</pre></body></html>