@charset "utf-8";





.access .section-title {
  padding-bottom: 67px;
}
.access__map {
  width: 100%;
  height: 500px;
  margin-top: 75px;
  margin-bottom: 69px;
}
.access__map iframe {
  width: 100%;
  height: 100%;
}

.access__routeBtn {
  width: 100%;
  max-width: 575px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#access__car {
  padding-top: 152px;
}
.access__route-item {
  width: 48.5%;
  max-width: 250px;
}
.access__route-link {
  font-size: 14px;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  text-align: center;
  display: block;
  padding: 22px 5px;
  background-color: #ede8dc;
}
.access__route-link span {
  display: inline-block;
  padding-right: 15px;
  position: relative;
}
.access__route-link span::after {
  content: "";
  display: block;
  width: 4px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: url("../imgs/common/arrow_under.png") center center / cover no-repeat;
}
.access__detail {
  display: flex;
  justify-content: space-between;
}
.access__detailLft {
  width: 150px;
}
.access__detail .section-title__en {
  margin-bottom: 0;
}
.access__detail .section-title__ja {
  font-size: 15px;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.14em;
}
.access__comment {
  font-size: 12px;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  padding-top: 20px;
  line-height: 1.75;
  letter-spacing: 0.14em;
}
.access__detailRgt {
  width: calc(100% - 170px);
  max-width: 811px;
}
.access__routeImg {
  width: 100%;
  min-width: 541px;
  margin-bottom: 20px;
}
.access__routeText {
  font-size: 13px;
  line-height: 1.6;
}
.access__btnWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 5%;
  padding-top: 43px;
}
.access__btnWrap .btn {
  margin: 0;
}
#access__jr {
  padding-top: 206px;
}

@media screen and (max-width: 800px) {

  .access__map {
    height: 400px;
    margin-top: 40px;
    margin-bottom: 55px;
  }
  .access__route-link {
    font-size: 13px;
    padding: 18px 5px;
  }
  .access__detail .section-title__ja {
    font-size: 13px;
  }
  .access__detail .section-title__en,
  .access__detail .section-title__ja {
    text-align: left;
  }
  #access__jr {
    padding-top: 120px;
  }
}

@media screen and (max-width: 640px) {
  .access .section-title {
    padding-bottom: 40px;
  }
  #access__car {
    padding-top: 120px;
  }
  .access__detail {
    display: block;
  }
  .access__detailLft {
    width: 100%;
    margin-bottom: 30px;
  }
  .access__detailRgt {
    width: 100%;
    max-width: 100%;
  }
}