
.premiumSection01 {
  margin-bottom: 0;
}
.premiumSection01__pageTitle1 {
  color: var(--design-white, #FFF);
}
.premiumSection01__pageTitle2 {
  color: var(--design-white, #FFF);
}
.premiumSection01 .semiorderSection01__content {
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1020px;
  display: flex;
  flex-direction: column;
  gap: 130px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .premiumSection01 .semiorderSection01__content {
      gap: 84px;
      bottom: -3px;
  }
}
@media screen and (max-width: 768px) {
  .premiumSection01 .semiorderSection01__bg {
      aspect-ratio: 375/240;
      height: 240px;
  }
}

.premiumSection02 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 72px;
  padding: 120px 0;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .premiumSection02 {
    gap: 32px;
    padding: 48px 0;
  }
}
.premiumSection02__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media screen and (max-width: 768px) {
  .premiumSection02__header {
    gap: 24px;
    padding: 0 16px;
  }
}
.premiumSection02__textarea1 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.premiumSection02__text1 {
  margin-top: -1px;
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 500;
  color: var(--designwhite);
  font-size: 20px;
  text-align: center;
  letter-spacing: 4.8px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .premiumSection02__text1 {
    align-self: stretch;
    margin-top: -1px;
    font-size: 16px;
    letter-spacing: 3.84px;
  }
}
.premiumSection02__text2 {
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 500;
  color: var(--designwhite);
  font-size: 40px;
  text-align: center;
  letter-spacing: 9.6px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .premiumSection02__text2 {
    align-self: stretch;
    font-size: 28px;
    letter-spacing: 6.72px;
  }
}
.premiumSection02__text3 {
  font-weight: 400;
  color: var(--designwhite);
  font-size: 15px;
  text-align: center;
  letter-spacing: 1.8px;
  line-height: 200%;
}
@media screen and (max-width: 768px) {
  .premiumSection02__text3 {
    align-self: stretch;
    font-size: 14px;
    text-align: justify;
    letter-spacing: 1.68px;
    font-feature-settings: "palt" on;
  }
}
.premiumSection02__images {
  display: flex;
  width: 100%;
  gap: 2px;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 768px) {
  .premiumSection02__images {
    gap: 1px;
  }
}
.premiumSection02__images-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 360px;
  background: linear-gradient(0deg, rgba(51, 51, 51, 0) 0%, #333 100%);
}
@media screen and (max-width: 768px) {
  .premiumSection02__images-overlay {
    height: 160px;
  }
}
.premiumSection02__image {
  width: 100%;
}
.premiumSection02__image img {
  display: block;
  width: 100%;
  height: auto;
}
.premiumSection02__image--1 {
  max-width: calc((100% - 2px) * 0.3991655076);
}
@media screen and (max-width: 768px) {
  .premiumSection02__image--1 {
    max-width: calc(66.4% - 0.5px);
    order: 2;
  }
}
.premiumSection02__image--2 {
  max-width: calc((100% - 2px) * 0.6008344924);
}
@media screen and (max-width: 768px) {
  .premiumSection02__image--2 {
    max-width: 100%;
    order: 1;
  }
}
.premiumSection02__image--3 {
  max-width: calc((100% - 2px) * 0.6008344924);
}
@media screen and (max-width: 768px) {
  .premiumSection02__image--3 {
    max-width: 100%;
    order: 4;
  }
}
.premiumSection02__image--4 {
  max-width: calc((100% - 2px) * 0.3991655076);
}
@media screen and (max-width: 768px) {
  .premiumSection02__image--4 {
    max-width: calc(33.3333333333% - 0.5px);
    order: 3;
  }
}
.premiumSection02__pc {
  width: 100%;
  margin: 0 auto 48px;
  max-width: 1232px;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .premiumSection02__pc {
    padding: 0 16px;
    margin: auto;
  }
}
.premiumSection02__h {
  color: var(--designwhite);
  font-feature-settings: "palt" on;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: 4.8px;
}
@media screen and (max-width: 768px) {
  .premiumSection02__h {
    line-height: 150%; /* 30px */
  }
}
.premiumSection02__button {
  position: absolute;
  top: 16px;
  right: calc(50% - 600px);
}
@media screen and (max-width: 768px) {
  .premiumSection02__button {
    position: static;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .premiumSection02 .swiper-wrapper {
    flex-direction: column;
    gap: 32px;
    transform: none !important;
  }
}
.premiumSection02 .swiper-slide {
  width: auto;
  height: auto;
}
.premiumSection02 .swiper-notification {
  display: none;
}
.premiumSection02__propertyList {
  display: flex;
  align-items: flex-start;
  gap: 72px;
  padding: 0;
  max-width: 1580px;
  margin: auto;
}
@media screen and (max-width: 1920px) {
  .premiumSection02__propertyList {
    max-width: 1232px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .premiumSection02__propertyList {
    flex-direction: column;
    gap: 32px;
    padding: 0 32px;
    margin-left: 0;
    width: 100%;
  }
}
.premiumSection02__propertyList-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .premiumSection02__propertyList-wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
.premiumSection02__propertyList .propertyCard__f {
  display: none;
}
.premiumSection02__propertyList .propertyCard__header,
.premiumSection02__propertyList .propertyCard__priceText--label,
.premiumSection02__propertyList .propertyCard__priceText--value,
.premiumSection02__propertyList .propertyCard__priceText--tax,
.premiumSection02__propertyList .propertyCard__priceText--yen,
.premiumSection02__propertyList .propertyCard__loan,
.premiumSection02__propertyList .propertyCard__metaText,
.premiumSection02__propertyList .propertyCard__readMore {
  color: var(--designwhite);
}
.premiumSection02__propertyList .propertyCard__loan:before,
.premiumSection02__propertyList .propertyCard__loan:after {
  border-color: var(--designwhite);
}
.premiumSection02__propertyList .propertyCard__link {
  padding: 0;
}
.premiumSection02__propertyList .propertyCard__imageWrapper {
  max-width: 480px;
}
.premiumSection02__propertyList .propertyCard__title {
  position: relative;
  width: 100%;
  margin-top: -1px;
  font-family: var(--font-family-noto-serif-jp), serif;
  color: var(--designwhite);
  font-size: 24px;
  font-weight: 400;
  line-height: 200%; /* 48px */
  letter-spacing: 2.88px;
}
@media screen and (max-width: 768px) {
  .premiumSection02__propertyList .propertyCard__title {
    font-size: 14px;
    letter-spacing: 1.68px;
  }
}
.premiumSection02__propertyList .propertyCard__title span {
  display: block;
  color: var(--designwhite);
  font-family: var(--font-family-paganini), serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 20px */
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .premiumSection02__propertyList .propertyCard__title span {
    font-size: 16px;
  }
}
.premiumSection02__propertyList .propertyCard__title span + br {
  display: none;
}
.premiumSection02__propertyList .propertyCard__readMore:before {
  background-image: url("../images/realestate/archive/icon-arrow-white.svg");
}

.premiumSection02 .propertyCard__title .property-brand.premium-resort-s {
    background-image: url("../images/realestate/archive/logo_premiumresort_pre.svg");
}

.premiumSection02 .propertyCard__appeal {
    color: #eee;
}

.premiumSection02 .propertyCard__priceChangeBoxs {
    width: 190px;
}

.premiumSection02 .propertyCard__priceCampaignBoxs {
    width: 210px;
}

.premiumSection02 .propertyCard {
  width: 100%;
  max-width: 480px;
}
.premiumSection02 .propertyCard a {
  gap: 24px;
  width: 100%;
  max-width: 480px;
  padding: 0;
  height: 100%;
  background: none;
  border: none;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard a {
    gap: 16px;
  }
}
.premiumSection02 .propertyCard a:hover .propertyCard__image {
  transform: var(--image-hover-transform-scale);
}
.premiumSection02 .propertyCard__header {
  position: relative;
  width: 100%;
  margin-top: -1px;
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 400;
  color: var(--designwhite);
  font-size: 17px;
  letter-spacing: 1.92px;
  line-height: 32px;
}
.premiumSection02 .propertyCard__title {
  position: relative;
  width: 100%;
  margin-top: -1px;
  font-family: var(--font-family-noto-serif-jp), serif;
  color: var(--designwhite);
  font-size: 24px;
  font-weight: 400;
  line-height: 200%; /* 48px */
  letter-spacing: 2.88px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__title {
    font-size: 17px;
    letter-spacing: 1.68px;
      line-height: 24px;
  }
}
.premiumSection02 .propertyCard__title span {
  display: block;
  color: var(--designwhite);
  font-family: var(--font-family-paganini), serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; /* 20px */
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__title span {
    font-size: 16px;
  }
}
.premiumSection02 .propertyCard__title span + br {
  display: none;
}
.premiumSection02 .propertyCard__imageWrapper, .premiumSection02 .propertyCard__image {
  width: 480px;
  height: 372px;
  max-width: 480px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__imageWrapper, .premiumSection02 .propertyCard__image {
    width: 100%;/*82.9333333333vw*/
    max-width: 100%;
    height: 100%;/*51.7333333333vw*/
  }
}
.premiumSection02 .propertyCard__image {
  transition: var(--image-hover-transition-time);
}
.premiumSection02 .propertyCard__footer {
  justify-content: flex-start;
}
.premiumSection02 .propertyCard__footerLeft {
  display: flex;
  flex-direction: column;
  width: 250px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__footerLeft {
    width: 50%;
    height: auto;
    gap: 6px;
  }
}
.premiumSection02 .propertyCard__priceFrame {
  gap: 6px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__priceFrame {
    gap: 4px;
  }
}
.premiumSection02 .propertyCard__priceText--label {
  position: relative;
  width: 27px;
  height: 32px;
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 700;
  color: var(--designwhite);
  font-size: 12px;
  letter-spacing: 1.44px;
  line-height: 18px;
  margin-bottom: 2px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__priceText--label {
    width: 23px;
    font-size: 10px;
    letter-spacing: 1.2px;
    line-height: 15px;
    height: 26px;
  }
}
.premiumSection02 .propertyCard__priceText--value {
  margin-top: -1.38px;
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 300;
  color: var(--designwhite);
  font-size: 26px;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  width: fit-content;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__priceText--value {
    position: relative;
    width: fit-content;
    margin-top: -1.12px;
    font-size: 16px;/*32px*/
    line-height: 23px;/*100%*/
      letter-spacing: 1px;
      font-weight: 500;
  }
}
.premiumSection02 .propertyCard__priceFrameInner {
  width: 160px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__priceFrameInner {
    width: 130px;
  }
}
.premiumSection02 .propertyCard__priceText--tax {
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 700;
  color: var(--designwhite);
  font-size: 14px;
  text-align: center;
  letter-spacing: 1.2px;
  line-height: 14px;
  position: relative;
  width: fit-content;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__priceText--tax {
    font-size: 11px;
      letter-spacing: 1px;
      line-height: 12px;
  }
}

.premiumSection02 .propertyCard__priceText--yen {
  font-family: var(--font-family-noto-serif-jp), serif;
  font-weight: 700;
  color: var(--designwhite);
  position: relative;
  width: fit-content;
  white-space: nowrap;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  line-height: 120%; /* 19.2px */
  letter-spacing: 1.92px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__priceText--yen {
    font-size: 12px;
    letter-spacing: 0.4px;
  }
}
.premiumSection02 .propertyCard__footerRight {
  width: 235px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__footerRight {
    width: 50%;
  }
}
.premiumSection02 .propertyCard__loanInner {
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__loanInner {
  }
}
.premiumSection02 .propertyCard__loan {
  margin-top: -1px;
  color: var(--designwhite);
  position: relative;
  width: fit-content;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 19.2px */
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__loan {
    margin-top: 0;
    font-size: 11px;
    letter-spacing: 0.96px;
    gap: 3px;
  }
}
.premiumSection02 .propertyCard__loan:before, .premiumSection02 .propertyCard__loan:after {
  border-color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__meta {
    align-items: flex-end;
  }
}
.premiumSection02 .propertyCard__metaText {
  color: var(--designwhite);
  font-feature-settings: "palt" on;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: 1.68px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__metaText {
    font-size: 12px;
    letter-spacing: 1.44px;
    gap: 2px;
  }
}
.premiumSection02 .propertyCard__readMore {
  color: var(--designwhite);
  font-feature-settings: "palt" on;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.56px;
}
@media screen and (max-width: 768px) {
  .premiumSection02 .propertyCard__readMore {
    line-height: 16px;
  }
}
.premiumSection02 .propertyCard__readMore:before {
  background-image: url("../images/realestate/archive/icon-arrow-white.svg");
}



