@charset "UTF-8";
/*color*/
/*add color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*cubic*/
/* media query */
/* hover */
/* ------------------------------------------------------------
	lineHeightCrop（line-heightの不要な余白を打ち消す）のmixin。
------------------------------------------------------------ */
.p-access-intro {
  padding: 9rem 0 12rem;
}
@media only screen and (max-width: 768px) {
  .p-access-intro {
    padding: 5rem 0;
  }
}
.p-access-bView img {
  height: 110%;
}
.p-access-train__imgs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .p-access-train__imgs {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 0.5rem;
  }
}
.p-access-train__imgs .name {
  margin-top: 1rem;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0;
  color: #737775;
  font-size: clamp(1.6rem, 13.7391304348px + 0.5797101449vw, 2rem);
  line-height: 1.2;
}
.p-access-train__list {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem 2rem;
}
@media only screen and (max-width: 1080px) {
  .p-access-train__list {
    gap: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-access-train__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 2rem;
  }
}
.p-access-train__list__item {
  font-size: min(2vw, 2rem);
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .p-access-train__list__item {
    font-size: 1.8rem;
    border-bottom: 1px solid #929292;
    padding-bottom: 2rem;
  }
}
.p-access-train__list__item em {
  font-size: 1.7em;
  font-family: "Cormorant Infant", serif;
}
.p-access-train__list__item small {
  font-size: 0.6em;
  display: inline-block;
}
.p-access-train__list__item .cap {
  margin-top: 1.5rem;
  font-size: 0.5em;
}
@media only screen and (max-width: 768px) {
  .p-access-train__list__item .cap {
    font-size: 1rem;
  }
}
.p-access-train__line {
  position: relative;
  width: 90%;
  max-width: 1080px;
  margin-inline: auto;
  margin-top: 10rem;
}
@media only screen and (max-width: 1080px) {
  .p-access-train__line {
    margin-top: 5rem;
  }
  .p-access-train__line__img {
    overflow: scroll;
  }
  .p-access-train__line img {
    width: 130vw;
    max-width: unset;
    height: auto;
  }
}
.p-access-taxi {
  padding-bottom: 10rem;
}
.p-access-taxi__inner {
  display: grid;
  grid-template-columns: min(50vw, 60rem) 1fr;
  gap: 3rem min(7vw, 7rem);
  align-items: center;
}
@media only screen and (max-width: 1080px) {
  .p-access-taxi__inner {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-access-taxi__inner {
    grid-template-columns: 1fr;
  }
}
.p-access-taxi__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: -moz-fit-content;
  width: fit-content;
  gap: 4rem 6rem;
  font-size: min(1.4vw, 1.6rem);
  line-height: 1.4;
}
@media only screen and (max-width: 1080px) {
  .p-access-taxi__list {
    gap: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-access-taxi__list {
    font-size: 1.6rem;
  }
}
.p-access-taxi__list .station {
  font-size: 1.25em;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .p-access-taxi__list .station {
    font-size: 1.1em;
  }
}
.p-access-taxi__list em {
  font-size: 1.3em;
}
.p-access-taxi__list small {
  font-size: 0.75em;
}
.p-access-taxi__list span {
  display: inline-block;
}
/*# sourceMappingURL=../../map/area/access.css.map */