@charset "utf-8";

/* .train {
} */
.train__content {
  grid-template-columns: auto minmax(0, 1227px);
  align-items: start;
  gap: 0 65px;
}
.train__content__heading {
  grid-row: 1 / 10;
  justify-self: start;
}
.train__content__desc {
  max-width: 440px;
  justify-self: end;
}
/* .train__content__desc__copy {
} */
.train__content__map {
  margin-top: 100px;
}
/* .train__content__map__photo {
} */
.train__content__list {
  margin-top: 100px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 32px;
}
/* .train__content__list__item {
}
.train__content__list__item__photo {
} */
@media screen and (max-width: 768px){
  .train__content {
    grid-template-columns: 100%;
    gap: 0;
  }
  .train__content__heading {
    grid-row: auto;
    justify-self: end;
  }
  .train__content__desc {
    max-width: none;
    margin-top: 65px;
  }
  .train__content__map {
    margin-top: 65px;
    margin-inline: calc((50% - var(--window-half-width)) + 8px);
  }
  .train__content__list {
    margin-top: 65px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 370px), 1fr));
    gap: 8px;
    margin-inline: calc((50% - var(--window-half-width)) + 8px);
  }
}



.car {
  padding-top: 270px;
}
.car__content {
  grid-template-columns: minmax(0, calc(283 / 1540 * 100%)) minmax(0, calc(32 / 1540 * 100%)) minmax(0, calc(912 / 1540 * 100%)) minmax(32px, 1fr) auto;
  justify-content: start;
  align-items: start;
}
.car__content__heading {
  grid-column: 5;
  grid-row: 1 / 10;
  translate: 0 -100px;
}
.car__content__desc {
  grid-column: 1 / 2;
}
/* .car__content__desc__copy {
} */
.car__content__map {
  grid-column: 3 / 4;
}
/* .car__content__map__photo {
} */
.car__content__list {
  grid-column: 1 / 4;
  margin-top: 65px;
}
.car__content__list__heading {
  font-size: clamp(14px, calc(18 / 1200 * 100vw), 18px);
}
.car__content__list__desc {
  margin-top: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 32px;
}
.car__content__list__desc__item {
  grid-template-columns: auto minmax(0, auto);
  align-items: end;
  gap: 24px;
  font-size: clamp(11px, calc(13 / 1200 * 100vw), 13px);
}
/* .car__content__list__desc__item__name {
} */
.car__content__list__desc__item__name em {
  font-size: calc(24 / 13 * 100%);
  display: block;
  margin-top: .7em;
}
/* .car__content__list__desc__item__data {
} */
.car__content__list__desc__item__data em {
  font-size: calc(24 / 13 * 100%);
  display: inline-block;
  margin-left: calc(8 / 24 * 1em);
}
.car__content__list__desc__item__data em em.cormorant {
  font-size: calc(48 / 24 * 100%);
  margin-left: .08em;
  letter-spacing: .08em;
  vertical-align: -.02em;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .car__content__list__desc {
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 768px){
  .car {
    padding-top: 100px;
  }
  .car__content {
    grid-template-columns: 100%;
  }
  .car__content__heading {
    grid-column: auto;
    grid-row: auto;
    translate: 0;
    justify-self: start;
  }
  .car__content__desc {
    grid-column: auto;
    margin-top: 65px;
  }
  .car__content__map {
    grid-column: auto;
    margin-top: 32px;
    margin-inline: calc((50% - var(--window-half-width)) + 8px);
  }
  .car__content__map .p-caption {
    position: relative;
    padding: 0;
    margin-top: 10px;
  }
  .car__content__list {
    grid-column: auto;
  }
  .car__content__list__heading {
    font-size: min(calc(14 / 375 * 100vw), 14px);
  }
  .car__content__list__desc {
    margin-top: 24px;
    grid-template-columns: 100%;
    gap: 24px 0;
  }
  .car__content__list__desc__item {
    gap: 0 10px;
    font-size: min(calc(12 / 375 * 100vw), 12px);
    justify-content: space-between;
  }
  .car__content__list__desc__item__name em {
    font-size: calc(16 / 12 * 100%);
    margin-top: .625em;
  }
  .car__content__list__desc__item__data em {
    font-size: calc(16 / 12 * 100%);
    margin-left: calc(5 / 16 * 1em);
  }
  .car__content__list__desc__item__data em em.cormorant {
    font-size: calc(32 / 16 * 100%);
  }
}