@charset "Shift_JIS";
/*===========================================

===========================================*/
.stationSearch__table {
  display: grid;
  grid-template-columns: repeat(2, auto 1fr);
  border-top: 1px solid var(--gray);
  border-left: 1px solid var(--gray);
}
@media not screen and (min-width: 768px) {
  .stationSearch__table {
    grid-template-columns: repeat(1, auto 1fr);
  }
}
.stationSearch__table dt {
  display: flex;
  align-items: center;
  border-right: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  padding: 0.5em 1em;
  min-height: 4em;
  justify-content: center;
  font-weight: bold;
  white-space: nowrap;
  background: var(--lightGray);
}
.stationSearch__table dd {
  display: flex;
  align-items: center;
  border-right: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  padding: 0.5em 1em;
  min-height: 4em;
  word-break: break-all;
}
.stationSearch__table .span {
  grid-column: span 3;
}
@media not screen and (min-width: 768px) {
  .stationSearch__table .span {
    grid-column: auto;
  }
}
.stationSearch__service {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--min5);
  column-gap: var(--min16);
}
@media not screen and (min-width: 768px) {
  .stationSearch__service {
    row-gap: var(--min5-sp);
    column-gap: var(--min16-sp);
  }
}
.stationSearch__service li {
  gap: 0 0.5em;
  font-size: var(--min12);
}
@media not screen and (min-width: 768px) {
  .stationSearch__service li {
    font-size: var(--min12-sp);
  }
}

.station__inner {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--min50) 0;
}
@media not screen and (min-width: 768px) {
  .station__inner {
    gap: var(--min40-sp) 0;
  }
}
.station__column {
  display: flex;
  align-items: flex-start;
  row-gap: var(--min24);
  column-gap: var(--min24);
}
@media not screen and (min-width: 768px) {
  .station__column {
    flex-direction: column;
    row-gap: var(--min24-sp);
    column-gap: var(--min24-sp);
  }
}
.station__column > div {
  flex: 1;
}
.station__column > figure {
  width: max(19.17vw, min(368px, 34.07vw));
}
@media not screen and (min-width: 768px) {
  .station__column > figure {
    width: 100%;
  }
}
.station__column > figure span{
  padding: 0 !important;
}

.station__column > figure img {
  position: static;
}
.stationData__ttl {
  font-size: var(--min20);
  font-weight: bold;
}
@media not screen and (min-width: 768px) {
  .stationData__ttl {
    font-size: var(--min20-sp);
  }
}
.stationData__txt {
  margin-top: var(--min10);
}
.stationData__table {
  display: grid;
  grid-template-columns: repeat(2, auto 1fr);
  margin-top: var(--min20);
  border-top: 1px solid var(--gray);
  border-left: 1px solid var(--gray);
}
@media not screen and (min-width: 768px) {
  .stationData__table {
    margin-top: 0;
    grid-template-columns: repeat(1, auto 1fr);
  }
}
.stationData__table dt {
  display: flex;
  align-items: center;
  border-right: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  padding: 0.5em 1em;
  min-height: 4em;
  justify-content: center;
  font-weight: bold;
  white-space: nowrap;
  background: var(--lightGray);
}
.stationData__table dd {
  display: flex;
  align-items: center;
  border-right: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  padding: 0.5em 1em;
  min-height: 4em;
  word-break: break-all;
}
.stationData__table .span {
  grid-column: span 3;
}
@media not screen and (min-width: 768px) {
  .stationData__table .span {
    grid-column: auto;
  }
}
.stationData__service {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--min5);
  column-gap: var(--min16);
}
@media not screen and (min-width: 768px) {
  .stationData__service {
    row-gap: var(--min5-sp);
    column-gap: var(--min16-sp);
  }
}
.stationData__service li {
  gap: 0 0.5em;
  font-size: var(--min12);
}
@media not screen and (min-width: 768px) {
  .stationData__service li {
    font-size: var(--min12-sp);
  }
}
.stationData__sns {
  display: flex;
  row-gap: var(--min12);
  column-gap: var(--min12);
}
@media not screen and (min-width: 768px) {
  .stationData__sns {
    row-gap: var(--min12-sp);
    column-gap: var(--min12-sp);
  }
}

.stationInfo__ttl {
  margin-top: var(--min20);
  font-size: var(--min16);
  font-weight: bold;
}
@media not screen and (min-width: 768px) {
  .stationInfo__ttl {
    margin-top: 0;
    font-size: var(--min16-sp);
  }
}
.stationInfo__list {
  margin-top: var(--min8);
  border-top: 1px solid var(--gray);
  padding-top: 1em;
}
.stationInfo__list dt {
  font-weight: bold;
}
.stationInfo__list dd {
  margin-bottom: 1em;
  border-bottom: 1px solid var(--gray);
  padding-bottom: 1em;
}

.access__column {
  display: flex;
  align-items: flex-start;
  row-gap: var(--min24);
  column-gap: var(--min24);
}
@media not screen and (min-width: 768px) {
  .access__column {
    row-gap: var(--min24-sp);
    column-gap: var(--min24-sp);
    flex-wrap: wrap;
  }
}
.access__map {
  width: max(33.33vw, min(640px, 59.26vw));
}
@media not screen and (min-width: 768px) {
  .access__map {
    width: 100%;
  }
}
.access__mapInner {
  position: relative;
  padding-top: 66.5625%;
}
.access__mapInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.access__data {
  flex: 1;
}
.access__ttl {
  font-size: var(--min16);
  font-weight: bold;
}
@media not screen and (min-width: 768px) {
  .access__ttl {
    font-size: var(--min16-sp);
  }
}
.access__list dt {
  font-weight: bold;
}
.access__list dd + dt {
  margin-top: 1em;
}

.comment__box {
  display: flex;
  align-items: start;
  padding: var(--min20);
  row-gap: 0;
  column-gap: var(--min24);
}
@media not screen and (min-width: 768px) {
  .comment__box {
    flex-direction: column;
    row-gap: 0;
    column-gap: var(--min24-sp);
    padding: var(--min20-sp);
  }
}
.comment__txt {
  flex: 1;
}
.comment__txt h3 {
  font-weight: bold;
  margin-bottom: var(--min8);
}
.comment__txt p + p {
  margin-top: 1.5em;
}
.comment__img {
  width: max(17.97vw, min(345px, 31.94vw));
}
@media not screen and (min-width: 768px) {
  .comment__img {
    width: 100%;
    margin-top: var(--min24-sp);
  }
}