@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Noto+Serif+JP:wght@300;600&display=swap");
section {
  max-width: 1100px;
}
section .text {
  font-size: 1.6rem;
}

.train {
  margin-top: 8rem;
}
.train > .text {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2;
}
.train .merit {
  margin-top: 4rem;
  max-width: 800px;
  margin-inline: auto;
}
.train .train-map {
  margin-top: 8rem;
}
.train .train-map + .to-station {
  margin-top: 8rem;
  padding-top: 0;
  border-top: 0;
}
.train .to-station {
  margin-top: 4rem;
  padding-top: 4rem;
  max-width: 800px;
  margin-inline: auto;
  border-top: 1px dashed #595757;
}
.train .to-station .title {
  font-size: 2rem;
  position: relative;
  padding-left: 2rem;
}
.train .to-station .title::before {
  content: "□";
  position: absolute;
  left: 0;
  top: 0;
}
.train .to-station .img {
  margin-top: 2rem;
}
.train .to-station + .note {
  max-width: 800px;
  margin-inline: auto;
  margin-top: 4rem;
}

.station-photo {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.blue-line {
  max-width: 100%;
  width: 100%;
  background-color: #eff0e8;
  border-top: 4px solid #aa9765;
  padding: 8rem 0;
}
.blue-line .inner {
  max-width: 1100px;
  width: 90%;
  margin-inline: auto;
}
.blue-line .plan {
  max-width: 800px;
  margin-inline: auto;
  margin-top: 6rem;
}
.blue-line .plan .title {
  font-size: 3.2rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.4;
  text-align: center;
}
.blue-line .plan .text {
  line-height: 1.6;
  margin-top: 2rem;
}
.blue-line .plan .img {
  margin-top: 3rem;
}
.blue-line .plan .note {
  text-align: right;
  margin-top: 1rem;
}
.blue-line .plan01 .note {
  text-align: right;
}
.blue-line .plan02 {
  display: grid;
  grid-template-columns: 1fr 0.94fr;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
}
.blue-line .plan02 .title,
.blue-line .plan02 .note {
  grid-column: span 2;
}

.azamino-station {
  margin-bottom: 4rem;
}

@media screen and (max-width: 640px) {
  section .text {
    font-size: 1.4rem;
  }
  .train {
    margin-top: 3rem;
  }
  .train > .text {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .train .train-map {
    margin-top: 4rem;
  }
  .train .train-map + .to-station {
    margin-top: 4rem;
  }
  .train .to-station {
    margin-top: 2rem;
    padding-top: 2rem;
  }
  .train .to-station .title {
    font-size: 1.6rem;
  }
  .blue-line {
    padding: 4rem 0;
  }
  .blue-line .plan {
    margin-top: 3rem;
  }
  .blue-line .plan .title {
    font-size: 2.6rem;
  }
  .blue-line .plan02 {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
  .station-photo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}