@charset "UTF-8";
/* ::::::::::  TOP  :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* =========================================================
kv
========================================================= */
.kv {
  position: relative;
  height: 100svh;
  min-height: 667px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: 700;
  color: #C2B59B;
  text-align: center;
}
.kv::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(36, 36, 36, 0.66);
  z-index: 1;
}
.kvPhoto {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kvPhoto img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.kv .wrapper {
  padding-block: 134px;
}
@media (max-width: 767px) {
  .kv .wrapper {
    padding-block: 86px 43px;
  }
}
.kv .textBlock {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 1;
}
.kvText {
  position: relative;
  font-size: 4.8rem;
  line-height: 0.625;
}
@media (max-width: 767px) {
  .kvText {
    font-size: 2.2rem;
    line-height: 1;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    flex-shrink: 0;
    margin-bottom: 32px;
  }
}
.kvText::after {
  content: "";
  margin: 60px auto;
  display: block;
  width: 224px;
  height: 1.5px;
  background: #C2B59B;
}
@media (max-width: 767px) {
  .kvText::after {
    content: none;
  }
}
.kvLead {
  display: block;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
@media (max-width: 767px) {
  .kvLead {
    font-size: 1.2rem;
  }
}
.kvLead + .kvLead {
  margin-top: 1lh;
}

/* =========================================================
locations
========================================================= */
.locations {
  background: #4E5C36;
  color: #C2B59B;
}
.locations .mapBlock {
  width: 56%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .locations .mapBlock {
    width: 100%;
  }
}
.locations .mapBlock .map {
  display: block;
  width: 100%;
  height: 100%;
}
.locations .mapBlock .map img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.locations .textBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44%;
}
@media (max-width: 767px) {
  .locations .textBlock {
    width: 100%;
  }
}
.locations .textBlock .wrapper {
  padding-block: 134px 148px;
}
@media (max-width: 1024px) {
  .locations .textBlock .wrapper {
    padding-block: 48px 48px;
  }
}
.locations .textBlock .secTitle01 {
  margin-bottom: 72px;
}
@media (max-width: 1024px) {
  .locations .textBlock .secTitle01 {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .locationsList {
    width: 80vw;
    column-count: 2;
    column-gap: 5vw;
  }
}
.locationsList .hotelName {
  line-height: 1.3888888889;
  color: #D2D3CE;
  margin: 0 0 14px;
  margin-left: 1.2em;
  text-indent: -1.2em;
}
@media (max-width: 767px) {
  .locationsList .hotelName {
    font-size: 1.1rem;
  }
}
.locationsList .hotelName:not(:first-child) {
  margin-top: 1lh;
}
@media (max-width: 767px) {
  .locationsList .hotelName:not(:first-child) {
    margin-top: 0;
  }
}
.locationsList .address {
  margin-left: 1.2em;
}
@media (max-width: 767px) {
  .locationsList .address {
    font-size: 1rem;
  }
}
.locations .icon_pin {
  position: relative;
  top: 2px;
}
.locations .icon_pin svg {
  width: 18px;
  height: 18px;
  fill: #97863f;
}
@media (max-width: 767px) {
  .locations .icon_pin svg {
    width: 10px;
    height: 10px;
  }
}/*# sourceMappingURL=top.css.map */