@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*=======================================================================

 設備関連

========================================================================*/
.eq-nav {
  padding-top: 40px;
  padding-bottom: 15px;
}
.eq-nav .eq-nav__item {
  width: 48%;
}
.eq-nav .eq-nav__item a {
  display: block;
  position: relative;
  font-weight: 500;
  background-color: #dcdddd;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
}
@media (min-width: 768px) {
  .eq-nav .eq-nav__item a {
    font-size: min(2vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  .eq-nav .eq-nav__item a {
    font-size: 4.2666666667vw;
  }
}
@media (min-width: 1001px) {
  .eq-nav .eq-nav__item a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .eq-nav .eq-nav__item a:hover {
    color: #fff;
    background-color: #00704c;
  }
}
@media (min-width: 768px) {
  .eq-nav .eq-nav__item a {
    padding-top: 0.65em;
    padding-bottom: 0.65em;
  }
}
.eq-nav .eq-nav__item a:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -10px;
  height: 17.3205080757px;
  width: 30px;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  background-color: #00704c;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .eq-nav .eq-nav__item a:before {
    bottom: -15px;
  }
}
.eq-nav .eq-nav__item a.is-active {
  pointer-events: none;
  color: #fff;
  background-color: #00704c;
}
.eq-nav .eq-nav__item a.is-active:before {
  opacity: 1;
}

.eq__wrap {
  margin-bottom: 50px;
}

.eq__copy {
  color: #00704c;
  font-weight: 600;
  text-align: center;
  margin-top: 70px;
  margin-top: 10vw;
  margin-bottom: 35px;
  margin-bottom: 5vw;
}
@media (min-width: 768px) {
  .eq__copy {
    font-size: min(2.7vw, 2.7rem);
  }
}
@media screen and (max-width: 767px) {
  .eq__copy {
    font-size: 5.8666666667vw;
  }
}
@media (min-width: 768px) {
  .eq__copy {
    margin-top: 90px;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .eq__copy {
    margin-top: 60px;
    margin-bottom: 25px;
  }
}
.eq__copy.--sm {
  line-height: 1.5384615385;
  margin-top: 0;
}
@media (min-width: 768px) {
  .eq__copy.--sm {
    font-size: min(2.4vw, 2.4rem);
  }
}
@media screen and (max-width: 767px) {
  .eq__copy.--sm {
    font-size: 5.0666666667vw;
  }
}

.eq__eng {
  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;
  text-align: center;
  font-family: "Cinzel", YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.27em;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 112, 76, 0)), color-stop(rgb(0, 112, 76)), to(rgba(0, 112, 76, 0)));
  background: linear-gradient(to right, rgba(0, 112, 76, 0), rgb(0, 112, 76), rgba(0, 112, 76, 0));
  padding-top: 0.4em;
  padding-bottom: 0.35em;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .eq__eng {
    font-size: min(2.4vw, 2.4rem);
  }
}
@media screen and (max-width: 767px) {
  .eq__eng {
    font-size: 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .eq__eng {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .eq__eng {
    margin-bottom: 40px;
  }
}

.eq__eng--equipment {
  color: #00704c;
  font-family: "Cinzel", YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.25em;
  padding-bottom: 0.35em;
  border-bottom: 2px solid #00704c;
  margin-bottom: 30px;
  margin-bottom: 4.2857142857vw;
  text-align: center;
}
@media (min-width: 768px) {
  .eq__eng--equipment {
    font-size: min(3vw, 3rem);
  }
}
@media screen and (max-width: 767px) {
  .eq__eng--equipment {
    font-size: 6.4vw;
  }
}
@media (min-width: 768px) {
  .eq__eng--equipment {
    letter-spacing: 0.3em;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}

.eq-list__wrap,
.eq-list {
  row-gap: 40px;
}
@media screen and (max-width: 1000px) {
  .eq-list__wrap .eq-list__item:has(.eq-list__item__child),
  .eq-list .eq-list__item:has(.eq-list__item__child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 40px;
  }
}
@media (min-width: 1001px) {
  .eq-list__wrap,
  .eq-list {
    row-gap: 45px;
  }
}

.eq-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .eq-list .eq-list__item {
    width: 32%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.eq-list .eq-list__item.--full {
  width: 100%;
}
@media (min-width: 768px) {
  .eq-list .eq-list__item.--harf {
    width: 48%;
  }
}
@media (min-width: 768px) {
  .eq-list .eq-list__item.--1_3 {
    width: 31.5%;
  }
}
@media (min-width: 768px) {
  .eq-list .eq-list__item.--2_3 {
    width: 66%;
  }
}
.eq-list .eq-list__item .ttl {
  color: #00704c;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin-bottom: 0.4em;
}
@media (min-width: 768px) {
  .eq-list .eq-list__item .ttl {
    font-size: min(2vw, 2rem);
  }
}
@media screen and (max-width: 767px) {
  .eq-list .eq-list__item .ttl {
    font-size: 5.0666666667vw;
  }
}
.eq-list .eq-list__item .ttl small {
  display: block;
  font-size: 75%;
  margin-bottom: 0.3em;
  letter-spacing: 0.025em;
}
.eq-list .eq-list__item .txt {
  line-height: 1.5;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: auto;
}
@media (min-width: 768px) {
  .eq-list .eq-list__item .txt {
    font-size: min(1.6vw, 1.6rem);
  }
}
@media screen and (max-width: 767px) {
  .eq-list .eq-list__item .txt {
    font-size: 4vw;
  }
}
.eq-list .eq-list__item figure {
  -webkit-margin-after: auto;
          margin-block-end: auto;
}
.eq-list .eq-list__item figure.t0 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: auto;
          margin-block-end: auto;
}
.eq-list .eq-list__item figure.u0 {
  margin-top: 0.8em;
}
@media (min-width: 768px) {
  .eq-list .eq-list__item figure.u0 {
    margin-top: 1.3em;
  }
}
.eq-list .eq-list__item .capt {
  margin-top: 0.6em;
}
@media (min-width: 768px) {
  .eq-list.--col4 .eq-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 23%;
  }
}
.eq-list.--col4 .eq-list__item.--full {
  width: 100%;
}

@media (min-width: 768px) {
  .eq-list.--col2 .eq-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 48%;
  }
}
.eq-list.--col2 .eq-list__item.--full {
  width: 100%;
}

.page-equipment .--str13 {
  display: block;
  overflow: hidden;
}
.page-equipment .--str13 .space {
  float: right;
  height: 5.3em;
}
.page-equipment .--str13 figure {
  width: 28.4375%;
  float: right; /*画像の位置を右下にしたい場合はright*/
  clear: both; /*.spaceのfloat解除*/
  margin: 0em 0 0 1em;
}
.page-equipment .--uni01 figure {
  width: 64.0625%;
  margin-inline: auto;
}
.page-equipment .--sec01 figure {
  max-width: 950px;
  aspect-ratio: 1900/774;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.page-equipment .--sec03 figure {
  width: min(380px, 100%);
  margin-inline: auto;
  margin-right: 0;
}
.page-equipment .--sec10 .txt {
  width: calc(100% - 120px);
}
.page-equipment .--sec10 figure {
  width: 100px;
}
@media (min-width: 768px) {
  .page-equipment .--sec12 figure.u0 {
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment .--sec12 {
    position: relative;
    margin-top: -30px;
  }
}
@media screen and (max-width: 767px) {
  .js-scroll {
    width: 720px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .js-scrollable {
    margin: 0 calc(50% - 50vw);
  }
  .js-scrollable .list {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.js-scrollable .scroll-hint-icon {
  z-index: 10;
}

/*=======================================================================

 設備仕様・サービス

========================================================================*/
.page-equipment.--equipment .ttl {
  color: #333;
  margin-top: 0.7em;
  letter-spacing: 0.02em;
}
.page-equipment.--equipment .eq-list__item figure {
  margin-top: 0;
  margin-bottom: 0;
}
.page-equipment .eq__wrap {
  margin-top: 80px;
  margin-top: 11.4285714286vw;
}
@media (min-width: 768px) {
  .page-equipment .eq__wrap {
    margin-top: 100px;
  }
}
@media (min-width: 768px) {
  .page-equipment .eq__wrap.--kitchen .eq-list__item.--2_3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    row-gap: 2px;
  }
}
@media (min-width: 768px) {
  .page-equipment .eq__wrap.--kitchen .eq-list__item.--2_3 .eq-list__item__child {
    width: 48.4848484848%;
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment .eq__wrap.--kitchen .--kitchen07 figure {
    width: 50.7692307692%;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .page-equipment .eq__wrap.--kitchen .--kitchen07 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .page-equipment .eq__wrap.--kitchen .--kitchen07 figure {
    width: 50%;
  }
  .page-equipment .eq__wrap.--kitchen .--kitchen07 .txt__wrap {
    width: 46.875%;
  }
}
@media (min-width: 768px) {
  .page-equipment .eq__wrap.--powderroom .eq-list__item.--powderroom01 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) {
  .page-equipment .eq__wrap.--powderroom .eq-list__item.--powderroom02 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.page-equipment.--service .eq-list.--col4 .eq-list__item figure {
  margin-top: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common09 figure {
    padding-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common09 figure {
    z-index: 0;
    position: relative;
    margin-top: -30px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common09 .js-scrollable {
    overflow: visible !important;
  }
}
.page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .txtArea {
    display: contents;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .txtArea {
    width: 74%;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .txtArea .ttl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .txtArea .txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .txtArea .txt {
    margin-bottom: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .txtArea figure {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .imgArea {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 73.8461538462%;
    margin-inline: auto;
    margin-top: 1.3em;
    margin-bottom: 2em;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col4 .eq-list__item.--common10 .imgArea {
    width: 21.7%;
  }
}
@media screen and (max-width: 767px) {
  .page-equipment.--service .eq-list.--col2 .eq-list__item.--amenity02 figure {
    margin-top: 1em;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col2 .eq-list__item.--amenity02 .txtArea {
    width: 48%;
  }
  .page-equipment.--service .eq-list.--col2 .eq-list__item.--amenity02 figure {
    width: 48%;
  }
}
@media (min-width: 768px) {
  .page-equipment.--service .eq-list.--col2 .eq-list__item.--amenity05 .flex {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .page-equipment.--service .eq-list.--col2 .eq-list__item.--amenity05 .flex figure {
    width: 68.75%;
  }
  .page-equipment.--service .eq-list.--col2 .eq-list__item.--amenity05 .flex .capt {
    width: 28.125%;
  }
}

.eq-list__item.--eq-section__top {
  padding-top: 45px;
  border-top: 1px solid #81d7bd;
}/*# sourceMappingURL=page-equipment.css.map */