@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: '\025a1'; 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: #EDEDF0; 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; 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; 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 { column-gap: 2rem; }
  .station-photo { display: grid; grid-template-columns: repeat(3, 1fr); } }