@charset "UTF-8";
/* メインカラー */
/* サブカラー */
/* アクセントカラー */
/* ======================================================
pc
====================================================== */
.linkSec {
  padding: 85px 0 130px;
}

.linkSec__ttl {
  font-size: 10px;
  letter-spacing: 0.23em;
  margin: 0 auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 35px;
}
.linkSec__ttl span {
  display: block;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 13px;
  letter-spacing: 0.14em;
  color: #325E49;
}
.linkSec__ttl::before {
  content: "";
  display: block;
  width: 48px;
  height: 22px;
  background: url(../images/logo03.svg) no-repeat;
  background-size: contain;
  margin-bottom: 22px;
}

.linkSec__wrap {
  width: 95%;
}

.linkSecContent {
  text-align: right;
  padding-left: 20px;
}

.linkSecContent__inr {
  display: inline-block;
  text-align: left;
}

.linkSecContent__ttl {
  font-size: 24px;
  letter-spacing: 0.22em;
  margin-bottom: 20px;
}

.linkSec__img {
  margin-bottom: 50px;
}

p.linkSecContent__btn {
  text-align: center;
  margin-top: 38px;
}

/* mv 
---------------------------------------------------------------------- */
#mv {
  height: 100%;
  height: 450px;
  position: relative;
}

#mv picture img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  -o-object-fit: cover;
}

.mv__ttl {
  color: #fff;
  font-size: 23px;
  letter-spacing: 0.22em;
  position: absolute;
  left: 3%;
  bottom: 5%;
}

.mv__logo {
  width: 180px;
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#mv .slick-dots {
  bottom: 1%;
  left: 3%;
  width: auto;
}

#mv .slick-dots li button {
  width: 25px;
}

#mv .slick-dots li button:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #625B55;
  opacity: 1;
}

#mv .slick-dots li.slick-active button:before {
  background-color: #FFF;
}

#mv .iconScroll {
  width: 48px;
  height: 35px;
  position: absolute;
  right: 9px;
  bottom: 110px;
  z-index: 10;
}

#mv .iconScroll a {
  color: #fff;
}

#mv .iconScroll::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 42px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
          animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}

@-webkit-keyframes circlemove {
  0% {
    bottom: -10px;
  }
  100% {
    bottom: -80px;
  }
}

@keyframes circlemove {
  0% {
    bottom: -10px;
  }
  100% {
    bottom: -80px;
  }
}
@-webkit-keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
#mv .iconScroll:after {
  content: "";
  position: absolute;
  bottom: -80px;
  right: 43px;
  width: 1px;
  height: 70px;
  background: #fff;
}

/* concept
---------------------------------------------------------------------- */
.concept {
  padding: 180px 0 150px;
  background: url(.../../../images/index/bg_concept.png) no-repeat;
  background-color: #F4F2F0;
  background-size: 1020px auto;
  background-position: bottom 140px left 60%;
}

.concept__inr {
  max-width: 1000px;
  margin: 0 auto;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}

.concept__ttl {
  font-size: 30px;
  line-height: 1.7;
  letter-spacing: 0.16em;
  position: relative;
  margin: 0 0 48px 0;
}
.concept__ttl span {
  display: block;
  font-size: 19px;
  letter-spacing: 0.22em;
  color: #325E49;
  margin-left: 20px;
}
.concept__ttl::before {
  content: "";
  display: block;
  width: 72px;
  height: 33px;
  background: url(../images/logo03.svg) no-repeat;
  background-size: contain;
  left: 18px;
  bottom: 124%;
  position: absolute;
}

.concept__content {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.concept__catch {
  font-size: 23px;
  line-height: 1.34;
  letter-spacing: 0.12em;
  margin-left: 35px;
}

.concept__content p {
  line-height: 2.85;
  letter-spacing: 0.12em;
  margin-left: 50px;
}

.concept__content p:last-of-type {
  margin-left: 0;
}

.concept__content p span:not(.atami) {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

.concept__content p span.atami::before,
.concept__content p span.atami::after {
  content: "";
  width: 1px;
  height: 4px;
  background-color: #000;
  display: inline-block;
}

.concept__content p span.atami::before {
  margin: 7px 0 0px;
}

.concept__content p span.atami::after {
  margin: 5px 0 3px;
}

/* latAo
---------------------------------------------------------------------- */
.latAoAbout {
  color: #fff;
  background-color: #000000;
}

.latAoAbout__inr {
  padding: 115px 0 120px;
  position: relative;
}

.latAoAbout__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.latAoAbout__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
}

.latAoAbout__content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

.latAoAbout__ttl {
  font-size: 30px;
  line-height: 1.7;
  position: relative;
  margin: 0 0 55px 0;
}
.latAoAbout__ttl span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.2px;
  letter-spacing: 0.22em;
  margin-top: 25px;
  gap: 10px;
}
.latAoAbout__ttl span::before, .latAoAbout__ttl span::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: #FFFFFF;
}
.latAoAbout__ttl::before {
  content: "";
  display: block;
  width: 72px;
  height: 33px;
  background: url(../images/logo03_w.svg) no-repeat;
  background-size: contain;
  margin-bottom: 10px;
}

.latAoAbout__content p {
  margin-bottom: 34px;
}

.latAoAbout__content p:last-of-type {
  margin-bottom: 55px;
}

.latAo_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.latAo_img li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.latAo_img img {
  width: 100%;
}

.latAoRestaurant {
  color: #fff;
  background-color: #24272A;
  position: relative;
}
.latAoRestaurant .linkSec__ttl {
  color: #fff;
}
.latAoRestaurant .linkSec__ttl span {
  color: #fff;
}
.latAoRestaurant .linkSec__ttl::before {
  background: url(../images/logo03_w.svg) no-repeat;
  background-size: contain;
}

.latAoRestaurant__content {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 20px;
}

.latAoRestaurant__logo {
  width: 360px;
  position: absolute;
  right: 57px;
  bottom: 100px;
}

/* hotspring
---------------------------------------------------------------------- */
.hotspring {
  background-color: #F4F2F0;
  padding: 85px 0 40px;
}

.hotspring .linkSec__wrap {
  margin-left: auto;
}

.hotspring .linkSecContent {
  padding: 0 20px 0 0;
  text-align: left;
}

/* rooms
---------------------------------------------------------------------- */
.rooms {
  background-color: #F4F2F0;
}

/* instagram
---------------------------------------------------------------------- */
.instagram {
  background-color: #515457;
  padding: 222px 0 0;
}
.instagram .mainw {
  position: relative;
  z-index: 2;
}

.instagram__ttl {
  font-size: 24px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.22em;
  margin-bottom: 18px;
}

.instagram__icon {
  text-align: center;
  margin-bottom: 80px;
}
.instagram__icon img {
  width: 60px;
  margin-bottom: 13px;
}
.instagram__icon figcaption span {
  color: #FFF;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
  padding: 0.23em 0.4em;
  letter-spacing: 0.22em;
}

.instagram iframe {
  display: block;
  margin: 0 auto;
}

.instagram__wrap {
  margin-bottom: -60px;
  position: relative;
  z-index: 2;
}

.instagram__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
}
.instagram__img li {
  width: calc((100% - 20px) / 3);
}

.instagram__btn {
  text-align: center;
  margin-bottom: -160px;
}
.instagram__btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: bold;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.instagram__btn a::after {
  content: "";
  background: url(../images/icon_Instagram.svg) no-repeat;
  background-size: contain;
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  margin-left: 14px;
}

/* news
---------------------------------------------------------------------- */
.news {
  padding: 250px 0 0;
  background-color: #24272A;
  overflow: hidden;
  position: relative;
  margin-bottom: -10px;
  position: relative;
  z-index: 1;
}

.news__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.news__ttl {
  color: #fff;
  font-size: 26px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.2em;
  position: relative;
  margin-top: 32px;
}

.news__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 8%;
}
.news__list li {
  position: relative;
}
.news__list li a {
  display: block;
  color: #fff;
  width: 100%;
  padding: 22px 0 22px;
  border-bottom: 1px solid #D3D3D1;
}
.news__list li:last-child a {
  margin-bottom: 0;
}

.news__data {
  display: block;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

.news__txt {
  display: block;
  line-height: 1.875;
}

.newslist__btn {
  margin-top: 20px;
  text-align: right;
}
.newslist__btn .cbtn {
  min-width: 200px;
}/*# sourceMappingURL=index.css.map */