.top {
  position: relative;
}

.l-header {
  opacity: 0;
  pointer-events: none;
}

.l-header.scrollact {
  opacity: 1;
  pointer-events: all;
}

.mv {
  position: relative;
  background: #2f2f2f;
}
.mv-mov {
  width: 100%;
  position: relative;
}
.mv-mov-video--sp {
  width: 100%;
  aspect-ratio: 720/1280;
  display: block;
}
@media screen and (min-width: 769px) {
  .mv-mov-video--sp {
    display: none;
  }
}
.mv-mov-video--pc {
  width: 100%;
  aspect-ratio: 1280/720;
  display: none;
}
@media screen and (min-width: 769px) {
  .mv-mov-video--pc {
    display: block;
  }
}
.mv-mov-skip {
  position: absolute;
  display: inline-block;
  right: 8px;
  bottom: min(5.867vw, 26.4px);
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  line-height: 1;
  padding: 4px 12px;
  border: solid 1px rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 769px) {
  .mv-mov-skip {
    bottom: min(2.188vw, 50.4px);
  }
}
.mv-img {
  aspect-ratio: 750/862;
  position: relative;
  overflow: hidden;
  display: none;
}
@media screen and (min-width: 769px) {
  .mv-img {
    aspect-ratio: 1280/720;
  }
}
.mv-img picture {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mv-img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv-img picture::after {
  content: "";
  width: 100%;
  height: 55px;
  left: 0;
  bottom: 0;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 81, 134, 0)), to(rgb(34, 81, 134)));
  background: linear-gradient(180deg, rgba(34, 81, 134, 0) 0%, rgb(34, 81, 134) 100%);
  mix-blend-mode: multiply;
}
.mv-img-cap {
  z-index: 1;
  opacity: 0;
}
.mv-catch {
  position: absolute;
  z-index: 2;
  left: min(5.867vw, 26.4px);
  bottom: min(7.2vw, 32.4px);
  width: min(36.8vw, 165.6px);
  opacity: 0;
  translate: 0 10px;
  display: none;
}
@media screen and (min-width: 769px) {
  .mv-catch {
    left: min(10.625vw, 244.8px);
    bottom: min(3.594vw, 82.8px);
    width: min(20.625vw, 475.2px);
  }
}

.usp {
  background: #2f2f2f;
  color: #fff;
  padding: min(5.333vw, 24px) 0 min(2.667vw, 12px);
}
@media screen and (min-width: 769px) {
  .usp {
    padding: min(1.667vw, 38.4px) min(0.833vw, 19.2px) min(0.833vw, 19.2px);
  }
}
.usp-list {
  width: 90%;
  max-width: 1500px;
  margin-inline: auto;
}
.usp-list__item {
  border-bottom: solid 1px #fff;
  text-align: center;
  line-height: 1.3;
  padding: min(3.2vw, 14.4px) 0;
}
.usp-list__item > .s-s {
  font-size: clamp(9.6px, 3.2vw, 14.4px);
  margin-bottom: 0.2em;
}
@media screen and (min-width: 769px) {
  .usp-list__item > .s-s {
    font-size: min(1.146vw, 26.4px);
  }
}
.usp-list__item > .s-l {
  font-size: clamp(17.6px, 5.867vw, 26.4px);
}
.usp-list__item > .s-l > .s-s {
  font-size: 90%;
}
.usp-list__item > .s-l > .s-ss {
  font-size: 68%;
}
@media screen and (min-width: 769px) {
  .usp-list__item > .s-l {
    font-size: min(2.083vw, 48px);
  }
}
.usp-list__item > .s-m {
  font-size: clamp(14.4px, 4.8vw, 21.6px);
}
@media screen and (min-width: 769px) {
  .usp-list__item > .s-m {
    font-size: min(1.771vw, 40.8px);
  }
}
.usp-list__item:nth-child(5) {
  border-bottom: none;
}
@media screen and (min-width: 769px) {
  .usp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: min(1.25vw, 28.8px) 0;
  }
  .usp-list__item {
    padding: 0;
    width: 33.33%;
    border-bottom: none;
  }
  .usp-list__item:nth-child(1), .usp-list__item:nth-child(2), .usp-list__item:nth-child(4) {
    border-right: solid 1px #fff;
  }
}
.usp-notes {
  font-size: clamp(8px, 2.667vw, 12px);
  line-height: 1.6;
  width: 90%;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .usp-notes {
    font-size: clamp(9.6px, 0.625vw, 14.4px);
    width: 100%;
    text-align: right;
    margin-top: min(0.625vw, 14.4px);
  }
}

.action {
  background: #fcfaf7;
  text-align: center;
  padding: min(8.533vw, 38.4px) 0;
}
@media screen and (min-width: 769px) {
  .action {
    padding: min(5vw, 115.2px) 0;
  }
}
.action-main {
  color: #67541e;
  font-size: clamp(18.4px, 6.133vw, 27.6px);
}
@media screen and (min-width: 769px) {
  .action-main {
    font-size: clamp(48px, 3.125vw, 72px);
  }
}
.action-txt {
  color: #67541e;
  font-size: clamp(12px, 4vw, 18px);
  margin: min(4.267vw, 19.2px) 0;
}
@media screen and (min-width: 769px) {
  .action-txt {
    margin: min(1.667vw, 38.4px) 0 min(5vw, 115.2px);
    font-size: clamp(24px, 1.563vw, 36px);
  }
}
.action-link .c-button {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(17.6px, 5.867vw, 26.4px);
  font-weight: 400;
  letter-spacing: 0.1em;
  max-width: 524px;
  height: clamp(46.4px, 15.467vw, 69.6px);
}
@media screen and (min-width: 769px) {
  .action-link .c-button {
    font-size: clamp(28px, 1.823vw, 42px);
    height: clamp(80px, 5.208vw, 120px);
  }
}

.info {
  background: #fcfaf7;
  padding: min(2.133vw, 9.6px) 0 min(8.533vw, 38.4px);
}
@media screen and (min-width: 769px) {
  .info {
    padding: 0 0 min(5vw, 115.2px);
  }
}
.info > .l-inner {
  text-align: center;
}
.info > .l-inner .info-body {
  display: inline-block;
  width: auto;
  max-width: 720px;
  text-align: left;
}
.info-hd {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(11.2px, 3.733vw, 16.8px);
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
  .info-hd {
    font-size: clamp(19.2px, 1.25vw, 28.8px);
  }
}

.concept {
  background: rgba(47, 47, 47, 0.95);
  padding: min(19.2vw, 86.4px) 0;
}
@media screen and (min-width: 769px) {
  .concept {
    padding: min(9.375vw, 216px) 0 min(6.25vw, 144px);
  }
}
@media screen and (min-width: 769px) {
  .concept .l-inner {
    max-width: none;
  }
}
.concept-catch {
  width: min(50.133vw, 225.6px);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .concept-catch {
    width: min(19.583vw, 451.2px);
  }
}
.concept-copy {
  color: #fff;
  text-align: center;
  line-height: 2.8;
  letter-spacing: 0.1em;
  margin-top: min(14.933vw, 67.2px);
}
@media screen and (min-width: 769px) {
  .concept-copy {
    line-height: 4;
    margin-top: min(6.25vw, 144px);
  }
}

.contents-list__item {
  width: 100%;
  height: 100vh;
  position: relative;
  display: -ms-grid;
  display: grid;
  place-content: center;
  overflow: hidden;
  background: #111;
}
@media screen and (min-width: 1025px) {
  .contents-list__item {
    height: 100vh;
    place-content: stretch;
  }
}
.contents-list__item .item-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-img {
    scale: 1.08;
  }
}
.contents-list__item .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contents-list__item .item-img-cap {
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .contents-list__item .item-img.img-development {
    width: 154%;
  }
}
@media screen and (max-width: 1024px) {
  .contents-list__item .item-img.img-location {
    width: 154%;
  }
}
.contents-list__item .item-img.img-design::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 20%;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
@media screen and (max-width: 1024px) {
  .contents-list__item .item-img.img-design::after {
    display: none;
  }
  .contents-list__item .item-img.img-design img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 1024px) {
  .contents-list__item .item-img.img-premium {
    width: 189%;
  }
}
.contents-list__item .item-bg {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(68, 68, 68, 0.9);
  mix-blend-mode: multiply;
  opacity: 0;
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-bg {
    width: 31.25%;
    min-width: 450px;
  }
}
.contents-list__item .item-box {
  height: 100vh;
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-box {
    width: 31.25%;
    padding-top: 10vh;
    min-width: 450px;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
.contents-list__item .item-box__in {
  color: #fff;
  text-align: center;
  display: -ms-grid;
  display: grid;
  gap: min(8.533vw, 38.4px);
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-box__in {
    text-align: left;
  }
}
.contents-list__item .item-box__ttl {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 6.667vw, 30px);
  line-height: 1.4;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-box__ttl {
    font-size: clamp(40px, 2.604vw, 60px);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
}
.contents-list__item .item-box__copy {
  line-height: 2.25;
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-box__copy {
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
}
@media screen and (min-width: 1025px) {
  .contents-list__item .item-box__link {
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
}
@media screen and (min-width: 1025px) {
  .contents-list__item:nth-child(even) .item-bg {
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 1025px) {
  .contents-list__item:nth-child(even) .item-box {
    -ms-grid-column-align: end;
        justify-self: end;
  }
}
.contents-list__item--s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.contents-list__item--s .item--s__in {
  width: 100%;
  height: min(41.6vw, 187.2px);
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
  .contents-list__item--s .item--s__in {
    height: min(19.792vw, 456px);
  }
}
.contents-list__item--s .item--s__in .item-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.54);
  opacity: 1;
}
.contents-list__item--s .item--s__in .item-box__ttl {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(16px, 5.333vw, 24px);
  line-height: 1.4;
  letter-spacing: 0.1em;
  opacity: 0.8;
  color: #fff;
  -webkit-filter: blur(0);
          filter: blur(0);
}
@media screen and (min-width: 1025px) {
  .contents-list__item--s .item--s__in .item-box__ttl {
    font-size: clamp(40px, 2.604vw, 60px);
  }
}
.contents-list__item--s .item--s__in .item-img-cap {
  font-size: clamp(6.4px, 2.133vw, 9.6px);
  line-height: 1.25;
}
@media screen and (min-width: 1025px) {
  .contents-list__item--s .item--s__in .item-img-cap {
    font-size: clamp(9.6px, 0.625vw, 14.4px);
  }
}
.contents-list__item--s .item--s__in .item-img img {
  -webkit-transition: scale 1s;
  transition: scale 1s;
}
@media screen and (min-width: 769px) {
  .contents-list__item--s .item--s__in:hover {
    opacity: 1;
  }
  .contents-list__item--s .item--s__in:hover .item-img img {
    scale: 1.05;
  }
}
/*# sourceMappingURL=top.css.map */