@charset "utf-8";

/* .train {
} */
.train__content {
  grid-template: "enheading . photo" 1fr
  "heading . photo" auto
  "copy . photo" auto
  "near . photo" auto
  / minmax(0, 1fr) calc(80 / 1320 * 100%) calc(640 / 1320 * 100%);
  align-items: end;
}
.train__content__enheading {
  grid-area: enheading;
}
.train__content__heading {
  grid-area: heading;
  --margin-top: 80px;
}
.train__content__copy {
  grid-area: copy;
  --margin-top: 60px;
}
.train__content__near {
  grid-area: near;
  margin-top: 70px;
}
.train__content__near img {
  width: auto;
}
.train__content__photo {
  grid-area: photo;
}
/* .train__content__photo__link {
} */
.train__content2 {
  margin-top: 100px;
  padding-bottom: 150px;
  background: linear-gradient(180deg, transparent 120px, rgba(var(--color-blue), .05) 120px);
}
.train__content2__list {
  gap: 50px 60px;
}
.train__content2__list__item {
  flex: 0 1 calc((100% - 120px) / 3);
}
.train__content2__other {
  margin-top: 50px;
}
.train__content2__other img {
  width: auto;
}
.train__content2__caution {
  --margin-top: 55px;
}
@media screen and (min-width: 481px) and (max-width: 1200px) {
  .train__content__photo .p-caption {
    position: relative;
    padding: 0;
    margin-top: 10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .train__content2__list__item {
    flex: 0 1 calc((100% - 60px) / 2);
  }
}
@media screen and (max-width: 480px){
  .train__content {
    grid-template: "enheading" auto
    "heading" auto
    "photo" auto
    "near" auto
    "copy" auto
    / 100%;
    margin-top: 30px;
  }
  .train__content__heading {
    --margin-top: 40px;
  }
  .train__content__copy {
    --margin-top: 40px;
  }
  .train__content__near {
    margin-top: 40px;
  }
  .train__content__photo {
    margin-top: 40px;
  }
  .train__content__photo .p-caption {
    position: relative;
    padding: 0;
    margin-top: 10px;
  }
  .train__content2 {
    margin-top: 60px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, transparent 70px, rgba(var(--color-blue), .05) 70px);
  }
  .train__content2__list {
    gap: 30px 0;
  }
  .train__content2__list__item {
    flex: 1 0 100%;
  }
  .train__content2__other {
    margin-top: 40px;
  }
  .train__content2__caution {
    --margin-top: 40px;
  }
}



/* .car {
} */
.car__content {
  margin-top: 150px;
  gap: 60px calc(120 / 1320 * 100%);
}
.car__content__desc {
  width: calc(600 / 1320 * 100%);
}
/* .car__content__desc__enheading {
} */
.car__content__desc__copy {
  --margin-top: 80px;
}
.car__content__desc__ic {
  margin-top: 60px;
  border-top: 1px solid rgba(var(--color-deepblue), .2);
  padding-top: 60px;
}
.car__content__desc__ic img {
  width: auto;
}
.car__content__photo {
  flex: 1;
}
.car__content2 {
  max-width: 1200px;
  margin-top: 140px;
}
/* .car__content2__link {
} */
.car__content3 {
  margin-top: 90px;
  padding-bottom: 150px;
  background: linear-gradient(180deg, transparent 200px, rgba(var(--color-blue), .05) 200px);
}
.car__content3__list {
  max-width: 1260px;
  gap: 60px;
}
.car__content3__list__item {
  flex: 0 1 calc((100% - 60px) / 2);
}
@media screen and (min-width: 481px) and (max-width: 1200px) {
  .car__content3 {
    background: linear-gradient(180deg, transparent 100px, rgba(var(--color-blue), .05) 100px);
  }
}
@media screen and (max-width: 480px){
  .car__content {
    margin-top: 80px;
    gap: 40px 0;
  }
  .car__content__desc {
    width: 100%;
  }
  .car__content__desc__copy {
    --margin-top: 40px;
  }
  .car__content__desc__ic {
    margin-top: 40px;
    padding-top: 40px;
  }
  .car__content__photo {
    flex: 1 0 100%;
    margin-right: 0;
  }
  .car__content2 {
    margin-top: 60px;
  }
  .car__content3 {
    margin-top: 60px;
    padding-bottom: 80px;
    background: linear-gradient(180deg, transparent 85px, rgba(var(--color-blue), .05) 85px);
  }
  .car__content3__list {
    gap: 30px;
  }
  .car__content3__list__item {
    flex: 1 0 100%;
  }
}