/* ------------------------------------
// access
------------------------------------ */
#access .access {
  display: grid;
  grid-template-columns: 1fr 43%;
  grid-template-areas: "h2 image" "text image";
  grid-template-rows: max-content 1fr;
  gap: 0 8rem;
}
@media screen and (max-width: 768px) {
  #access .access {
    display: block;
  }
  #access .access .text {
    margin-top: 2rem;
  }
}
#access .access h2 {
  grid-area: h2;
  font-size: clamp(2rem, 2.4vw, 3rem);
  font-weight: 500;
  margin-bottom: clamp(2rem, 3.2vw, 4rem);
}
#access .access .image {
  grid-area: image;
}
#access .access .text {
  grid-area: text;
}
#access .bus {
  margin-top: clamp(6rem, 9.7vw, 12rem);
}
#access .bus h3 {
  font-size: clamp(1.8rem, 1.9vw, 2.4rem);
  margin-bottom: clamp(2rem, 3.2vw, 4rem);
  text-align: center;
}
#access .bus .photos {
  margin-top: clamp(2rem, 3.2vw, 4rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 3.2vw, 4rem);
}
@media screen and (max-width: 768px) {
  #access .bus .photos {
    grid-template-columns: 1fr;
  }
}
#access .bus .photos .image p {
  margin-top: 1rem;
  text-align: center;
}
#access .car {
  margin-top: clamp(6rem, 9.7vw, 12rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 3.2vw, 4rem);
}
@media screen and (max-width: 768px) {
  #access .car {
    grid-template-columns: 1fr;
  }
}
#access .car .text {
  margin-right: clamp(2rem, 3.2vw, 4rem);
}
#access .car .text h3 {
  font-size: clamp(1.8rem, 1.9vw, 2.4rem);
  margin-bottom: clamp(2rem, 3.2vw, 4rem);
}
#access .car .image p {
  margin-top: 1em;
  text-align: center;
}