/* Default Options */
/* Media Query */
/**
 * Media Query Mixin
 * @param {string} $mq  - min | max | min-max
 * @param {string} $bp1 - breakpoint key (e.g. "lg")
 * @param {string} $bp2 - breakpoint key (e.g. "xl") for min-max upper bound
 */
/* Transform Font Size */
/* --------------------------------- */
.l-section .root {
  width: 100%;
}
.l-section .root img {
  width: 100%;
}

/* --------------------------------- */
.p-access {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-md);
}
.p-access-intro {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
}
.p-access-intro .map {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.p-access-intro .map iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  border: 0;
  filter: grayscale(100%);
  vertical-align: bottom;
}
.p-access-transfer {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
}
.p-access-transfer .image {
  border-radius: var(--space-xs);
  overflow: hidden;
}
.p-access-transfer .image img {
  width: 100%;
}
.p-access-transfer .inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: var(--space-xs);
}
.p-access-transfer .stop {
  padding-block: var(--space-xxs);
  padding-inline: var(--space-xs);
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.p-access-transfer .stop .list {
  margin-block-start: 10px;
  padding-inline: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.p-access-transfer .stop .list li {
  padding-block: 8px;
  padding-inline: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
@media screen and (min-width: 576px) {
  .p-access-intro .map iframe {
    aspect-ratio: 4/3;
  }
  .p-access-transfer {
    display: grid;
    grid-template-columns: clamp(240px, 25vw, 360px) 1fr;
    align-items: start;
    column-gap: var(--space-sm);
  }
}
@media screen and (min-width: 992px) {
  .p-access-intro {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
  }
  .p-access-intro .map {
    grid-area: 1/1/2/3;
  }
  .p-access-intro .map iframe {
    aspect-ratio: 3/2;
  }
  .p-access-intro p {
    grid-area: 2/1/3/2;
  }
  .p-access-intro .more {
    grid-area: 2/2/3/3;
  }
}

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