@charset "UTF-8";
/*Font
------------------------------------------*/
/*Color
------------------------------------------*/
/* z-index
------------------------------------------*/
/* Media queries PCファースト
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
.viewer-canvas > img {
  background: #fff;
}

.labelTitle {
  padding: 0 15px 2px;
  background: #fff;
  border: 1px solid #b8ada3;
  border-left-width: 7px;
}

.column_box {
  position: relative;
  padding: var(--vw-size72) var(--vw-size104);
  background: #fff;
}
@media screen and (max-width: 991px) {
  .column_box {
    padding: var(--vw-size40);
  }
}
@media screen and (max-width: 767px) {
  .column_box {
    padding: var(--vw-size30);
  }
}
.column_box::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  box-shadow: 0 0 10px 3px rgba(184, 173, 163, 0.8);
  pointer-events: none;
}
.column_box h4 {
  font-size: max(18px, var(--vw-size24));
}
@media screen and (max-width: 991px) {
  .column_box h4 {
    font-size: max(11px, var(--vw-size18));
  }
}
.column_box h4.gold {
  color: #8c7350;
}
.column_box p:not(.caption) {
  font-size: max(14px, var(--vw-size14));
  line-height: 2.2;
}
@media screen and (max-width: 991px) {
  .column_box p:not(.caption) {
    font-size: max(11px, var(--vw-size14));
  }
}
.column_box p.caption {
  color: inherit;
  line-height: 1.75;
}
.column_box.flex {
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .column_box.flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.column_box.flex .wide {
  width: 58%;
}
@media screen and (max-width: 991px) {
  .column_box.flex .wide {
    width: 100%;
  }
}
.column_box.flex .narrow {
  width: 37%;
}
@media screen and (max-width: 991px) {
  .column_box.flex .narrow {
    width: 100%;
  }
}

.contents_box h5 {
  font-size: max(18px, var(--vw-size24));
  letter-spacing: 0.1em;
  line-height: 1.95;
}
@media screen and (max-width: 991px) {
  .contents_box h5 {
    font-size: max(11px, var(--vw-size18));
  }
}
.contents_box .column_box h5 {
  font-size: max(16px, var(--vw-size21));
}
@media screen and (max-width: 991px) {
  .contents_box .column_box h5 {
    font-size: max(11px, var(--vw-size16));
  }
}

.access_bus .busWrap {
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .access_bus .busWrap {
    flex-flow: column;
  }
}
.access_bus .busWrap .busDetailWrap {
  width: 57%;
}
@media screen and (max-width: 991px) {
  .access_bus .busWrap .busDetailWrap {
    width: 100%;
  }
}
.access_bus .busWrap .busDetailWrap .busDetail p {
  line-height: 2.2;
}
.access_bus .busWrap .busDetailWrap .busDetail .imgWrap p {
  line-height: 1.4;
}
.access_bus .busWrap .busDetailWrap .busDetail .imgWrap figure {
  max-width: 400px;
}
.access_bus .busWrap .busDetailWrap .busDetail .imgWrap .caption {
  font-size: max(11px, var(--vw-size11));
  line-height: 1.4;
}
.access_bus .busWrap .busDetailWrap .busDetail .flex {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .access_bus .busWrap .busDetailWrap .busDetail .flex {
    flex-flow: column;
    justify-content: flex-start;
  }
}
.access_bus .busWrap .busDetailWrap .busDetail .flex .text {
  width: 58%;
}
@media screen and (max-width: 767px) {
  .access_bus .busWrap .busDetailWrap .busDetail .flex .text {
    width: 100%;
  }
}
.access_bus .busWrap .busDetailWrap .busDetail .flex .img {
  width: 37%;
}
@media screen and (max-width: 767px) {
  .access_bus .busWrap .busDetailWrap .busDetail .flex .img {
    width: 100%;
  }
}
.access_bus .busWrap .busImg {
  width: 38%;
}
@media screen and (max-width: 991px) {
  .access_bus .busWrap .busImg {
    width: 100%;
  }
}

.access_train .caption {
  font-size: max(11px, var(--vw-size12));
  color: #959595;
  line-height: 1.5;
}
.access_train .c-slider .splide__track {
  padding-right: 0 !important;
}
.access_train .c-slider .splide__track p.min {
  font-size: max(11px, var(--vw-size18));
  line-height: 1;
}
.access_train .expressBusBox dl dd ul {
  align-items: baseline;
}
.access_train .expressBusBox dl dd ul li p {
  font-size: max(11px, var(--vw-size15));
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .access_train .expressBusBox dl dd ul li p {
    line-height: inherit;
  }
}
.access_train .expressBusBox dl dd ul li p span.small {
  padding-right: 0.5em;
  font-size: max(11px, var(--vw-size11));
}
.access_train .expressBusBox dl dd ul li p span.num {
  font-size: max(24px, var(--vw-size30));
}
@media screen and (max-width: 991px) {
  .access_train .expressBusBox dl dd ul li p span.num {
    font-size: max(11px, var(--vw-size24));
  }
}
.access_train .expressBusBox dl dd ul li + li p::before {
  content: "｜";
  position: relative;
  display: inline-block;
  font-size: max(24px, var(--vw-size30));
  color: #b8ada3;
}
@media screen and (max-width: 767px) {
  .access_train .expressBusBox dl dd ul li + li p::before {
    display: none;
  }
}
.access_train .expressBusBox dl dd > p:not(.caption) {
  font-size: max(11px, var(--vw-size16));
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .access_train .expressBusBox dl dd > p:not(.caption) {
    font-size: max(11px, var(--vw-size14));
    line-height: inherit;
  }
}