@import url(/assets/css/compnents/fv.css);
@import url(/assets/css/compnents/reservation-content.css);

.c-fv {
  background: url(/assets/images/top/fv/bg.jpg) no-repeat center / cover;
}

/* セクション共通 */
section {
  padding-bottom: 10rem;
}

section h2 {
  padding-block: 8rem;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}

section .catch {
  margin-top: 7.8rem;
  padding-inline: 7.2rem;
  font-size: 1.4rem;
  line-height: 2.6;
  letter-spacing: 0.13em;
}

/* introセクション */
.intro {
  padding-block: 8rem 9rem;
}

.illustration {
  width: 21.7rem;
  margin: 6rem auto 0;
}

.intro dl {
  margin-top: 10rem;
  padding-inline: 5.2rem;
}

.intro dl dt {
  font-size: 1.6rem;
  font-weight: 400;
}

.intro dl dd {
  margin-top: 3.6rem;
  font-size: 1.4rem;
  line-height: 2.6;
  letter-spacing: 0.07em;
}

.intro .photo-gallery {
  margin: 10rem auto 0;
  width: 33.7rem;
  padding: 2.6rem 2rem;
  background: url(/assets/images/common/list-bg.png) repeat-y center / cover;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
}

.intro .photo-list > li + li {
  margin-top: 2.6rem;
}

.intro .photo-list figure {
  width: 100%;
}

.intro .photo-gallery .caption {
  margin-top: 2rem;
  text-align: center;
}

.intro .photo-gallery .instagram {
  display: block;
  margin-top: 2rem;
  margin-left: auto;
  width: fit-content;
}

/* about-spaセクション */
.about-spa h2 {
  background: url(/assets/images/top/about-spa/head-bg.png) no-repeat center / cover;
}

.about-spa .spa-list {
  margin: 10rem auto 0;
  width: 33.7rem;
  padding: 2.6rem 2rem;
  background: url(/assets/images/common/list-bg.png) repeat-y center / cover;
  letter-spacing: 0.13em;
}

.about-spa .spa-list > li + li {
  margin-top: 3.2rem;
}

.about-spa .spa-list > li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.4rem;
  font-size: 1.4rem;
}

.about-spa .spa-list > li > div p {
  font-size: 1.4rem;
}

.about-spa .spa-list > li > div a {
  font-size: 1.2rem;
}

/* about-roomセクション */
.about-room h2 {
  background: url(/assets/images/top/about-room/head-bg.png) no-repeat center / cover;
}

.about-room .room-list {
  margin: 10rem auto 0;
  width: 33.7rem;
  padding: 2.6rem 2rem;
  background: url(/assets/images/common/list-bg.png) repeat-y center / cover;
  letter-spacing: 0.13em;
}

.about-room .room-list > li + li {
  margin-top: 4rem;
}

.about-room .room-list > li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.4rem;
}

.about-room .room-list > li > div p {
  font-size: 1.3rem;
}

.about-room .room-list > li > a {
  display: block;
  margin-top: 2.2rem;
  margin-left: auto;
  width: fit-content;
  font-size: 1.2rem;
}

.about-room .remarks {
  margin: 1rem auto 0;
  width: 33.7rem;
  color: var(--color-primary);
  font-size: 1.1rem;
  line-height: 1.5;
}

/* about-cuisineセクション */
.about-cuisine h2 {
  background: url(/assets/images/top/about-cuisine/head-bg.png) no-repeat center / cover;
}

.about-cuisine .cuisine-list {
  margin: 10rem auto 0;
  width: 33.7rem;
  padding: 2.6rem 2rem;
  background: url(/assets/images/common/list-bg.png) repeat-y center / cover;
  letter-spacing: 0.13em;
}

.about-cuisine .cuisine-list > li + li {
  margin-top: 2.4rem;
}

.about-cuisine .cuisine-list > li > a {
  display: block;
  margin-top: 2.2rem;
  margin-left: auto;
  width: fit-content;
  font-size: 1.2rem;
}