.map {
  position: relative;
}

.l-inner {
  max-width: min(63.401vw, 1056px);
}
@media screen and (max-width: 768px) {
  .l-inner {
    max-width: 100%;
  }
}

p + p {
  -webkit-margin-before: unset;
          margin-block-start: unset;
}

img {
  width: 100%;
}

.map .s01 {
  padding-block: min(10.807vw, 180px) min(5.259vw, 87.6px);
  background: url(/asset/img/common/bg01.webp) repeat left top;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .map .s01 {
    padding-block: min(21.333vw, 96px) min(10.133vw, 45.6px);
    background: url(/asset/img/common/bg01_sp.webp) repeat left top;
    background-size: 100% auto;
  }
}
.map .ttl {
  font-family: "trajan-pro-3", serif;
  font-weight: 400;
  font-size: clamp(16.8px, 1.513vw, 25.2px);
  text-align: center;
  color: #a7892c;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .map .ttl {
    font-size: clamp(10.4px, 3.467vw, 15.6px);
  }
}
.map .item {
  position: relative;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media screen and (max-width: 768px) {
  .map .item {
    -webkit-margin-before: min(6.133vw, 27.6px);
            margin-block-start: min(6.133vw, 27.6px);
  }
}
.map .item::after {
  content: "";
  position: absolute;
  bottom: clamp(13.6px, 1.225vw, 20.4px);
  left: clamp(26.4px, 2.378vw, 39.6px);
  z-index: 400;
  width: clamp(25.6px, 2.305vw, 38.4px);
  height: clamp(64.8px, 5.836vw, 97.2px);
  background: url(/asset/img/common/icon_compass.svg) no-repeat left top/contain;
}
@media screen and (max-width: 768px) {
  .map .item::after {
    bottom: clamp(4.8px, 1.6vw, 7.2px);
    left: clamp(9.6px, 3.2vw, 14.4px);
  }
}
.map .item figcaption {
  position: absolute;
  top: 100%;
  right: 0;
  display: block;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: clamp(10.4px, 0.937vw, 15.6px);
  color: #3e3a39;
  text-align: right;
  line-height: 1.46;
  -webkit-margin-before: min(0.72vw, 12px);
          margin-block-start: min(0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .map .item figcaption {
    font-size: clamp(8px, 2.667vw, 12px);
    line-height: 1.5;
    -webkit-margin-before: min(2.667vw, 12px);
            margin-block-start: min(2.667vw, 12px);
  }
}
.map .txts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto min(0.865vw, 14.4px) 1fr;
  grid-template-columns: auto 1fr;
  gap: 0 min(0.865vw, 14.4px);
  -webkit-margin-before: min(0.937vw, 15.6px);
          margin-block-start: min(0.937vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .map .txts {
    gap: 0 min(2.133vw, 9.6px);
    -webkit-margin-before: min(3.2vw, 14.4px);
            margin-block-start: min(3.2vw, 14.4px);
  }
}
.map .txts .txt01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.map .txts .txt01 a {
  display: block;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  color: #3e3a39;
  line-height: 1.43;
  text-decoration: none;
  border: 1px solid #707070;
  padding: min(0.288vw, 4.8px) min(2.233vw, 37.2px);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .map .txts .txt01 a {
    font-size: clamp(8px, 2.667vw, 12px);
    line-height: 1.5;
    padding: min(0.533vw, 2.4px) min(5.333vw, 24px);
  }
}
.map .txts .txt02 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: clamp(10.4px, 0.937vw, 15.6px);
  color: #3e3a39;
  line-height: 1.46;
  align-self: flex-end;
}
@media screen and (max-width: 768px) {
  .map .txts .txt02 {
    font-size: clamp(8px, 2.667vw, 12px);
    line-height: 1.5;
  }
}
.map .txts .c-list--notice {
  grid-column: 1/-1;
  -webkit-margin-before: min(1.009vw, 16.8px);
          margin-block-start: min(1.009vw, 16.8px);
}
@media screen and (max-width: 768px) {
  .map .txts .c-list--notice {
    -webkit-margin-before: min(3.733vw, 16.8px);
            margin-block-start: min(3.733vw, 16.8px);
  }
}
.map .txts .c-list--notice__item {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-size: clamp(8px, 0.72vw, 12px);
  color: #3e3a39;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .map .txts .c-list--notice__item {
    font-size: clamp(8px, 2.667vw, 12px);
  }
}

.zoomBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1px;
}
.zoomBtns button {
  width: clamp(24px, 2.161vw, 36px);
  height: clamp(24px, 2.161vw, 36px);
  font-size: clamp(19.2px, 1.729vw, 28.8px);
  background-color: #8b987b;
  color: #fff;
  font-family: "Font Awesome 6 Pro";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.js-zoom-target {
  display: block;
}

.leaflet-container {
  background: url(/asset/img/common/bg01.webp) repeat left top;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .leaflet-container {
    background: url(/asset/img/common/bg01_sp.webp) repeat left top;
    background-size: 100% auto;
  }
}

.leaflet-left .leaflet-control {
  display: none !important;
}
/*# sourceMappingURL=map.css.map */