@charset "utf-8";


/*  flowWrapper
--------------------------------------------------*/
.flowWrapper {
  position: relative;
  padding-block: 8.5rem 16.0rem;
  z-index: 1;
}
.l-step {
  position: relative;
}
.step-inner {
  max-width: 1000px;
}
.step-list {
  width: 100%;
  gap: 23.2rem 0;
}
.step-list__item {
  position: relative;
  width: 100%;
  gap: 0 10.0rem;
}
.step-list__item + .step-list__item::before {
  content: '';
  position: absolute;
  inset: -13.2rem 0 auto;
  margin-inline: auto;
  width: 10.0rem;
  height: 3.2rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: linear-gradient(0deg, rgba(var(--color-gold-rgb), 1) 0%, rgba(var(--color-gold-rgb), 0.2) 100%);
}
.step-list__item__num {
  position: relative;
  width: 20.0rem;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color-gold);
}
.step-list__item__num::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(0deg, rgba(var(--color-gold-rgb), 1) 0%, rgba(var(--color-gold-rgb), 0.2) 100%);
}
.step-list__item__detail {
  position: relative;
  flex: 1;
}
.step-list__item__detail__heading {
  font-size: 2.4rem;
  line-height: 1.6;
  letter-spacing: .1em;
  color: var(--white);
}
.step-list__item__detail__desc {
  font-size: 1.7rem;
  line-height: 2;
  letter-spacing: .1em;
  color: var(--white);
  margin-top: 2.0rem;
}
.step-list__item__detail__desc + .step-list__item__detail__desc {
  margin-top: 4.0rem;
}
.step-list__item__detail__desc span {
  display: block;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: .074em;
  color: var(--white);
  margin-top: 2.0rem;
}
.step-list__item__detail__desc em {
  display: block;
  font-size: calc(24 / 18 * 1em);
  color: var(--color-gold);
  margin-bottom: .8em;
}
.step-list__item__detail__btn {
  width: min(100%,400px);
  margin-top: 3.0rem;
  margin-inline: 0 auto;
}

.l-residenceClub {
  position: relative;
  margin-top: 15.0rem;
}
.residenceClub-inner {
  max-width: 1200px;
  padding-block: 8.0rem 15.0rem;
}
.residenceClub-contents {
  position: relative;
  z-index: 1;
}
.residenceClub-logo {
  width: min(80%,340px);
  margin-inline: auto;
  margin-bottom: 8.0rem;
}
.residenceClub-head {
  width: min(90%,800px);
  margin-inline: auto;
  margin-bottom: 8.0rem;
}
.residenceClub-head__detail {
  width: calc(420 / 800 * 100%);
}
.residenceClub-head__detail__ttl {
  font-size: 3.0rem;
  color: var(--base-color);
}
.residenceClub-head__detail__desc {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0;
  color: var(--base-color);
  margin-top: 2.0rem;
}
.residenceClub-head__photo {
  width: calc(300 / 800 * 100%);
}
.residenceClub-list {
  width: min(90%,1000px);
  margin-inline: auto;
  gap: 4.0rem 8.0rem;
  /* grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); */
  grid-template-columns: repeat(2, 1fr);
}
.residenceClub-list__item {
  position: relative;
}
.residenceClub-list__item__photo {
  width: 100%;
  margin-bottom: 2.0rem;
}
.residenceClub-list__item__detail {
  width: 100%;
}
.residenceClub-list__item__detail__heading {
  font-size: 2.4rem;
  line-height: 1.6;
  letter-spacing: .05em;
  color: var(--base-color);
}
.residenceClub-list__item__detail__desc {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0;
  color: var(--base-color);
  margin-top: 1.0rem;
}
@media screen and (max-width: 768px) {
  .flowWrapper {
    padding-block: 1.0rem 10.0rem;
  }
  .step-inner {
    max-width: 560px;
  }
  .step-list {
    gap: 11.2rem 0;
  }
  .step-list__item {
    gap: 2.0rem 0;
  }
  .step-list__item + .step-list__item::before {
    inset: -7.2rem 0 auto;
  }
  .step-list__item__num {
    width: 100%;
    text-align: center;
    padding-bottom: 2.0rem;
  }
  .step-list__item__num::before {
    width: 100%;
    height: 1px;
    background: var(--color-gold);
  }
  .step-list__item__detail {
    width: 100%;
    flex: 100%;
  }
  .step-list__item__detail__heading {
    font-size: 2.0rem;
    letter-spacing: 0;
    text-align: center;
  }
  .step-list__item__detail__desc {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
  .step-list__item__detail__desc + .step-list__item__detail__desc {
    margin-top: 3.0rem;
  }
  .step-list__item__detail__desc em {
    position: relative;
    font-size: calc(20 / 16 * 1em);
    letter-spacing: 0;
    line-height: 1.45;
    text-align: center;
    margin-bottom: 2.0rem;
    padding-bottom: 2.0rem;
  }
  .step-list__item__detail__desc em::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    margin-inline: auto;
    width: 8.0rem;
    height: 1px;
    background: var(--color-gold);
  }
  .step-list__item__detail__desc em i {
    display: none;
  }
  .step-list__item__detail__desc span {
    font-size: 1.2rem;
  }
  .step-list__item__detail__btn {
    width: calc(260 / 320 * 100%);
    margin-inline: auto;
  }

  .l-residenceClub {
    margin-top: 10.0rem;
  }
  .residenceClub-inner {
    width: 100%;
    padding-block: 10.0rem;
  }
  .residenceClub-logo {
    width: min(calc(280 / 380 * 100%),400px);
    margin-bottom: 6.0rem;
  }
  .residenceClub-head {
    width: min(calc(320 / 380 * 100%),560px);
    margin-bottom: 6.0rem;
  }
  .residenceClub-head__detail {
    width: 100%;
    margin-bottom: 2.0rem;
  }
  .residenceClub-head__detail__ttl {
    font-size: 2.6rem;
    text-align: center;
  }
  .residenceClub-head__detail__desc {
    font-size: 1.6rem;
  }
  .residenceClub-head__photo {
    width: calc(280 / 320 * 100%);
    margin-inline: auto;
  }
  .residenceClub-list {
    width: calc(280 / 320 * 100%);
    gap: 4.0rem 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .residenceClub-list__item {
    width: 100%;
  }
  .residenceClub-list__item__detail__heading {
    font-size: 2.0rem;
  }
  .residenceClub-list__item__detail__desc {
    font-size: 1.6rem;
  }
}