@charset "UTF-8";
/* ==========================================================================*/
/*   initial */
/* ==========================================================================*/
/* ==========================================================================*/
/*   size*/
/* ==========================================================================*/
/* ==========================================================================*/
/*   link-underline*/
/* ==========================================================================*/
/* ==========================================================================*/
/*   justify*/
/* ==========================================================================*/
/* ==========================================================================*/
/*   text-height-zero*/
/* ==========================================================================*/
/* ==========================================================================*/
/*   media query*/
/* ==========================================================================*/
/* ==========================================================================*/
/*   center-content*/
/* ==========================================================================*/
/* ==========================================================================
   block
   ========================================================================== */
.home {
  /* .home-kv アクセス
	----------------------------------------------------------------------------- */
  /* .home-about niclass 甑島とは
	----------------------------------------------------------------------------- */
  /* .home-room お部屋のご紹介
	----------------------------------------------------------------------------- */
  /* .home-tourism 体験ツアーのご紹介
	----------------------------------------------------------------------------- */
  /* .home-access アクセス
	----------------------------------------------------------------------------- */
}

.home-kv {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
  background: url(../img/home/img_kv_01.jpg) center center no-repeat;
  background-size: cover;
  color: #FFF;
  text-align: center;
}

.home-kv__inner {
  position: relative;
  width: 100%;
  height: calc(100vh - 60px);
  min-height: 600px;
}

.home-kv__desc {
  width: 100%;
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-size: 150%;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.25em;
}

.home-kv__logo img {
  width: 132px;
}

.home-kv-top {
  width: 100%;
  position: absolute;
  top: 15.625%;
  left: 0;
}

.home-kv__scroll {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.home-kv__scroll img {
  width: 39px;
}

@media only screen and (max-width: 767px) {
  .home-kv {
    padding-bottom: 21.33333vw;
  }
  .home-kv__inner {
    min-height: 400px;
  }
  .home-kv__desc {
    font-size: 3.73333vw;
  }
  .home-kv__logo img {
    width: 23.73333vw;
  }
  .home-kv-top {
    top: 14.66667vw;
  }
  .home-kv__scroll {
    bottom: 13.33333vw;
  }
}

.home-about {
  margin-top: -60px;
  margin-bottom: 100px;
}

.home-about__inner {
  width: 82.75%;
  max-width: 800px;
  padding: 50px 4.5%;
  margin: 0 auto;
  background: #FFF;
  border-radius: 5px;
  box-sizing: border-box;
}

.home-about__ttl {
  text-align: center;
  line-height: 1;
  margin-bottom: 2.5em;
}

.home-about__ttl img {
  width: 204px;
}

.home-about__txt {
  letter-spacing: 0.2em;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .home-about {
    margin-top: -18.13333vw;
    margin-bottom: 21.33333vw;
  }
  .home-about__inner {
    width: 100%;
    max-width: 88vw;
    padding: 9.33333vw 5.33333vw 0;
  }
  .home-about__ttl img {
    width: 40.8vw;
  }
  .home-about__txt {
    letter-spacing: 0.05em;
  }
}

.home-room {
  margin-bottom: 100px;
}

.home-room__slider .item {
  text-align: center;
  padding: 0 7.5px;
}

.home-room__slider .item img {
  width: auto;
  height: 476px;
}

.home-room__txt {
  margin-top: 2em;
}

@media only screen and (max-width: 767px) {
  .home-room {
    margin-bottom: 21.33333vw;
  }
  .home-room__slider .item {
    padding: 0 1.06667vw;
  }
  .home-room__slider .item img {
    height: 66.66667vw;
  }
}

.home-tourism {
  margin-bottom: 80px;
}

.home-tourism__txt {
  margin-top: 2em;
}

@media only screen and (max-width: 767px) {
  .home-tourism {
    margin-bottom: 21.33333vw;
  }
}

.home-access-satokou__img {
  text-align: center;
}

.home-access-koshiki {
  margin-top: 4em;
}

.home-access-koshiki__txt strong {
  display: inline-block;
  margin-bottom: 0.25em;
  font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-size: 150%;
  font-weight: 600;
}

.home-access__list {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 1.5em;
}

.home-access__list .item {
  position: relative;
  padding: 1.5em 0;
  width: 48%;
  float: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.home-access__list .item:not(:first-of-type) {
  float: right;
  align-items: baseline;
}

.home-access__list .item::before {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #f1f5f4 0%, #f6f6f6 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.home-access__list .item__ttl {
  margin-bottom: 1em;
}

.home-access__list .item dl {
  line-height: 1.6;
}

.home-access__list .item dl:not(:first-of-type) {
  margin-top: 1.5em;
}

.home-access__list .item dl dd .fs-sm {
  font-size: 75%;
}

.home-access-map {
  margin-top: 2em;
}

.home-access-map__gmap {
  line-height: 1;
}

.home-access-map__gmap iframe {
  width: 100%;
}

.home-access-map__txt {
  margin-top: 1em;
}

@media only screen and (max-width: 767px) {
  .home-access__list .item {
    width: 100%;
    float: none;
  }
  .home-access__list .item:not(:first-of-type) {
    float: none;
  }
  .home-access__list .item::before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #f1f5f4 0%, #f6f6f6 100%);
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-access__list .item__ttl {
    margin-bottom: 1em;
  }
  .home-access__list .item dl:not(:first-of-type) {
    margin-top: 1.5em;
  }
  .home-access__list .item dl dd .fs-sm {
    font-size: 75%;
  }
  .home-access-map__gmap {
    width: 100vw;
    margin: 0 -5.86667vw;
  }
  .home-access-map__gmap iframe {
    width: 100%;
    height: 69.86667vw;
  }
}