/*----------------------------------------------------------------------------------------------------

  アクセス
  
----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
  交通案内
--------------------------------------------------------------------------------*/
.koutsu {
  border-bottom: 1px solid rgba(25,25,25,0.12);
}
.koutsu dt {
  border-top: 1px solid rgba(25,25,25,0.12);
  font-weight: 500;
  color: rgba(var(--color-lblue-d),1);
  font-size: var(--fs-m);
}
@media print,screen and (min-width:641px) {
  .koutsu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .koutsu dt,
  .koutsu dd {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .koutsu dt {
    width: 15rem;
    padding-left: 1.6rem;
    padding-top: 1.8rem;
  }
  .koutsu dd {
    width: webkit-calc(100% - 15rem);
    width: calc(100% - 15rem);
    border-top: 1px solid rgba(25,25,25,0.12);
  }
}
@media screen and (max-width:640px) {
  .koutsu dt {
    padding-top: 1em;
  }
  .koutsu dd {
    padding-top: 0.25em;
    padding-bottom: 1.25em;
  }
}

/*--------------------------------------------------------------------------------
  MAP
--------------------------------------------------------------------------------*/
.gmap {
  width: 100%;
  height: 60vh;
}
.gmap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  vertical-align: bottom;
}
@media print,screen and (min-width:641px) {
  .gmap {
    max-height: 600px;
    min-height: 400px;
  }
}
@media screen and (max-width:640px) {
  .gmap {
    max-height: 400px;
    min-height: 250px;
  }
}