.mv {
  position: relative;
  height: 100vh;
  padding-bottom: calc(112 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv {
    padding-bottom: 0;
  }
}
.mv::before {
  content: "";
  width: 100%;
  height: calc(200 / var(--spSize) * 100vw);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent);
  position: absolute;
  top: 0;
  left: 0;
}
@media (768px <= width) {
  .mv::before {
    height: 200px;
  }
}
.mv__image {
  width: 100%;
  height: 100%;
}
.mv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv__txt {
  position: absolute;
  left: 0;
  bottom: calc(592 / var(--spSize) * 100vw);
  padding: calc(30 / var(--spSize) * 100vw);
  color: #fff;
  font-family: var(--ff-shippori);
}
@media (768px <= width) {
  .mv__txt {
    bottom: 50%;
    translate: 0 50%;
    padding: 0;
    left: 16rem;
  }
}
.mv__txt .copy {
  font-size: 4.2rem;
  line-height: 1.2857142857;
}
@media (768px <= width) {
  .mv__txt .copy {
    font-size: 8.4rem;
    line-height: 1.2857;
  }
}
.mv__txt .lead {
  font-size: 1.8rem;
}
@media (768px <= width) {
  .mv__txt .lead {
    font-size: 3.6rem;
  }
}
.mv__customer {
  position: absolute;
  right: calc(30 / var(--spSize) * 100vw);
  bottom: calc(276 / var(--spSize) * 100vw);
  width: calc(480 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv__customer {
    bottom: 50%;
    translate: 0 50%;
    right: 16rem;
    width: 42rem;
  }
}
.mv__scrolldown {
  position: absolute;
  bottom: calc(276 / var(--spSize) * 100vw);
  left: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv__scrolldown {
    bottom: 50px;
    left: 16rem;
  }
}
.mv__scrolldown a {
  display: flex;
  align-items: center;
}
.mv__scrolldown img {
  width: calc(60 / var(--spSize) * 100vw);
  margin-right: calc(19 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv__scrolldown img {
    width: 60px;
    margin-right: 19px;
  }
}
.mv__scrolldown span {
  font-size: 1rem;
  font-family: var(--ff-ci);
  color: #fff;
}
@media (768px <= width) {
  .mv__scrolldown span {
    font-size: 1.8em;
  }
}
.mv .propertysale {
  margin: 0 calc(30 / var(--spSize) * 100vw);
  margin-top: calc(-112 / var(--spSize) * 100vw);
  position: relative;
  z-index: 2;
}
@media (768px <= width) {
  .mv .propertysale {
    margin: 0;
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 370px;
  }
}
.mv .propertysale a {
  background-color: var(--clr-blue);
  color: #fff;
  padding: calc(28 / var(--spSize) * 100vw) 0 calc(28 / var(--spSize) * 100vw) calc(38 / var(--spSize) * 100vw);
  display: grid;
  grid-template-columns: calc(169 / var(--spSize) * 100vw) auto calc(132 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv .propertysale a {
    grid-template-columns: 90px auto 70px;
    padding: 15px 0 15px 20px;
  }
}
@media (hover: hover) and (width >= 768px) {
  .mv .propertysale a {
    transition: all var(--speed) ease-in-out;
  }
  .mv .propertysale a:hover {
    opacity: 0.7;
  }
}
.mv .propertysale__txt {
  display: grid;
  align-content: center;
  gap: calc(10 / var(--spSize) * 100vw);
  padding-left: calc(44 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv .propertysale__txt {
    gap: 6px;
    padding-left: 24px;
  }
}
.mv .propertysale__sub {
  font-size: 1.4rem;
  font-family: var(--ff-ci);
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.3;
}
@media (768px <= width) {
  .mv .propertysale__sub {
    font-size: 1.6rem;
  }
}
.mv .propertysale__main {
  font-size: 2rem;
  font-family: var(--ff-shippori);
  line-height: 1.3;
}
@media (768px <= width) {
  .mv .propertysale__main {
    font-size: 2.2rem;
    line-height: 1.2727;
  }
}
.mv .propertysale .icon__blank {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px dotted rgba(255, 255, 255, 0.3);
}
.mv .propertysale .icon__blank img {
  width: calc(30 / var(--spSize) * 100vw);
  height: calc(26 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .mv .propertysale .icon__blank img {
    width: 16px;
    height: 14px;
  }
}

.importantnotice {
  background: var(--clr-lightYellow2);
  padding: calc(60 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw);
}
@media (width < 768px) {
  .importantnotice {
    margin: calc(120 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) 0;
  }
}
@media (768px <= width) {
  .importantnotice {
    margin-top: 120px;
    display: grid;
    grid-template-columns: 20rem auto;
    align-items: center;
    gap: 6rem;
    padding: 4rem 2rem 4rem 7rem;
  }
}
.importantnotice .label {
  color: #fff;
  font-size: 1.8rem;
  font-family: var(--ff-shippori);
  aspect-ratio: 630/80;
  text-align: center;
  background: url(../images/home/importantnotice_label_bg_sp.webp) center/cover no-repeat;
}
@media (768px <= width) {
  .importantnotice .label {
    font-size: 2.4rem;
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    background-image: -webkit-image-set(url(../images/home/importantnotice_label_bg.webp) 1x, url(../images/home/importantnotice_label_bg@2x.webp) 2x);
    background-image: image-set(url(../images/home/importantnotice_label_bg.webp) 1x, url(../images/home/importantnotice_label_bg@2x.webp) 2x);
  }
}
@media (width < 768px) {
  .importantnotice .label br {
    display: none;
  }
}
.importantnotice .wrap {
  margin-top: calc(60 / var(--spSize) * 100vw);
  display: grid;
  gap: calc(60 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .importantnotice .wrap {
    margin: 0;
    gap: 20px;
  }
}
.importantnotice .wrap a {
  line-height: 1.75;
  font-family: var(--ff-shippori);
  display: grid;
  grid-template-columns: auto calc(72 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .importantnotice .wrap a {
    grid-template-columns: auto 60px;
    font-size: 2rem;
    line-height: 1.95;
  }
}
.importantnotice .wrap a::after {
  content: "";
  width: calc(72 / var(--spSize) * 100vw);
  background: url(../images/common/icon_arrow_black.svg) center right calc(11 / var(--spSize) * 100vw)/6px auto no-repeat;
  border-left: 1px dotted rgba(51, 51, 51, 0.3);
}
@media (768px <= width) {
  .importantnotice .wrap a::after {
    width: 60px;
    background-position: center right 50%;
    z-index: 1;
  }
}
@media (hover: hover) and (width >= 768px) {
  .importantnotice .wrap a {
    transition: opacity var(--speed) ease-in;
  }
  .importantnotice .wrap a:hover {
    opacity: 0.5;
  }
}

.timeshareproperty,
.property {
  position: relative;
}

.property {
  --time: 100s;
}
@media (768px <= width) {
  .property {
    --time: 200s;
  }
}

.timeshareproperty {
  --time: 100s;
}

.sec1 {
  width: 100%;
  display: flex;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.sec1__title--first, .sec1__title--second {
  flex-shrink: 0;
  width: auto;
  height: auto;
  display: inline-block;
  text-wrap: nowrap;
  white-space: nowrap;
  font-size: 8rem;
  font-family: var(--ff-ci);
  line-height: 1.3;
  color: rgba(76, 177, 207, 0.1);
}
@media (768px <= width) {
  .sec1__title--first, .sec1__title--second {
    font-size: 24rem;
  }
}
.sec1__title--first {
  animation: anim--first var(--time) infinite linear 0.1s both;
}
.sec1__title--second {
  animation: anim--first var(--time) infinite linear 0.1s both;
}

.property {
  margin-top: calc(120 / var(--spSize) * 100vw);
  padding-top: calc(225 / var(--spSize) * 100vw);
  padding-bottom: calc(200 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property {
    margin-top: 8rem;
    padding-top: 40rem;
    padding-bottom: 20rem;
  }
}
.property .copy {
  font-size: 1.9rem;
  font-family: var(--ff-shippori);
  text-align: center;
  letter-spacing: normal;
  padding-bottom: calc(100 / var(--spSize) * 100vw);
  margin: 0 calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property .copy {
    font-size: 2.4rem;
    margin: 0 50px;
    padding-bottom: 8.5rem;
  }
}
.property .label {
  border-top: 1px dotted rgba(51, 51, 51, 0.3);
  padding-top: calc(100 / var(--spSize) * 100vw);
  margin: 0 calc(30 / var(--spSize) * 100vw);
  text-align: center;
  font-size: 3.2rem;
  font-family: var(--ff-shippori);
  letter-spacing: normal;
  line-height: 1.3;
}
@media (768px <= width) {
  .property .label {
    padding-top: 9.5rem;
    font-size: 4rem;
  }
}
.property .wrap {
  margin-top: calc(90 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property .wrap {
    margin-top: 6.5rem;
  }
}
.property .slider-property {
  padding-bottom: calc(175 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property .slider-property {
    padding-bottom: 12.8rem;
  }
}
.property__item {
  display: block;
  width: calc(690 / var(--spSize) * 100vw);
  background-color: var(--clr-lightYellow2);
  margin: 0 calc(15 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property__item {
    width: 51rem;
    margin: 0 1.5rem;
  }
}
@media (hover: hover) and (width >= 768px) {
  .property__item {
    transition: all var(--speed) ease-in-out;
  }
  .property__item:hover {
    opacity: 0.7;
  }
}
.property__item__img {
  padding-bottom: 70.8333%;
  position: relative;
}
.property__item__img .noimage {
  width: 100%;
  aspect-ratio: 480/340;
  background: #fff url(../images/common/logo-square.webp) center/auto 60% no-repeat;
  background-image: -webkit-image-set(url(../images/common/logo-square.webp) 1x, url(../images/common/logo-square@2x.webp) 2x);
  background-image: image-set(url(../images/common/logo-square.webp) 1x, url(../images/common/logo-square@2x.webp) 2x);
  position: absolute;
  top: 0;
  left: 0;
}
.property__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.property__item__detail {
  padding: calc(30 / var(--spSize) * 100vw) calc(50 / var(--spSize) * 100vw) calc(50 / var(--spSize) * 100vw);
  line-height: 1.3;
}
@media (768px <= width) {
  .property__item__detail {
    padding: 2.5rem 3rem;
  }
}
.property__item__detail .resort {
  font-family: var(--ff-shippori);
}
@media (768px <= width) {
  .property__item__detail .resort {
    font-size: 2rem;
  }
}
.property__item__detail .name {
  font-size: 2.2rem;
  font-family: var(--ff-shippori);
  margin-top: calc(20 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property__item__detail .name {
    font-size: 2.8rem;
    margin-top: 1.2rem;
  }
}
.property__item__detail .area {
  font-size: 1.4rem;
  color: #999;
  margin-top: calc(40 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property__item__detail .area {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
}
.property__item__detail .area span {
  margin-right: calc(15 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property__item__detail .area span {
    margin-right: 1rem;
  }
}
.property__item__detail .list {
  margin-top: calc(40 / var(--spSize) * 100vw);
  border-top: 1px dotted rgba(51, 51, 51, 0.3);
  padding-top: calc(40 / var(--spSize) * 100vw);
  display: grid;
  grid-template-columns: calc(215 / var(--spSize) * 100vw) auto;
  color: #666;
  font-size: 1.4rem;
  line-height: 2;
}
@media (768px <= width) {
  .property__item__detail .list {
    margin-top: 2.5rem;
    padding-top: 2rem;
    grid-template-columns: 14rem auto;
    font-size: 1.8rem;
  }
}
.property__item__detail .list dt {
  font-weight: 500;
}
.property__item__viewmore {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid var(--clr-lightYellow3);
  font-family: var(--ff-ci);
  line-height: calc(110 / var(--spSize) * 100vw);
  padding-left: calc(50 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .property__item__viewmore {
    line-height: 6.9rem;
    padding-left: 3rem;
    font-size: 2rem;
  }
}
.property__item__viewmore span {
  width: calc(100 / var(--spSize) * 100vw);
  height: calc(62 / var(--spSize) * 100vw);
  border-left: 1px dotted rgba(51, 51, 51, 0.3);
  background-size: calc(32 / var(--spSize) * 100vw) auto;
}
@media (768px <= width) {
  .property__item__viewmore span {
    width: 6rem;
    height: 3.9rem;
    background-size: 2rem auto;
  }
}
.property .buttonarea a {
  margin: 0 auto;
  display: grid;
}

.whatistimeshare {
  background: url(../images/home/whatistimeshare_bg_sp.webp) top center/100% auto no-repeat;
  padding-top: calc(480 / var(--spSize) * 100vw);
  padding-bottom: calc(300 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .whatistimeshare {
    background: url(../images/home/whatistimeshare_bg_top.webp) top center repeat-x;
    padding-top: 50rem;
    padding-bottom: 0;
  }
  .whatistimeshare .wrap {
    background: #00377b url(../images/home/whatistimeshare_bg.webp) 50% calc(50% - 25rem)/100% auto no-repeat;
    background-image: -webkit-image-set(url(../images/home/whatistimeshare_bg.webp) 1x, url(../images/home/whatistimeshare_bg@2x.webp) 2x);
    background-image: image-set(url(../images/home/whatistimeshare_bg.webp) 1x, url(../images/home/whatistimeshare_bg@2x.webp) 2x);
    padding-bottom: 30rem;
  }
}
.whatistimeshare__lead {
  margin: 0 calc(30 / var(--spSize) * 100vw);
  text-align: center;
  font-size: 4.2rem;
  font-family: var(--ff-shippori);
  letter-spacing: normal;
  line-height: 1.4762;
  color: #fff;
}
@media (768px <= width) {
  .whatistimeshare__lead {
    margin: 0 5rem;
    font-size: 6.2rem;
    line-height: 1.4839;
  }
}
.whatistimeshare__text {
  text-align: center;
  font-size: 1.8rem;
  font-family: var(--ff-shippori);
  letter-spacing: -0.01em;
  color: #fff;
  margin: calc(70 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .whatistimeshare__text {
    margin: 7.5rem auto 0;
    font-size: 2.4rem;
    line-height: 2.1667;
  }
}
.whatistimeshare__text p + p {
  margin-top: 2em;
}
.whatistimeshare__text.v2 {
  text-align: left;
}
@media (768px <= width) {
  .whatistimeshare__text.v2 {
    margin: 0;
    font-size: 1.6rem;
    line-height: 2.2;
  }
}
@media (1280px <= width) {
  .whatistimeshare__text.v2 {
    font-size: 2rem;
  }
}
.whatistimeshare__wrap {
  margin-top: calc(746 / var(--spSize) * 100vw);
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-right: calc(30 / var(--spSize) * 100vw);
  color: #fff;
}
@media (768px <= width) {
  .whatistimeshare__wrap {
    margin-top: 95rem;
    padding: 0;
    position: relative;
  }
}
@media (768px <= width) {
  .whatistimeshare__label {
    position: absolute;
    left: 0;
  }
}
.whatistimeshare__label .en {
  font-size: 6rem;
  font-family: var(--ff-ci);
  letter-spacing: 0.04em;
  line-height: 1.0833;
}
@media (768px <= width) {
  .whatistimeshare__label .en {
    font-size: 8rem;
    line-height: 1.0833;
  }
}
@media (1280px <= width) {
  .whatistimeshare__label .en {
    font-size: 12rem;
  }
}
.whatistimeshare__label .jp {
  font-family: var(--ff-shippori);
  margin-top: calc(20 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .whatistimeshare__label .jp {
    font-size: 3.2rem;
  }
}
@media (768px <= width) {
  .whatistimeshare__contents {
    width: 66.66%;
    display: grid;
    grid-template-columns: 31.25vw auto;
    align-items: center;
    margin-left: 33.33%;
    gap: 5.2083333333vw;
  }
}
.whatistimeshare__img {
  width: calc(430 / var(--spSize) * 100vw);
  margin: calc(70 / var(--spSize) * 100vw) auto 0;
}
@media (768px <= width) {
  .whatistimeshare__img {
    margin: 0;
    width: 31.25vw;
  }
}
.whatistimeshare .buttonarea {
  margin-top: calc(80 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .whatistimeshare .buttonarea {
    margin-top: 100px;
  }
}
.whatistimeshare .buttonarea a {
  margin: 0 auto;
  display: grid;
}
@media (768px <= width) {
  .whatistimeshare .buttonarea a {
    margin: 0;
    max-width: 300px;
    width: 100%;
  }
}

.chooseus {
  padding: calc(160 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) calc(100 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus {
    padding: 20rem 0 10rem;
  }
}
.chooseus__imgs {
  display: grid;
  justify-content: center;
  gap: calc(80 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .chooseus__imgs {
    grid-template-columns: 800fr 740fr;
    align-items: end;
    gap: 0 6rem;
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (768px <= width) {
  .chooseus__img01 {
    text-align: right;
  }
}
.chooseus__img02 {
  padding-left: calc(50 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus__img02 {
    padding-left: 0;
  }
}
.chooseus .headline {
  margin-top: calc(145 / var(--spSize) * 100vw);
  padding-bottom: calc(72 / var(--spSize) * 100vw);
  text-align: center;
  font-family: var(--ff-shippori);
  line-height: 1;
  position: relative;
}
@media (768px <= width) {
  .chooseus .headline {
    margin-top: 10rem;
    padding-bottom: 5rem;
  }
}
.chooseus .headline::after {
  content: "";
  width: calc(204 / var(--spSize) * 100vw);
  border-bottom: 2px dotted rgba(51, 51, 51, 0.3);
  position: absolute;
  bottom: 0;
  left: calc(50% - 102 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus .headline::after {
    width: 10.2rem;
    left: calc(50% - 5.1rem);
  }
}
.chooseus .headline .sub {
  font-size: 2.6rem;
}
@media (768px <= width) {
  .chooseus .headline .sub {
    font-size: 3.2rem;
  }
}
.chooseus .headline .main {
  font-size: 5rem;
  margin-top: calc(45 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus .headline .main {
    font-size: 6.2rem;
    margin-top: 2.5rem;
  }
}
.chooseus__wrap {
  display: grid;
  gap: calc(105 / var(--spSize) * 100vw) 0;
  margin-top: calc(105 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus__wrap {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 5%;
    width: 100%;
    margin-top: 10rem;
  }
}
.chooseus__wrap .item {
  border-bottom: 1px solid var(--clr-lightYellow3);
  position: relative;
}
@media (768px <= width) {
  .chooseus__wrap .item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
  }
}
.chooseus__wrap .item .num {
  position: absolute;
  top: 0;
  right: 0;
  font-family: var(--ff-ci);
  line-height: 1;
  color: var(--clr-lightYellow2);
}
.chooseus__wrap .item .no {
  font-size: 4.6rem;
  writing-mode: vertical-rl;
  translate: 10px -5px;
  display: inline-block;
}
@media (768px <= width) {
  .chooseus__wrap .item .no {
    font-size: 5.8rem;
  }
}
.chooseus__wrap .item .number {
  font-size: 8rem;
  translate: 0 -10px;
  display: inline-block;
}
@media (768px <= width) {
  .chooseus__wrap .item .number {
    font-size: 10rem;
  }
}
.chooseus__wrap .item .label,
.chooseus__wrap .item .title {
  position: relative;
  z-index: 2;
}
.chooseus__wrap .item .label {
  font-size: 1.9rem;
  font-family: var(--ff-shippori);
  line-height: 1.3;
}
@media (768px <= width) {
  .chooseus__wrap .item .label {
    font-size: 2.4rem;
  }
}
.chooseus__wrap .item .title {
  font-size: 2.9rem;
  font-family: var(--ff-shippori);
  line-height: 1.3;
  margin-top: calc(20 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus__wrap .item .title {
    font-size: 3.6rem;
    margin-top: 1.5rem;
  }
}
.chooseus__wrap .item > .text {
  line-height: 1.75;
  letter-spacing: 0.06em;
  color: #666;
  margin-top: calc(40 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus__wrap .item > .text {
    margin-top: 3.2rem;
    font-size: 2rem;
  }
}
.chooseus__wrap .item .viewmore {
  width: 100%;
  background: none;
  padding-left: 0;
  margin-top: calc(60 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .chooseus__wrap .item .viewmore {
    margin-top: 2.5rem;
  }
}

.event {
  padding: calc(185 / var(--spSize) * 100vw) 0 calc(200 / var(--spSize) * 100vw);
  border-top: 1px dotted var(--clr-lightYellow3);
}
@media (width < 768px) {
  .event {
    margin: calc(100 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw);
  }
}
@media (768px <= width) {
  .event {
    margin-top: 10rem;
    padding: 10rem 0 20rem;
    display: grid;
    grid-template-columns: 600fr 880fr;
    align-items: start;
    gap: 0 6rem;
  }
}
@media (768px <= width) {
  .event .explanation {
    display: flex;
    flex-direction: column;
  }
}
.event .explanation h1 {
  font-size: 3.2rem;
  font-family: var(--ff-shippori);
  letter-spacing: normal;
  line-height: 1;
  text-align: center;
}
@media (768px <= width) {
  .event .explanation h1 {
    font-size: 4rem;
    text-align: left;
  }
}
.event .explanation .text {
  margin-top: calc(80 / var(--spSize) * 100vw);
  font-family: var(--ff-shippori);
  line-height: 2.1875;
  letter-spacing: -0.08em;
}
@media (768px <= width) {
  .event .explanation .text {
    margin-top: 6.6rem;
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.event .explanation .bnr {
  margin-top: calc(75 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .event .explanation .bnr {
    margin-top: auto;
  }
}
@media (hover: hover) and (width >= 768px) {
  .event .explanation .bnr a {
    transition: all var(--speed) ease-in-out;
  }
  .event .explanation .bnr a:hover {
    opacity: 0.7;
  }
}
.event__contents {
  margin-top: calc(60 / var(--spSize) * 100vw);
  display: grid;
  gap: calc(50 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .event__contents {
    margin-top: 0;
  }
  .event__contents .wrap {
    display: grid;
    gap: 0 3rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.event__item {
  border-bottom: 1px solid var(--clr-lightYellow3);
  position: relative;
  padding-bottom: 2rem;
}
@media (768px <= width) {
  .event__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
  }
}
@media (hover: hover) and (width >= 768px) {
  .event__item {
    transition: all var(--speed) ease-in-out;
  }
  .event__item:hover {
    opacity: 0.7;
  }
}
.event__item figure img {
  aspect-ratio: 480/340;
  -o-object-fit: cover;
     object-fit: cover;
}
.event__item .tag {
  font-size: 1.2rem;
  color: #999;
  margin-top: 1rem;
}
@media (768px <= width) {
  .event__item .tag {
    font-size: 1.6rem;
  }
}
.event__item .title {
  font-family: var(--ff-shippori);
  margin-top: calc(10 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .event__item .title {
    font-size: 2rem;
    line-height: 1.8333;
    margin-top: 1rem;
  }
}
.event__item .info {
  display: grid;
  grid-template-columns: 5em auto;
}
.event__item .info dt,
.event__item .info dd {
  font-size: 1.2rem;
}
@media (768px <= width) {
  .event__item .info dt,
  .event__item .info dd {
    font-size: 1.6rem;
  }
}
.event__item .arrow {
  text-align: center;
  border-left: 1px dotted rgba(51, 51, 51, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (768px <= width) {
  .event .buttonarea {
    grid-column: 2/3;
  }
}
.event .buttonarea a {
  margin: calc(100 / var(--spSize) * 100vw) auto 0;
  display: grid;
}
@media (768px <= width) {
  .event .buttonarea a {
    margin-top: 0rem;
    margin-right: 0;
  }
}

.timesharetv {
  background: url(../images/home/timesharetv_bg_sp.webp) top center/100% auto no-repeat;
}
@media (768px <= width) {
  .timesharetv {
    background-image: -webkit-image-set(url(../images/home/timesharetv_bg.webp) 1x, url(../images/home/timesharetv_bg@2x.webp) 2x);
    background-image: image-set(url(../images/home/timesharetv_bg.webp) 1x, url(../images/home/timesharetv_bg@2x.webp) 2x);
    background-size: 100% 80rem;
    padding: 20rem 5rem 0;
  }
}
.timesharetv__header {
  height: calc(1511 / var(--spSize) * 100vw);
  padding: calc(190 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw) 0;
  color: #fff;
}
@media (768px <= width) {
  .timesharetv__header {
    max-width: 160rem;
    height: 54rem;
    margin: 0 auto 0;
    padding: 0;
    position: relative;
  }
}
@media (768px <= width) {
  .timesharetv__title {
    position: absolute;
    top: 0;
    width: 76rem;
    height: 22.9166666667vw;
    display: grid;
    align-content: center;
  }
}
.timesharetv__title .en {
  font-size: 4rem;
  font-family: var(--ff-ci);
  letter-spacing: normal;
  line-height: 1;
}
.timesharetv__title .en i {
  font-size: 3.2rem;
  margin-right: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timesharetv__title .en {
    font-size: 8rem;
  }
  .timesharetv__title .en i {
    font-size: 7rem;
    margin-right: 2.5rem;
  }
}
.timesharetv__title .jp {
  font-size: 1.5rem;
  font-family: var(--ff-shippori);
  line-height: 1;
  margin-left: calc(100 / var(--spSize) * 100vw);
  margin-top: calc(20 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timesharetv__title .jp {
    font-size: 3rem;
    margin-left: 10rem;
    margin-top: 2rem;
  }
}
@media (768px <= width) {
  .timesharetv__wrap {
    display: grid;
    grid-template-columns: 400fr 600fr;
    margin-left: 37.5%;
    align-items: center;
  }
}
.timesharetv__img {
  width: calc(400 / var(--spSize) * 100vw);
  margin: calc(85 / var(--spSize) * 100vw) auto 0;
}
@media (768px <= width) {
  .timesharetv__img {
    margin: 0;
    width: 100%;
  }
}
.timesharetv__explanation {
  font-family: var(--ff-shippori);
  line-height: 2.1875;
  margin-top: calc(70 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timesharetv__explanation {
    margin-top: 0;
    padding-left: 16.66%;
  }
}
.timesharetv .buttonarea {
  margin-top: calc(85 / var(--spSize) * 100vw);
}
.timesharetv .buttonarea a {
  display: grid;
  margin: 0 auto;
}
@media (768px <= width) {
  .timesharetv .buttonarea {
    margin-top: 6rem;
  }
  .timesharetv .buttonarea a {
    margin: 0;
  }
}
@media (768px <= width) {
  .timesharetv__contents {
    margin-left: -50px;
    margin-right: -50px;
  }
}
.timesharetv__contents .slider-timesharetv {
  padding-bottom: calc(175 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timesharetv__contents .slider-timesharetv {
    padding-bottom: 80px;
  }
}
.timesharetv__contents .item {
  display: block;
  width: calc(690 / var(--spSize) * 100vw);
  margin: 0 calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timesharetv__contents .item {
    width: 50rem;
    margin: 0 3rem;
  }
}
@media (hover: hover) and (width >= 768px) {
  .timesharetv__contents .item {
    transition: all var(--speed) ease-in-out;
  }
  .timesharetv__contents .item:hover {
    opacity: 0.7;
  }
}
.timesharetv__contents .item img[src*=youtube] {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.timesharetv__contents .item .title {
  font-size: 1.9rem;
  font-family: var(--ff-shippori);
  line-height: 1.8421;
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timesharetv__contents .item .title {
    margin-top: 1.5rem;
    font-size: 2.4rem;
  }
}

.timeshareproperty {
  padding-top: calc(265 / var(--spSize) * 100vw);
  background: url(../images/home/bg_timechareProperty_sp.webp) center top/100% auto no-repeat;
}
@media (768px <= width) {
  .timeshareproperty {
    padding-top: 36rem;
    background-image: -webkit-image-set(url(../images/home/bg_timechareProperty.webp) 1x, url(../images/home/bg_timechareProperty@2x.webp) 2x);
    background-image: image-set(url(../images/home/bg_timechareProperty.webp) 1x, url(../images/home/bg_timechareProperty@2x.webp) 2x);
  }
}
.timeshareproperty .contents {
  position: relative;
  padding-bottom: calc(140 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty .contents {
    padding-bottom: 16rem;
  }
}
.timeshareproperty .contents::before {
  content: "";
  width: calc(690 / var(--spSize) * 100vw);
  background-color: var(--clr-lightYellow2);
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty .contents::before {
    max-width: 1600px;
    width: calc(100% - 10rem);
    left: 50%;
    translate: -50% 0;
  }
}
.timeshareproperty .contents .copy {
  position: relative;
  text-align: center;
  font-family: var(--ff-shippori);
  padding-top: calc(125 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty .contents .copy {
    padding-top: 15rem;
  }
}
.timeshareproperty .contents .copy div:nth-child(1) {
  letter-spacing: normal;
}
@media (768px <= width) {
  .timeshareproperty .contents .copy div:nth-child(1) {
    font-size: 3rem;
  }
}
.timeshareproperty .contents .copy div:nth-child(2) {
  font-size: 5.9rem;
  font-family: var(--ff-ci-shippori);
  line-height: 1;
  letter-spacing: normal;
}
@media (768px <= width) {
  .timeshareproperty .contents .copy div:nth-child(2) {
    font-size: 10rem;
  }
}
.timeshareproperty .contents .copy div:nth-child(2) span {
  font-size: 4.3rem;
}
@media (768px <= width) {
  .timeshareproperty .contents .copy div:nth-child(2) span {
    font-size: 7.2rem;
  }
}
.timeshareproperty__resort {
  position: relative;
  margin-top: calc(90 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty__resort {
    margin-top: 7rem;
  }
}
.timeshareproperty__resort .slider--timeshare {
  padding-bottom: calc(175 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty__resort .slider--timeshare {
    padding-bottom: 15rem;
  }
}
.timeshareproperty__resort .item {
  width: calc(430 / var(--spSize) * 100vw);
  background: var(--bg-image) center/cover no-repeat;
  background-image: -webkit-image-set(var(--bg-image) 1x, var(--bg-image2x) 2x);
  background-image: image-set(var(--bg-image) 1x, var(--bg-image2x) 2x);
  aspect-ratio: 430/594;
  position: relative;
  margin: 0 calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty__resort .item {
    width: 50rem;
    aspect-ratio: 500/690;
    display: block;
    margin: 0 3rem;
  }
}
@media (hover: hover) and (width >= 768px) {
  .timeshareproperty__resort .item {
    transition: all var(--speed) ease-in-out;
  }
  .timeshareproperty__resort .item:hover {
    opacity: 0.7;
  }
}
.timeshareproperty__resort .item .name {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding-left: calc(30 / var(--spSize) * 100vw);
  padding-bottom: calc(25 / var(--spSize) * 100vw);
  line-height: 1;
}
@media (768px <= width) {
  .timeshareproperty__resort .item .name {
    padding-left: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.timeshareproperty__resort .item .name .en {
  font-size: 3.7rem;
  font-family: var(--ff-ci);
  font-style: italic;
  letter-spacing: normal;
}
@media (768px <= width) {
  .timeshareproperty__resort .item .name .en {
    font-size: 6rem;
  }
}
.timeshareproperty__resort .item .name .jp {
  font-size: 1.2rem;
  font-family: var(--ff-shippori);
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty__resort .item .name .jp {
    font-size: 2rem;
    margin-top: 1.7rem;
  }
}
.timeshareproperty__resort .item .box__arrow {
  background: url(../images/common/icon_box_arrow.svg) center/contain no-repeat;
  width: calc(80 / var(--spSize) * 100vw);
  height: calc(80 / var(--spSize) * 100vw);
  position: absolute;
  right: calc(30 / var(--spSize) * 100vw);
  bottom: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty__resort .item .box__arrow {
    width: 6rem;
    height: 6rem;
    right: 3rem;
    bottom: 3rem;
  }
}
.timeshareproperty .links {
  position: relative;
  width: calc(570 / var(--spSize) * 100vw);
  margin: 0 auto;
  display: grid;
  gap: calc(40 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .timeshareproperty .links {
    max-width: 1400px;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2rem;
  }
}
.timeshareproperty .links a {
  display: grid;
  grid-template-columns: auto calc(100 / var(--spSize) * 100vw);
  align-items: center;
  font-family: var(--ff-shippori);
  line-height: 1;
  letter-spacing: normal;
  padding: calc(20 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .timeshareproperty .links a {
    padding: 2rem 0;
    grid-template-columns: auto 10rem;
  }
}
@media (hover: hover) and (width >= 768px) {
  .timeshareproperty .links a {
    transition: all var(--speed) ease-in-out;
  }
  .timeshareproperty .links a:hover {
    opacity: 0.7;
  }
}
.timeshareproperty .links a:nth-child(1) {
  background: url(../images/home/timeshareproperty_img_kujira.webp) left calc(302 / var(--spSize) * 100vw) center/calc(284 / var(--spSize) * 100vw) auto no-repeat;
  background-color: var(--clr-lightYellow4);
}
@media (768px <= width) {
  .timeshareproperty .links a:nth-child(1) {
    background-size: 20.4rem auto;
    background-position: right 7rem center;
  }
}
.timeshareproperty .links a:nth-child(1) .arrow {
  border-left-color: rgba(51, 51, 51, 0.3);
}
.timeshareproperty .links a:nth-child(2) {
  background: url(../images/home/timeshareproperty_img_area.webp) left calc(240 / var(--spSize) * 100vw) center/calc(320 / var(--spSize) * 100vw) auto no-repeat;
  background-color: var(--clr-blue);
  color: #fff;
}
@media (768px <= width) {
  .timeshareproperty .links a:nth-child(2) {
    background-size: 29.7rem auto;
    background-position: right 5.7rem top -0.4rem;
  }
}
.timeshareproperty .links a:nth-child(2) .arrow {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.timeshareproperty .links .wrap {
  padding-left: calc(40 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty .links .wrap {
    padding-left: 5.7rem;
  }
}
.timeshareproperty .links .label {
  font-size: 1.4rem;
}
@media (768px <= width) {
  .timeshareproperty .links .label {
    font-size: 2rem;
  }
}
.timeshareproperty .links .title {
  font-size: 1.8rem;
  margin-top: calc(20 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty .links .title {
    font-size: 2.6rem;
    margin-top: 1.5rem;
  }
}
.timeshareproperty .links .arrow {
  text-align: center;
  border-left: 1px dotted;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(120 / var(--spSize) * 100vw);
}
.timeshareproperty .links .arrow img {
  width: calc(13 / var(--spSize) * 100vw);
  height: calc(21 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .timeshareproperty .links .arrow {
    height: 9.9rem;
  }
  .timeshareproperty .links .arrow img {
    width: 1.4rem;
    height: 2.1rem;
  }
}

.voice {
  padding-top: calc(190 / var(--spSize) * 100vw);
  border-top: 1px dotted rgba(51, 51, 51, 0.3);
}
@media (width < 768px) {
  .voice {
    margin: calc(200 / var(--spSize) * 100vw) calc(30 / var(--spSize) * 100vw);
  }
}
@media (768px <= width) {
  .voice {
    margin-top: 16rem;
    margin-bottom: 20rem;
    padding-top: 16rem;
  }
}
.voice h1 {
  text-align: center;
  font-size: 3.2rem;
  font-family: var(--ff-shippori);
}
@media (768px <= width) {
  .voice h1 {
    font-size: 4rem;
  }
}
.voice__contents {
  margin-top: calc(95 / var(--spSize) * 100vw);
  display: grid;
  gap: calc(80 / var(--spSize) * 100vw) 0;
}
@media (768px <= width) {
  .voice__contents {
    margin: 7.5rem auto 0;
    max-width: 1600px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 0 5%;
  }
}
.voice__item {
  border-bottom: 1px solid var(--clr-lightYellow3);
}
@media (768px <= width) {
  .voice__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
@media (hover: hover) and (width >= 768px) {
  .voice__item {
    transition: all var(--speed) ease-in-out;
  }
  .voice__item:hover {
    opacity: 0.7;
  }
}
.voice__item figure img {
  aspect-ratio: 480/340;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice__item .title {
  font-size: 1.9rem;
  font-family: var(--ff-shippori);
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .voice__item .title {
    font-size: 2.4rem;
    line-height: 1.8333;
    margin-top: 2rem;
  }
}
.voice__item .wrap {
  display: grid;
  grid-template-columns: auto calc(90 / var(--spSize) * 100vw);
  padding: calc(24 / var(--spSize) * 100vw) 0;
  margin-top: calc(30 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .voice__item .wrap {
    grid-template-columns: auto 6rem;
    padding: 1.5rem 0;
    margin-top: 2rem;
  }
}
.voice__item .note {
  font-size: 1.4rem;
  color: #999;
}
@media (768px <= width) {
  .voice__item .note {
    font-size: 1.8rem;
  }
}
.voice__item .arrow {
  text-align: center;
  border-left: 1px dotted rgba(51, 51, 51, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.voice .buttonarea {
  margin-top: calc(100 / var(--spSize) * 100vw);
}
@media (768px <= width) {
  .voice .buttonarea {
    margin-top: 8rem;
  }
}
.voice .buttonarea a {
  margin: 0 auto;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1300px;
}

.mfp-iframe-scaler {
  padding-top: 80vh;
}