@charset "UTF-8";
body {
  color: #222222;
}
.header__index__logo {
  text-align: center;
  font-size: 2.7rem;
  font-family: serif;
  font-family: "Sawarabi Mincho", serif;
}

.hotelAbout {}
.hotelAbout h2 {
  font-family: "Sawarabi Mincho", serif;
  font-size: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 400;
  position: relative;
}
.hotelAbout h2 .box {
  background-color: #ffffff;
  padding-right: 10px;
  position: relative;
  z-index: 10;
} 
.hotelAbout h2:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #555555;
  position: absolute;
  left: 0;
  bottom: 6px;
}
.hotelAbout h2 span {
  font-size: 2rem;
  margin-top: 5px;
  font-family: "Sawarabi Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.hotelAbout h3 {
  text-align: center;
  font-family: "Sawarabi Mincho", serif;
  font-size: 3.6rem;
  margin-block: 5rem 3rem;
  font-weight: 400;
  letter-spacing: 1rem;
  line-height: 1.7;
}
.hotelAbout p {
  text-align: center;
  font-family: "Sawarabi Mincho", serif;
  font-size: 1.7rem;
  margin-block-end: 5rem;
  line-height: 2;
}
.hotelAbout__room {
  margin-block-end: 1.5rem;
}
.hotelAbout__plan small {
  display: block;
  font-family: "Sawarabi Mincho", serif;
  font-size: 1.2rem;
  margin-block-end: 5rem;
  text-align: center;
}
/* recommend */
.recommendPlan {
  width: 100%;
  max-width: 850px;
  margin-inline: auto;
  margin-bottom: 7rem;
}
.recommendPlan h2 {
  background-color: #5A7088;
  border-radius: 20px;
  width: 88%;
  padding-block: 10px;
  color: #ffffff;
  font-family: "Sawarabi Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight:400;
  font-size: 24px;
  text-align: center;
  margin-inline: auto;
}
.recommendPlan__box {
  text-align: center;
}
.recommendPlan__box img {
  margin-block-end: 10px;
}
.recommendPlan__box a {
  width: 100%;
  display: block;
  text-decoration: none;
  border-radius: 20px;
  padding-block: 10px;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  font-family: "Sawarabi Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.recommendPlan__single a {
  background-color: #5A7088;
}
.recommendPlan__single a:hover {
  background-color: #3f4f60;
}
.recommendPlan__semi a {
  background-color: #CE7B73;
}
.recommendPlan__semi a:hover {
  background-color: #bd4d42;
}
.recommendPlan__inner {
  width: 100%;
  max-width: 748px;
  margin-inline: auto;
  margin-block-start: 76px;
  text-align: center;
  position: relative;
}
.recommendPlan__inner h3 {
  width: 100%;
  padding-block: 10px;
  font-family: "Sawarabi Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  text-align: center;
  border-radius: 20px;
  color: #ffffff;
  font-weight: 400;
  background-color: #5A7088;
  margin-block: 0 12px;
}
.recommendPlan__inner p {
  width: 100%;
  padding-block: 10px;
  font-family: "Sawarabi Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  text-align: center;
  border-radius: 20px;
  background-color: #D0D0D0;
  margin-block: 0 12px;
  color: #0F0F0F;
}
.recommendPlan__inner .icon01 {
  position: absolute;
  top: 64px;
  right: -58px;
}
.recommendPlan__inner .icon02 {
  position: absolute;
  top: 208px;
  left: -76px;
}
.recommendPlan__inner .icon03 {
  position: absolute;
  bottom: 46px;
  right: -38px;
}

/* hotel info */
.hotelInfo {}
.hotelInfo h3 {
  margin-block-end: 4rem;
}
.hotelInfo__wrap {
  width: 100%;
  max-width: 834px;
  margin-inline: auto;
  margin-bottom: 0;
}
.hotelInfo__wrap-box {
  margin-block-end: 2.5rem;
}
.hotelInfo__wrap-box:last-child {
  margin-block-end: 0;
}
.hotelInfo__wrap-box picture {
  display: block;
  margin-block-end: 2.5rem;
}
.hotelInfo__wrap-box h3 {
  text-align: center;
  font-family: "Sawarabi Mincho", serif;
  font-size: 2rem;
  font-weight: 400;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #403024;
  margin-block: 0 1rem;
  letter-spacing: 0.3rem;
}
.hotelInfo__wrap-box p {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.3rem;
}
.hotelInfo__wrap-box .center {
  text-align: center;
}
.hotelInfo__wrap-box a.button {
  display: block;
  width: 100%;
  max-width: 68.4rem;
  font-family: "Sawarabi Mincho", serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: #ffffff;
  background-color: #5A7088;
  border-radius: 2rem;
  padding-block: 1rem;
  text-decoration: none;
  margin-inline: auto;
  letter-spacing: 0.3rem;
}
.hotelInfo__wrap-box a.button:hover {
  background-color: #3f4f60;
}
.footer {
  background-color: #5A7088;
}
.footer__insta {
  background-color: #A4CEBD;
}
.footer__rsv {
  background-color: #91D0DD;
  color: #5A7088;
}
.footer__rsv__btn {
  background-color: #ffffff;
}
.footer__info__link__item {
  border-right: 1px solid #ffffff;
}
.smp {
  display: none;
}
@media (max-width: 767px) {
  .smp {
    display: block;
  }
  .pc {
    display: none;
  }
  .hotelAbout h2 {
    font-size: 2.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .hotelAbout h2 .box {
    background-color: #ffffff;
    padding-right: 0;
    position: relative;
    z-index: 10;
  } 
  .hotelAbout h2:after {
    display: none;
  }
  .hotelAbout h2 span {
    font-size: 1.7rem;
    margin-top: 1rem;
  }
  .hotelAbout h3 {
    font-size: 2.6rem;
    margin-block: 3rem 2rem;
    letter-spacing: 0.6rem;
  }
  .hotelAbout p {
    font-size: 1.7rem;
    margin-block-end: 3rem;
    padding-inline: 3.5rem;
  }
  .hotelAbout__plan small {
    font-size: 0.6rem;
    margin-block-end: 3rem;
  }
  /* recommend */
  .recommendPlan {
    margin-bottom: 1.3rem;
    padding-inline: 1.5rem;
  }
  .recommendPlan h2 {
    width: 100%;
    padding-block: 8px;
    font-size: 1.9rem;
  }
  .recommendPlan__box {
    text-align: center;
    padding-inline: 3rem;
    margin-block-end: 1.7rem;
  }
  .recommendPlan__box img {
    margin-block-end: 7px;
  }
  .recommendPlan__box a {
    padding-block: 7px;
    font-size: 1.5rem;
  }
  .recommendPlan__single a {
    background-color: #5A7088;
  }
  .recommendPlan__single a:hover {
    background-color: #3f4f60;
  }
  .recommendPlan__semi a {
    background-color: #CE7B73;
  }
  .recommendPlan__semi a:hover {
    background-color: #bd4d42;
  }
  .recommendPlan__inner {
    width: 100%;
    max-width: 748px;
    margin-inline: auto;
    margin-block-start: 0;
    text-align: center;
    position: relative;
    padding-inline: 3rem;
  }
  .recommendPlan__inner h3 {
    padding-block: 7px;
    font-size: 1.7rem;
    margin-block: 0 5px;
  }
  .recommendPlan__inner p {
    padding-block: 7px;
    font-size: 1.3rem;
    margin-block: 0 5px;
  }
  .recommendPlan__inner img {
    width: 100%;
    height: auto;
  }
  .recommendPlan__inner .icon01 {
            width: 4.921rem;
            top: 23px;
            right: 17px;

      }
  .recommendPlan__inner .icon02 {
            width: 5.465rem;
            top: 96px;
            left: 5px;

      }
  .recommendPlan__inner .icon03 {
            width: 7.041rem;
            bottom: 7px;
            right: 9px;

      }

  /* hotel info */
  .hotelInfo h3 {
    margin-block-end: 2rem;
  }
  .hotelInfo__wrap-box picture {
    margin-block-end: 2rem;
  }
  .hotelInfo__wrap-box h3 {
    font-size: 1.8rem;
  }
  .hotelInfo__wrap-box a.button {
    font-size: 2.1rem;
    letter-spacing: 0.2rem;
  }
  .hotelInfo__wrap-box-inner {
    padding-inline: 1rem;
  }
}

.header__fixed-nav__hum {
  display: none;
}