/* CSS Document */
/********************
access_map
*********************/
#access_map {
  padding: 100px 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  #access_map {
    padding: 80px 0;
  }
}
#access_map .map-box {
  width: 100%;
  height: auto;
  aspect-ratio: 100/49;
}
#access_map .map-box iframe {
  width: 100%;
  height: 100%;
  filter: grayscale(1);
}
#access_map p {
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
#access_map p + p {
  margin-top: 1.5em;
}
#access_map .border-box .is-flex {
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 768px) {
  #access_map .border-box .is-flex {
    display: block;
  }
}
#access_map .border-box .is-flex > h5.bar, #access_map .border-box .is-flex > h6 {
  align-items: flex-start;
  width: 35%;
}
@media (max-width: 768px) {
  #access_map .border-box .is-flex > h5.bar, #access_map .border-box .is-flex > h6 {
    width: auto;
  }
}
#access_map .border-box .is-flex > h5.bar + *, #access_map .border-box .is-flex > h6 + * {
  width: 65%;
  padding-left: 40px;
}
@media (max-width: 768px) {
  #access_map .border-box .is-flex > h5.bar + *, #access_map .border-box .is-flex > h6 + * {
    width: 100%;
    padding-left: 0;
  }
}
#access_map .border-box .is-flex + .is-flex {
  margin-top: 20px;
}