.page_wrapper {
  background: #F1F2F0;
}

.c_kv {
  background-image: url(/assets/img/access/kv.jpg);
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c_kv {
    background-image: url(/assets/img/access/kv_sp.jpg);
  }
}
.c_kv h1 {
  width: 20.2777777778vw;
  height: 5.9722222222vw;
  position: absolute;
  top: 5.9722222222vw;
  left: 38.9583333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .c_kv h1 {
    width: 62.9333333333vw;
    height: 17.0666666667vw;
    top: 28.8vw;
    left: 19.7333333333vw;
  }
}

.sect1 .map table {
  width: 100%;
  font-size: 1.25vw;
  margin-bottom: 1.3888888889vw;
  font-weight: bold;
  border-collapse: collapse;
  border: solid #F1F2F0 0.2083333333vw;
  text-align: left;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .map table {
    margin-bottom: 4.2666666667vw;
    font-size: 3.4666666667vw;
    border: solid #F1F2F0 0.5333333333vw;
    width: 100%;
  }
}
.sect1 .map table thead th {
  background: #6AAFC3;
  color: #fff;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 1em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .map table thead th {
    border: solid #F1F2F0 0.5333333333vw;
    padding: 0.8em 0 0.8em 1em;
    line-height: 1.4;
  }
}
.sect1 .map table tbody th {
  background: #E3E3E3;
  width: 30%;
  color: #3F3C31;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 1em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .map table tbody th {
    border: solid #F1F2F0 0.5333333333vw;
    width: 40%;
    padding: 0.8em 0 0.8em 1em;
    vertical-align: top;
    line-height: 1.4;
  }
}
.sect1 .map table tbody td {
  background: #E3E3E3;
  width: 70%;
  color: #3F3C31;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 1em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .map table tbody td {
    border: solid #F1F2F0 0.5333333333vw;
    width: 60%;
    line-height: 1.4;
  }
}
.sect1 .map table tbody td.red {
  color: #f44;
}
.sect1 .map .map_wrapper {
  border: solid #B8A670 0.1388888889vw;
  border-radius: 1.1111111111vw;
  overflow: hidden;
  aspect-ratio: 1158/720;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .map .map_wrapper {
    border-radius: 3.2vw;
    aspect-ratio: 310/380;
  }
}
.sect1 .map .map_wrapper iframe {
  width: 100%;
  height: 100%;
}
.sect1 .station table {
  width: 100%;
  font-size: 1.25vw;
  margin-bottom: 1.3888888889vw;
  font-weight: bold;
  border-collapse: collapse;
  border: solid #F1F2F0 0.2083333333vw;
  text-align: left;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .station table {
    font-size: 3.4666666667vw;
    border: solid #F1F2F0 0.5333333333vw;
    width: 100%;
    line-height: 1.4;
  }
}
.sect1 .station table th {
  background: #E3E3E3;
  width: 30%;
  color: #3F3C31;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 1em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .station table th {
    border: solid #F1F2F0 0.5333333333vw;
    width: 40%;
    padding: 0.8em 0 0.8em 1em;
    vertical-align: top;
    line-height: 1.4;
  }
}
.sect1 .station table td {
  background: #E3E3E3;
  width: 70%;
  color: #3F3C31;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 1em;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .station table td {
    border: solid #F1F2F0 0.5333333333vw;
    line-height: 1.4;
  }
}
.sect1 .station table td.red {
  color: #f44;
}
.sect1 .station .caption {
  text-align: center;
  font-size: 0.9722222222vw;
  margin-top: -0.8333333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect1 .station .caption {
    font-size: 2.4vw;
    margin-top: -1.6vw;
  }
}

.sect2 .alert {
  line-height: 1.7;
  margin-bottom: 4.8611111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .alert {
    margin-bottom: 13.3333333333vw;
  }
}
.sect2 .flex5050:not(:last-of-type) {
  margin-bottom: 4.8611111111vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050:not(:last-of-type) {
    margin-bottom: 13.3333333333vw;
  }
}
.sect2 .flex5050 .illust {
  width: 63.7931034483%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .illust {
    width: 100%;
  }
  .sect2 .flex5050 .illust .caption {
    font-size: 2.4vw !important;
  }
}
.sect2 .flex5050 .jikoku {
  width: 30.8620689655%;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .jikoku {
    width: 100%;
  }
}
.sect2 .flex5050 .jikoku table {
  width: 100%;
  font-size: 1.25vw;
  font-weight: bold;
  text-align: center;
  border-collapse: collapse;
  border: solid #F1F2F0 0.2083333333vw;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .jikoku table {
    font-size: 4.2666666667vw;
    border: solid #F1F2F0 0.5333333333vw;
    width: 100%;
  }
}
.sect2 .flex5050 .jikoku table thead th {
  background: #6AAFC3;
  color: #fff;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .jikoku table thead th {
    border: solid #F1F2F0 0.5333333333vw;
  }
}
.sect2 .flex5050 .jikoku table tbody th {
  background: #969696;
  width: 50%;
  color: #fff;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.8em 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .jikoku table tbody th {
    border: solid #F1F2F0 0.5333333333vw;
  }
}
.sect2 .flex5050 .jikoku table tbody td {
  background: #E3E3E3;
  width: 50%;
  color: #3F3C31;
  vertical-align: middle;
  border: solid #F1F2F0 0.2083333333vw;
  padding: 0.3em 0;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .jikoku table tbody td {
    border: solid #F1F2F0 0.5333333333vw;
  }
}
.sect2 .flex5050 .jikoku table tbody td.red {
  color: #f44;
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  .sect2 .flex5050 .illust,
  .sect2 .flex5050 .jikoku {
    width: 100%;
  }
}/*# sourceMappingURL=access.css.map */