@charset "UTF-8";
/* CSS Document */

.gmap{ padding: 56.25% 0 0 0; position: relative;}
.gmap iframe{ margin: 0; padding: 0; border: solid 1px #a8a8a8; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.access_map{ width: 80%; margin-left: auto; margin-right: auto;}

.access_info{ display: grid; grid-template-columns: 20rem 1fr; border-top: solid 1px #00379c; margin: 2.0em 0 0 0;}
.access_info h3{ margin: 1.0rem; padding: 0; font-size: 124%; font-weight: bold; color: #00379c;}
.access_info div{ margin: 0; border-left: solid 1px #00379c; padding: 1.0rem; }
.access_info div>*:first-child{ margin-top: 0;}

.parking{ display: flex; gap: 0 1.0rem; margin: 0;}
.parking li{ flex: 1; margin: 1.0em 0 0 0;}
.parking h3{ margin: 0; padding: 1.0rem; text-align: center; font-size: 124%; font-weight: bold; color: #00379c; background: #f0f0f0; border-radius: 0.5rem;}
.parking p{ margin: 0.5rem 0 0 0; padding: 1.0rem; text-align: center; font-size: 136%; font-weight: bold; background: #f0f0f0; border-radius: 0.5rem;}

@media screen and ( max-width: 480px ) {
  .access_info{ display: block;}
  .parking{ display: block;}
  
}