@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  font-family: "Yu Mincho", "YuMincho", serif;
  color: #231815;
  background: #fff;
  line-height: 1.167;
}

.main {
  position: relative;
  overflow: hidden;
}

.popup_reservation {
  transition: all 0.3s;
  cursor: pointer;
}

.popup_reservation img {
  width: 5.49vw;
}
@media screen and (max-width: 600px) {
  .popup_reservation img {
    width: 7.97vw;
  }
}

.request-for-information {
  position: fixed;
  top: 25vh;
  right: 0;
  /*background: linear-gradient(62.255deg, #192350 0%, #655877 50%, #192350 100%);*/
  z-index: 1;
  /*border-radius: 10px 0 0 10px;*/
  line-height: 0;
  display: inline-block;
}

.request-for-information__link {
  /*padding: 5rem 2.8rem;*/
  transition: all 0.3s;
}

.request-for-information__link img {
  width: 5.49vw;
}

@media screen and (max-width: 600px) {
  .request-for-information__link img {
    width: 7.97vw;
  }
}
/*@media screen and (max-width: 600px) {
  .request-for-information__link {
    padding: 2.1rem 1.2em;
  }
}*/
@media (hover: hover) {
  .request-for-information__link:hover {
    filter: brightness(140%);
  }
}
@media (hover: none) {
  .request-for-information__link:active {
    filter: brightness(140%);
  }
}
.request-for-information__text {
  width: 1.565rem;
}

@media screen and (max-width: 600px) {
  .request-for-information__text {
    width: min(1.652vw, 0.684rem);
  }
}
.header {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  /*height: 9rem;*/
  height: 6.59vw;
}

@media screen and (max-width: 600px) {
  .header {
    /*height: 2.7rem;*/
    height: 11.54vw;
  }
}
.header__inner {
  width: 100%;
  /*max-width: 1260px;*/
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  height: inherit;
  position: relative;
}

@media screen and (max-width: 600px) {
  .header__inner {
    /*padding: 0 2.1rem;*/
    padding: 0 2.67vw 0 1.28vw;
  }
}
.header__logo {
  width: 47.1021vw;
}

@media screen and (max-width: 600px) {
  .header__logo {
    /*width: 15rem;*/
    width: 71.16vw;
  }
}
.header_right {
  margin-left: auto;
  display: flex;
  column-gap: 2.5vw;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .header_right {
    /*margin-left: auto;*/
    position: absolute;
    right: 2.67vw;
    top: 0;
    bottom: 0;
    margin: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

.yahoo_bnr{
  width: 20vw;
  line-height: 0;
}

@media screen and (max-width: 600px) {
  .yahoo_bnr{
    /*width: 20vw;*/
    /*line-height: 0;*/
    display: none;
  }
}

.yahoo_bnr img{
  width: 100%;
  height: auto;
}

@media screen and (max-width: 600px) {
  .header_right_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

.header_right_nav {
  display: flex;
}

.header_rignt_series {
  margin-top: 0.81vw;
  line-height: 0;
  width: 11.2vw;
}

@media screen and (max-width: 600px) {
  .header_right_nav {
    /*display: flex;*/
    align-items: flex-end;
  }
  .header_rignt_series {
    margin-top: 2.12vw;
    line-height: 0;
    width: 14.68vw;
  }
}
.header__nav {
  transform: translateX(101%);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 35rem;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  padding: 10rem 4.8rem;
  transition: all 0.4s;
  overflow-y: scroll;
  z-index: 10;
}

@media screen and (max-width: 600px) {
  .header__nav {
    padding: 10rem 2.1rem;
    max-width: 25rem;
  }
}
.header__nav.active {
  transform: translateX(0%);
}

.header__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 600px) {
  .header__list {
    gap: 0.76rem;
    width: 100%;
  }
}
.header__list-item.none {
  pointer-events: none;
  opacity: 0.25;
}

.header__list-item a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}

.header__hamburger {
  /*width: 5.9rem;*/
  width: 4.33vw;
  /*height: 4.3rem;*/
  height: 3.13vw;
  background: transparent;
  position: relative;
  /*margin-left: 2.6rem;*/
  margin-left: 2.05vw;
  z-index: 100;
}

@media screen and (max-width: 600px) {
  .header__hamburger {
    /*width: 1.79rem;*/
    /*height: 1.29rem;*/
    /*margin-left: 0.9rem;*/
    width: 4.73vw;
    height: 3.41vw;
    margin-left: 3.85vw;
  }
}
.header__hamburger span {
  width: 100%;
  /*height: 0.7rem;*/
  height: 0.52vw;
  background: #000;
  display: block;
  position: absolute;
  transition: all 0.4s;
}

@media screen and (max-width: 600px) {
  .header__hamburger span {
    height: 0.2rem;
  }
}
.header__hamburger span:first-child {
  top: 0;
}

.header__hamburger span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}

/*@media screen and (max-width: 600px) {
  .header__hamburger span:nth-child(2) {
    top: 6px;
  }
}*/
.header__hamburger span:last-child {
  bottom: 0;
}

/*@media screen and (max-width: 600px) {
  .header__hamburger span:last-child {
    top: 12px;
  }
}*/
.header__hamburger.active {
  transform: translateX(0);
}

.header__hamburger.active span:first-of-type {
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  left: -3px;
}

@media screen and (max-width: 600px) {
  .header__hamburger.active span:first-of-type {
    left: -1px;
  }
}
.header__hamburger.active span:nth-of-type(2) {
  width: 0;
}

.header__hamburger.active span:last-of-type {
  transform: rotate(-45deg) translateY(-50%);
  top: 50%;
}

.header__logo-link {
  transition: opacity 0.3s;
}

@media (hover: hover) {
  .header__logo-link:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .header__logo-link:active {
    opacity: 0.7;
  }
}
.header__list-item a {
  text-transform: uppercase;
  font-size: 1.6rem;
  transition: opacity 0.3s;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 600px) {
  .header__list-item a {
    font-size: 1.26rem;
    line-height: 1.4;
  }
}
@media (hover: hover) {
  .header__list-item a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .header__list-item a:active {
    opacity: 0.7;
  }
}
.header__list-item span {
  display: block;
  font-size: 1.28rem;
  margin-top: 0.5rem;
}

@media screen and (max-width: 600px) {
  .header__list-item span {
    font-size: 1.12rem;
    margin-top: 0;
  }
}
.header-link {
  /*width: 6.7rem;*/
  width: 4.87vw;
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  /*gap: 1rem 0rem;*/
  justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .header-link {
    flex-direction: row;
    gap: 0rem 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.header-link a {
  width: 100%;
  transition: opacity 0.3s;
  line-height: 0;
}

@media screen and (max-width: 600px) {
  .header-link a {
    /*width: 2.9rem;*/
    width: 10.55vw;
  }
}
@media (hover: hover) {
  .header-link a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .header-link a:active {
    opacity: 0.7;
  }
}
.main-view {
  margin-top: 6.59vw;
  /*margin-top: 0;*/
}

@media screen and (max-width: 600px) {
  .main-view {
    margin-top: 11.54vw;
    /*margin-top: 0;*/
  }
}
.location-infor {
  /*padding-block: min(1.692%, 2.3rem) min(1.692%, 2.3rem);*/
  /*background: #DDE0E2;*/
  position: relative;
  display: none;
}

@media screen and (max-width: 600px) {
  .location-infor {
    /*padding-top: min(2.899%, 1.2rem);*/
    /*padding-bottom: min(2.657%, 1.1rem);*/
    display: block;
  }
}
.location-infor__image {
  width: min(51.103vw, 69.5rem);
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .location-infor__image {
    width: min(82.1256vw, 34rem);
  }
}
.location-infor__text {
  font-size: min(0.69168vw, 0.94rem);
  color: #231815;
  position: absolute;
  /*top: 3px;*/
  top: -1.5em;
  right: 5.2rem;
}

@media screen and (max-width: 600px) {
  .location-infor__text {
    top: 0.15rem;
    right: 1.3rem;
    font-size: min(1.087vw, 0.45rem);
  }
}
.grande {
  /*padding-top: 27.252%;*/
  padding-top: 10%;
  padding-bottom: min(23.105%, 31.4rem);
  position: relative;
  background: url("../img/grande-bg_top-min.png") no-repeat center -10% /contain, url("../img/grande-bg_bottom-min.png") no-repeat bottom center/contain;
  /*background: url("../img/grande-bg_top-min.png") no-repeat center 13% /contain, url("../img/grande-bg_bottom-min.png") no-repeat bottom center/contain;*/
  /*background-size: contain, contain;*/
}

@media screen and (max-width: 600px) {
  .grande {
    /*padding-top: 86.739%;*/
    padding-top: 15%;
    padding-bottom: min(23.105%, 31.4rem);
  }
}
.start {
  /*padding-block: min(4.0471%, 5.5rem) min(4.489%, 6.1rem);*/
  /*background: rgba(1, 21, 106, 0.7);*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
}

/*@media screen and (max-width: 600px) {
  .start {
    padding-block: min(2.657%, 1.1rem);
  }
}*/
.start__title {
  width: min(47.8661vw, 65.5rem);
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .start__title {
    width: min(68.43vw, 28.33rem);
  }
}

.youtube-box {
  width: min(62.178vw, 84.5rem);
  margin: 0 auto min(7.064%, 9.6rem);
  padding-top: 0;
  background: url(../img/youtube_bg_middle.svg) repeat-y top center / 100% ;
  position: relative;
}

.youtube-box:before {
  content: "";
  width: 100%;
  height: 2.502%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-99%);
  background: url(../img/youtube_bg_top.svg) no-repeat top center / cover ;
}

.youtube-box:after {
  content: "";
  width: 100%;
  height: 2.502%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(99%);
  background: url(../img/youtube_bg_bottom.svg) no-repeat bottom center / cover ;
}

@media screen and (max-width: 600px) {
  .youtube-box {
    width: min(88.995vw, 36.84rem);
    padding-top: 0;
    margin: 0 auto min(12.077%, 5rem);
  }
}
.youtube-box__text {
  font-size: min(1.4908vw, 2.026rem);
  text-align: center;
  /*margin-bottom: min(1.4235%, 1.2rem);*/
  padding-top: 2%;
  margin-bottom: 4.5%;
  line-height: 1.8262586377;
}

@media screen and (max-width: 600px) {
  .youtube-box__text {
    font-size: min(2.1352vw, 0.884rem);
    line-height: 1.8246606335;
    /*margin-bottom: min(1.092%, 0.4rem);*/
  }
}
.youtube-box__wrapper {
  width: min(39.146vw, 53.2rem);
  margin: auto;
}

@media screen and (max-width: 600px) {
  .youtube-box__wrapper {
    width: min(56.0386vw, 23.2rem);
  }
}
.youtube-box__wrap {
  position: relative;
  width: 100%;
  padding-top: 56.2146892655%;
  margin-bottom: 3vw;
}

.youtube-box__wrap:last-child {
  margin-bottom: 0;
}


@media screen and (max-width: 600px) {
  .youtube-box__wrap {
    padding-top: 56.0344827586%;
  }
}
.youtube-box__wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-box__wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-box__textbox {
  width: 100%;
  /*padding-block: min(1.779%, 1.5rem) min(0.712%, 0.6rem);*/
  padding-bottom: 1.5%;
  /*margin-top: min(5.813%, 4.9rem);*/
  margin-top: 3.502%;
}

@media screen and (max-width: 600px) {
  .youtube-box__textbox {
    /*margin-top: min(5.731%, 2.1rem);*/
    /*padding-block: min(2.456%, 0.9rem) min(0.712%, 0.6rem);*/
  }
}
.youtube-box__textbox a {
  width: min(20.603vw, 28rem);
  margin: 0 auto min(0.1186%, 0.1rem);
  transition: opacity 0.3s;
  /*pointer-events: none;*/
}

@media screen and (max-width: 600px) {
  .youtube-box__textbox a {
    width: min(29.4686vw, 12.2rem);
  }
}
@media (hover: hover) {
  .youtube-box__textbox a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .youtube-box__textbox a:active {
    opacity: 0.7;
  }
}
.youtube-box__textbox p {
  font-size: min(1.036vw, 1.4rem);
  /*color: #fff;*/
  line-height: 2.6278409091;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .youtube-box__textbox p {
    font-size: min(1.483vw, 0.614rem);
  }
}
/*.grande-land-bg {
  background: url(../img/2x/grande-bgi.webp) no-repeat top center/100% auto;
}*/
/*@media screen and (max-width: 600px) {
  .grande-land-bg {
    background: url(../img/2x/grande-bgi-sp.webp) no-repeat top center/100% auto;
  }
}*/
.grande__title {
  width: min(34.805vw, 47.3rem);
  margin: 0 auto min(4.341%, 5.9rem);
}

@media screen and (max-width: 600px) {
  .grande__title {
    width: min(62.5604vw, 25.94rem);
    margin-bottom: min(7.73%, 3.2rem);
  }
}
.grande__text {
  font-size: min(1.21vw, 1.643rem);
  letter-spacing: 0.08em;
  line-height: 2.8569689592;
  text-align: center;
  width: min(40.8388vw, 55.5rem);
  margin: 0 auto min(4.562%, 6.2rem);
  font-feature-settings: "palt";
}

@media screen and (max-width: 600px) {
  .grande__text {
    font-size: min(2.1545vw, 0.892rem);
    width: min(73.671vw, 30.5rem);
    margin-bottom: min(7.73%, 3.2rem);
  }
}
.grande__location-information {
  width: min(57.91vw, 78.7rem);
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .grande__location-information {
    width: 38rem;
    width: min(103.163vw, 42.4rem);
  }
}
.land-plan {
  margin-top: min(-4.0471%, -5.5rem);
  position: relative;
  z-index: 5;
  padding-bottom: min(7.2848%, 9.9rem);
}

@media screen and (max-width: 600px) {
  .land-plan {
    margin-top: min(4.831%, 2rem);
    padding-bottom: min(9.6618%, 4rem);
  }
}
.land-plan__title {
  width: min(18.8374vw, 25.6rem);
  margin: 0 auto min(2.2075%, 3rem);
}

@media screen and (max-width: 600px) {
  .land-plan__title {
    width: min(37.681vw, 15.6rem);
    margin-bottom: min(4.589%, 1.9rem);
  }
}
.land-plan__text {
  text-align: center;
  font-size: min(1.21vw, 1.643rem);
  letter-spacing: 0.05em;
  line-height: 2;
  margin-bottom: min(3.311%, 4.5rem);
  font-feature-settings: "palt";
}

@media screen and (max-width: 600px) {
  .land-plan__text {
    font-size: min(2.473vw, 1.024rem);
    margin-bottom: min(1.2077%, 0.5rem);
  }
}
.land-plan__image-box {
  display: flex;
  gap: min(2.428vw, 3.3rem);
  margin: 0 auto min(3.9%, 5.3rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 600px) {
  .land-plan__image-box {
    flex-direction: column;
    gap: min(3.623vw, 1.5rem);
    margin: 0 auto min(3.8647%, 1.6rem);
  }
}
.land-plan__floor-image {
  /*width: min(43.782vw, 59.5rem);*/
  width: 60.2vw;
  position: relative;
  padding-top: min(4.728%, 4.6rem);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 600px) {
  .land-plan__floor-image {
    width: min(68.961vw, 28.55rem);
  }
}
.land-plan__floor-image .land-plan__image-text {
  color: #231815;
  /*bottom: min(5.8685%, 2.5rem);*/
  /*left: min(9.419%, 5.6rem);*/
  margin-top: 1em;
}

@media screen and (max-width: 600px) {
  .land-plan__floor-image .land-plan__image-text {
    font-size: min(1.0869vw, 0.45rem);
  }
}
.land-plan__image-wrapper {
  width: min(28.918vw, 39.3rem);
  padding-right: min(4.586%, 4.6rem);
}

@media screen and (max-width: 600px) {
  .land-plan__image-wrapper {
    display: flex;
    width: min(68.961vw, 28.55rem);
    padding-right: 0;
  }
}
.land-plan__image-wrap {
  width: min(25.0184vw, 34rem);
  position: relative;
}

@media screen and (max-width: 600px) {
  .land-plan__image-wrap {
    width: 50%;
  }
}
.land-plan__image-wrap + .land-plan__image-wrap {
  margin-top: min(1.775%, 0.6rem);
}

@media screen and (max-width: 600px) {
  .land-plan__image-wrap + .land-plan__image-wrap {
    margin-top: 0;
  }
}
.land-plan__image-text {
  /*position: absolute;*/
  /*bottom: 0.6rem;*/
  /*left: 0.6rem;*/
  font-size: min(0.69168vw, 0.94rem);
  color: #fff;
}

.view-more-inner {
  margin: 0 auto;
}

.view-more-inner--top {
  width: min(67.9911vw, 92.4rem);
}

@media screen and (max-width: 600px) {
  .view-more-inner--top {
    width: min(68.8889vw, 28.52rem);
  }
}
.view-more-inner--middle {
  width: min(63.7233vw, 86.6rem);
}

@media screen and (max-width: 600px) {
  .view-more-inner--middle {
    width: min(66.908vw, 27.7rem);
  }
}
.view-more-inner--bottom {
  width: min(68.2855vw, 92.8rem);
}

.view-more {
  width: min(14.0986vw, 19.16rem);
  margin-left: auto;
  transition: opacity 0.3s;
}

.view-more.none {
  pointer-events: none;
  opacity: 0.25;
}

@media screen and (max-width: 600px) {
  .view-more {
    width: min(20.186vw, 8.35rem);
  }
}
@media (hover: hover) {
  .view-more:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .view-more:active {
    opacity: 0.7;
  }
}
.access-location {
  padding-bottom: min(14.864%, 20.2rem);
}

@media screen and (max-width: 600px) {
  .access-location {
    padding-bottom: min(9.662%, 4rem);
  }
}
.access-location__image {
  margin-bottom: min(0.883%, 1.2rem);
}

@media screen and (max-width: 600px) {
  .access-location__image {
    margin-bottom: min(1.2077%, 0.5rem);
  }
}
.access-location__text {
  width: min(68.653vw, 93.344rem);
  margin: 0 auto min(5.151%, 7rem);
  font-size: min(0.863vw, 1.17rem);
  line-height: 1.2034188034;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
}

@media screen and (max-width: 600px) {
  .access-location__text {
    font-size: min(0.8647vw, 0.358rem);
    margin-bottom: min(7.73%, 3.2rem);
  }
}
.access-location__image-box {
  display: flex;
  gap: min(1.8396vw, 2.5rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(2.723%, 3.7rem);
  padding-right: min(1.692%, 2.3rem);
}

@media screen and (max-width: 600px) {
  .access-location__image-box {
    flex-direction: column;
    padding-right: 0;
    gap: min(2.415vw, 1rem);
  }
}
.access-location__image-wrap {
  width: min(27.0787vw, 36.8rem);
}

@media screen and (max-width: 600px) {
  .access-location__image-wrap {
    width: min(68.8889vw, 28.52rem);
  }
}
.access-location__imagetext {
  font-size: min(1.3216vw, 1.796rem);
  line-height: 2;
  margin-top: min(1.3587%, 0.5rem);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

@media screen and (max-width: 600px) {
  .access-location__imagetext {
    font-size: min(2.256vw, 0.934rem);
    margin-top: min(0.7%, 0.2rem);
  }
}
.access-location__image-text {
  font-size: min(1.0301vw, 1.4rem);
  line-height: 1.1669034091;
  margin-top: min(1.1642%, 0.3rem);
  font-feature-settings: "palt";
}

@media screen and (max-width: 600px) {
  .access-location__image-text {
    font-size: min(1.7681vw, 0.732rem);
    margin-top: min(2.2014%, 0.3rem);
    line-height: 1.1;
  }
}
.access-location__image-text--large {
  font-size: min(1.3539vw, 1.84rem);
}

@media screen and (max-width: 600px) {
  .access-location__image-text--large {
    font-size: min(2.309vw, 0.956rem);
  }
}
.access-location__image-text--small {
  font-size: min(0.863vw, 1.173rem);
}

@media screen and (max-width: 600px) {
  .access-location__image-text--small {
    font-size: min(1.473vw, 0.61rem);
  }
}
.access-location__image-frame {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.662vw, 0.9rem) min(1.8396vw, 2.5rem);
  width: min(39.792vw, 54.08rem);
}

@media screen and (max-width: 600px) {
  .access-location__image-frame {
    width: min(68.8889vw, 28.52rem);
    gap: 0 min(3.04347826vw, 1.26rem);
  }
}
.access-location__imgwrap {
  width: min(18.96468vw, 25.77rem);
}

@media screen and (max-width: 600px) {
  .access-location__imgwrap {
    width: calc(50% - min(3.04347826vw, 1.26rem) * 1 / 2);
    max-width: 100%;
  }
}
.concept {
  /*background: url(../img/2x/concept-bgi.webp) no-repeat center center/cover;*/
  padding-bottom: min(16.777%, 22.8rem);
}

@media screen and (max-width: 600px) {
  .concept {
    padding-bottom: min(4.831%, 2rem);
  }
}
.concept__title {
  width: min(27.0787vw, 41.8rem);
  margin: 0 auto min(2.134%, 2.9rem);
}

@media screen and (max-width: 600px) {
  .concept__title {
    width: min(54.51691vw, 22.57rem);
    margin-bottom: min(4.3478%, 1.8rem);
  }
}
.concept__title-text {
  font-size: min(1.21vw, 1.643rem);
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
  margin-bottom: min(2.7226%, 3.7rem);
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media screen and (max-width: 600px) {
  .concept__title-text {
    font-size: min(2.4734vw, 1.24rem);
    margin-bottom: min(0.7246%, 0.3rem);
  }
}
.concept__image-box {
  width: min(68.212vw, 92.7rem);
  margin: auto;
}

.concept__image {
  margin-bottom: min(0.5151%, 0.7rem);
  /*opacity: 0.5;*/
}

.concept__text {
  font-size: min(0.863vw, 1.173rem);
  line-height: 1.200341006;
  margin-bottom: min(3.991%, 3.7rem);
  font-feature-settings: "palt";
  letter-spacing: 0.002em;
}

@media screen and (max-width: 600px) {
  .concept__text {
    font-size: min(0.8647vw, 0.358rem);
    margin-bottom: min(7.436%, 2.1rem);
  }
}
.information {
  background-image: linear-gradient(to bottom, #fff 0%, #cfcca7 100%);
  padding-block: min(9.7866%, 13.3rem) min(6.328%, 8.6rem);
}

@media screen and (max-width: 600px) {
  .information {
    padding-block: min(4.1063%, 1.7rem) min(6.522%, 2.7rem);
  }
}
.information__title {
  width: min(19.2789vw, 26.2rem);
  margin: 0 auto min(2.9433%, 4rem);
}

@media screen and (max-width: 600px) {
  .information__title {
    width: min(28.1039vw, 11.63rem);
    margin-bottom: min(4.1063%, 1.7rem);
  }
}
.information__scroll-box {
  width: min(54.6726vw, 74.3rem);
  height: min(26.196vw, 35.6rem);
  margin: 0 auto;
  border: 1.4px solid #231815;
  overflow-y: scroll;
  padding: min(1.472%, 2rem) min(1.1038%, 1.5rem);
}

@media screen and (max-width: 600px) {
  .information__scroll-box {
    width: min(78.2609vw, 32.4rem);
    height: min(37.9227vw, 15.7rem);
    padding: min(2.1739%, 0.9rem) min(1.932%, 0.8rem);
  }
}
.information__date {
  font-size: min(1.209vw, 1.643rem);
  margin-bottom: min(0.2813%, 0.2rem);
  letter-spacing: 0.06em;
  line-height: 1;
}

@media screen and (max-width: 600px) {
  .information__date {
    font-size: min(1.729vw, 0.716rem);
    margin-bottom: min(0.7246%, 0.3rem);
  }
}
.information__date:nth-child(n+2) {
  margin-top: min(2.1097%, 1.5rem);
}

@media screen and (max-width: 600px) {
  .information__date:nth-child(n+2) {
    margin-top: min(1.634%, 0.5rem);
  }
}
.information__detail {
  font-size: min(1.209vw, 1.643rem);
  line-height: 2;
}

@media screen and (max-width: 600px) {
  .information__detail {
    font-size: min(1.729vw, 0.716rem);
  }
}
.update {
  width: min(78.366vw, 106.5rem);
  margin: 0 auto;
  padding-block: min(2.2075vw, 3rem) min(5.4452vw, 7.4rem);
  font-feature-settings: "palt";
  letter-spacing: 0.003em;
}

@media screen and (max-width: 600px) {
  .update {
    width: min(77.971vw, 32.28rem);
    margin: 0 auto;
    padding-block: min(2.2075%, 3rem) min(6.039%, 2.5rem);
  }
}
.update__date {
  text-align: right;
  font-size: min(0.863vw, 1.173rem);
  margin-bottom: min(2.347%, 2.5rem);
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
}

@media screen and (max-width: 600px) {
  .update__date {
    font-size: min(0.8647vw, 0.358rem);
    margin-bottom: min(2.482%, 0.8rem);
  }
}
.update__text {
  font-size: min(0.863vw, 1.173rem);
  line-height: 1.200341006;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 600px) {
  .update__text {
    font-size: min(0.8647vw, 0.358rem);
    line-height: 1.1983240223;
  }
}
.footer__list {
  width: min(51.199vw, 69.58rem);
  margin: 0 auto min(6.107vw, 8.3rem);
  display: flex;
}

@media screen and (max-width: 600px) {
  .footer__list {
    width: min(90.8212vw, 37.63rem);
    flex-direction: column;
    gap: min(4.1063vw, 1.7rem);
    margin-bottom: min(8.213%, 3.4rem);
  }
}
.footer__list-item {
  width: 50%;
}

.footer__list-item.none {
  pointer-events: none;
  opacity: 0.25;
}

@media screen and (max-width: 600px) {
  .footer__list-item {
    width: 100%;
  }
}
.footer__list-item a {
  padding-block: min(8.843%, 3.2rem);
  font-size: min(1.413vw, 1.92rem);
  color: #fff;
  box-shadow: 1px 3px 6px #555;
  letter-spacing: 0.1em;
  text-align: center;
  transition: all 0.3s;
}

@media screen and (max-width: 600px) {
  .footer__list-item a {
    padding-block: min(87.5%, 2.8rem);
    font-size: min(4.058vw, 1.68rem);
  }
}
@media (hover: hover) {
  .footer__list-item a:hover {
    filter: brightness(140%);
  }
}
@media (hover: none) {
  .footer__list-item a:active {
    filter: brightness(140%);
  }
}
.footer__list-item--blue {
  background: linear-gradient(90deg, #030a36 0%, #5f6284 25%, #505578 50%, #53587b 75%, #030a36 100%);
}

.footer__list-item--gold {
  background: linear-gradient(90deg, #4c1e19 0%, #93713d 25%, #b4a488 50%, #a6884a 75%, #481a17 100%);
}

.footer__box {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(4.783%, 6.5rem);
}

@media screen and (max-width: 600px) {
  .footer__box {
    margin-bottom: min(13.0435%, 5.4rem);
  }
}
.footer__contact-text {
  font-size: min(1.177vw, 1.6rem);
  line-height: 1.6;
  margin-bottom: min(3.6739%, 1.2rem);
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}

@media screen and (max-width: 600px) {
  .footer__contact-text {
    font-size: min(3.3816vw, 1.4rem);
    margin-bottom: min(5.0725%, 1.4rem);
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
}
@media screen and (max-width: 600px) {
  .footer__tel--top {
    width: min(66.6667vw, 27.6rem);
  }
}
.footer__tel--top img {
  width: min(3.311vw, 4.5rem);
}

@media screen and (max-width: 600px) {
  .footer__tel--bottom {
    margin-top: min(1.812%, 0.5rem);
    margin-bottom: min(3.6232%, 1rem);
  }
}
.footer__tel--bottom img {
  width: min(2.575vw, 3.5rem);
}

@media screen and (max-width: 600px) {
  .footer__tel--bottom img {
    width: min(8.4541vw, 3.5rem);
  }
}
.footer__tel-number {
  font-size: min(3.532vw, 4.8rem);
}

@media screen and (max-width: 600px) {
  .footer__tel-number {
    font-size: min(10.1449vw, 4.2rem);
    letter-spacing: -0.05em;
    white-space: nowrap;
    padding-right: min(0.483vw, 0.2rem);
  }
}
.footer__tel-number-small {
  font-size: min(2.8256vw, 3.84rem);
}

.footer__dial {
  font-size: min(1.0596vw, 1.44rem);
  text-align: left;
  line-height: 1;
}

@media screen and (max-width: 600px) {
  .footer__dial {
    font-size: min(3.04347vw, 1.26rem);
    margin-bottom: -0.4rem;
  }
}
@media screen and (max-width: 600px) {
  .footer__dial--mb {
    margin-bottom: min(1.087%, 0.3rem);
  }
}
.footer__pc-box {
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  gap: min(0.589vw, 0.8rem);
  margin-bottom: min(2.1431%, 0.7rem);
}

@media screen and (max-width: 600px) {
  .footer__sp-box {
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: min(1.691vw, 0.7rem);
    margin: auto;
  }
}
@media screen and (max-width: 600px) {
  .footer__sp-box img {
    width: min(8.4541vw, 3.5rem);
  }
}
.footer__pc-box--ver2 {
  margin-bottom: min(5.817%, 1.9rem);
}

@media screen and (max-width: 600px) {
  .footer__pc-box--ver2 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .footer__sp-box--ver2 {
    font-size: min(8.1159vw, 3.36rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 600px) {
  .footer__sp-box--ver2 {
    font-size: min(8.1159vw, 3.36rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .footer__sp-box--ver2 span {
    letter-spacing: -0.05em;
  }
}
.pc-only {
  display: none;
}

@media screen and (min-width: 601px) {
  .pc-only {
    display: flex;
  }
}
.sp-only {
  display: none;
}

@media screen and (max-width: 600px) {
  .sp-only {
    display: flex;
  }
}
.footer__time {
  font-size: min(1.177vw, 1.6rem);
}

@media screen and (max-width: 600px) {
  .footer__time {
    font-size: min(3.3816vw, 1.4rem);
    letter-spacing: -0.07em;
    line-height: 1.38;
  }
}
.footer__box-lower {
  width: min(47.314vw, 64.3rem);
  margin: 0 auto min(4.415vw, 6rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .footer__box-lower {
    flex-direction: column;
    gap: min(7.971vw, 3.3rem);
    margin-bottom: min(12.0773%, 5rem);
  }
}
.footer__box-lower-img {
  width: min(18.396vw, 25rem);
}

@media screen and (max-width: 600px) {
  .footer__box-lower-img {
    width: min(56.7633vw, 23.5rem);
  }
}
.footer__box-lower-img a {
  transition: opacity 0.3s;
}

@media (hover: hover) {
  .footer__box-lower-img a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .footer__box-lower-img a:active {
    opacity: 0.7;
  }
}
.footer__box-lower-text {
  font-size: min(1.0596vw, 1.44rem);
  margin-bottom: min(4%, 1rem);
}

@media screen and (max-width: 600px) {
  .footer__box-lower-text {
    font-size: min(3.04347vw, 1.26rem);
    margin-bottom: min(1.6%, 0.4rem);
  }
}
.footer__rakuten-image {
  width: min(18.396vw, 25rem);
  margin: 0 auto min(1.1037%, 1.5rem);
}

@media screen and (max-width: 600px) {
  .footer__rakuten-image {
    width: min(56.5217vw, 23.4rem);
    margin-bottom: min(3.14%, 1.3rem);
  }
}
.footer__rakuten-text {
  text-align: center;
  font-size: min(1.0596vw, 1.44rem);
  line-height: 1.5;
}

@media screen and (max-width: 600px) {
  .footer__rakuten-text {
    font-size: min(3.04347vw, 1.26rem);
    font-feature-settings: "palt";
  }
}
.copyright {
  text-align: center;
  display: block;
  margin-top: min(1.472%, 2rem);
  color: #fff;
  background: #555;
  padding: min(0.4047%, 0.55rem);
  font-size: min(0.8477vw, 1.152rem);
}

@media screen and (max-width: 600px) {
  .copyright {
    margin-top: min(4.1063%, 1.7rem);
    font-size: min(2.43478vw, 1.08rem);
    padding: min(1.6908%, 0.7rem);
  }
}
.pc-none {
  display: none;
}

@media screen and (max-width: 600px) {
  .pc-none {
    display: block;
  }
}
.sp-none {
  display: block;
}

@media screen and (max-width: 600px) {
  .sp-none {
    display: none;
  }
}
.header__list-item--btn-blue {
  background: linear-gradient(90deg, #030a36 0%, #5f6284 25%, #505578 50%, #53587b 75%, #030a36 100%);
  text-align: center;
}

.header__list-item--btn-blue a {
  color: #fff;
  font-size: 1.92rem;
  padding-block: 1rem;
}

.header__list-item--btn-blue span {
  color: #fff;
  font-size: 1.92rem;
  padding-block: 1rem;
  opacity: 0.5;
}

.header__list-item--btn-gold {
  background: linear-gradient(90deg, #4c1e19 0%, #93713d 25%, #b4a488 50%, #a6884a 75%, #481a17 100%);
  text-align: center;
}

.header__list-item--btn-gold.none {
  pointer-events: none;
  opacity: 0.25;
}

.header__list-item--btn-gold a {
  color: #fff;
  font-size: 1.92rem;
  padding-block: 1rem;
}

.map {
  margin-top: min(6.5886vw, 9rem);
  margin-bottom: min(22.328vw, 30.5rem);
  padding-top: min(3.953vw, 5.4rem);
}

@media screen and (max-width: 600px) {
  .map {
    margin-top: min(6.522vw, 2.7rem);
    padding-top: min(14.493vw, 6rem);
    margin-bottom: min(25.845vw, 10.7rem);
  }
}
.map__title {
  width: min(36.3031vw, 49.59rem);
  margin: 0 auto min(3.001vw, 4.1rem);
}

@media screen and (max-width: 600px) {
  .map__title {
    width: min(100vw, 41.4rem);
    margin: 0 auto min(14.01vw, 5.8rem);
  }
}
.map__title-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(5.8565vw, 8rem);
  font-size: min(1.65vw, 2.254rem);
  text-align: center;
  line-height: 2.0927240461;
  color: #19375a;
  border-top: 0.84px solid #19375a;
  border-bottom: 0.84px solid #19375a;
  padding-block: min(0.9517vw, 1.3rem);
  font-feature-settings: "palt";
  letter-spacing: -0.016em;
}

@media screen and (max-width: 600px) {
  .map__title-text {
    width: min(90.338vw, 37.4rem);
    font-size: min(4.3478vw, 1.8rem);
    line-height: 2.0961111111;
    margin-bottom: min(20.773vw, 8.6rem);
    padding-block: min(4.8309vw, 2rem);
  }
}
.map__inner {
  width: min(68.199vw, 93.16rem);
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .map__inner {
    width: min(90.338vw, 37.4rem);
  }
}
.map__address {
  font-size: min(1.03587vw, 1.415rem);
  line-height: 1.4996466431;
  margin-bottom: min(0.5857vw, 0.8rem);
}

@media screen and (max-width: 600px) {
  .map__address {
    font-size: min(3.41787vw, 1.415rem);
    margin-bottom: min(2.8986%, 1.2rem);
  }
}
.map__map-image {
  margin-bottom: min(2.48902vw, 3.4rem);
}

@media screen and (max-width: 600px) {
  .map__map-image {
    margin-bottom: min(5.5556vw, 2.3rem);
  }
}
.map__box {
  margin-top: min(6.5886vw, 9rem);
  margin-bottom: min(9.883vw, 13.5rem);
  display: flex;
  gap: min(6.8082vw, 9.3rem);
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .map__box {
    margin-top: min(18.3575vw, 7.6rem);
    margin-bottom: min(24.1546vw, 10rem);
    flex-direction: column;
    gap: min(18.8406vw, 7.8rem);
  }
}
.map__inner-box1 {
  width: min(33.8763vw, 46.27rem);
}

@media screen and (max-width: 600px) {
  .map__inner-box1 {
    width: 100%;
  }
}
.map__inner-box2 {
  width: min(27.5988vw, 37.7rem);
  margin-top: min(0.366vw, -0.5rem);
}

@media screen and (max-width: 600px) {
  .map__inner-box2 {
    width: 100%;
    margin-top: 0;
  }
}
.map__box-title {
  font-size: min(1.7262vw, 2.358rem);
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: min(0.366vw, 0.5rem);
  margin-bottom: min(1.2445vw, 1.7rem);
  letter-spacing: 0.02em;
}

@media screen and (max-width: 600px) {
  .map__box-title {
    font-size: min(5.69565vw, 2.358rem);
    padding-bottom: min(1.2077vw, 0.5rem);
    margin-bottom: min(4.1063vw, 1.7rem);
    font-feature-settings: "palt";
    letter-spacing: 0.02em;
  }
}
.map__box-address {
  font-size: min(1.1391vw, 1.556rem);
  line-height: 1.4996466431;
  margin-bottom: min(2.7818vw, 3.8rem);
  letter-spacing: 0;
  font-feature-settings: "palt";
}

@media screen and (max-width: 600px) {
  .map__box-address {
    font-size: min(3.7391vw, 1.556rem);
    margin-bottom: min(8.9372vw, 3.7rem);
  }
}
.map__m-map {
  margin-bottom: min(2.70864vw, 3.7rem);
}

@media screen and (max-width: 600px) {
  .map__m-map {
    margin-bottom: min(4.8309vw, 2rem);
  }
}
.map__s-map {
  margin-bottom: min(2.70864vw, 3.7rem);
}

@media screen and (max-width: 600px) {
  .map__s-map {
    margin-bottom: min(6.0386vw, 2.5rem);
  }
}
.map__reservation-button {
  width: min(34.3631vw, 46.94rem);
  margin: 0 auto;
  transition: opacity 0.3s;
}

.map__reservation-button.none {
  pointer-events: none;
  opacity: 0.25;
}

@media screen and (max-width: 600px) {
  .map__reservation-button {
    width: 100%;
  }
}
@media (hover: hover) {
  .map__reservation-button:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .map__reservation-button:active {
    opacity: 0.7;
  }
}
.tentative-image {
  margin-top: 9rem;
}

@media screen and (max-width: 600px) {
  .tentative-image {
    margin-top: 2.7rem;
  }
}
.map__google-button a {
  background: url(../img/2x/google-map-btn.webp) no-repeat center center/contain;
  text-align: center;
  width: min(21.962vw, 30rem);
  aspect-ratio: 593/113;
  transition: opacity 0.3s;
  margin: 0 auto;
  padding-top: min(1.09809663vw, 1.5rem);
}

@media screen and (max-width: 600px) {
  .map__google-button a {
    padding-top: min(3.3816vw, 1.4rem);
    width: min(71.4976vw, 29.6rem);
  }
}
@media (hover: hover) {
  .map__google-button a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .map__google-button a:active {
    opacity: 0.7;
  }
}
.map__google-button img {
  width: min(10.92972182vw, 14.93rem);
  margin-right: min(0.512vw, 0.7rem);
}

@media screen and (max-width: 600px) {
  .map__google-button img {
    width: min(36.0628vw, 14.93rem);
    margin-right: min(0.7246vw, 0.3rem);
  }
}
.deve__logo-image {
  width: min(80.5271vw, 110rem);
  margin: 0 auto min(4.685vw, 6.4rem);
}

@media screen and (max-width: 600px) {
  .deve__logo-image {
    width: min(90.338vw, 37.4rem);
    margin-bottom: min(13.5266vw, 5.6rem);
  }
}
.brand__main-view {
  margin-bottom: min(0.512vw, 0.7rem);
}

.main-view-brand {
  width: min(70.7174vw, 96.6rem);
  margin: 0 auto min(11.713vw, 16rem);
}

@media screen and (max-width: 600px) {
  .main-view-brand {
    margin-bottom: min(7.488vw, 3.1rem);
  }
}
.main-view-brand__image {
  width: min(4.0044vw, 5.47rem);
  margin-left: auto;
}

@media screen and (max-width: 600px) {
  .main-view-brand__image {
    width: min(4.0773vw, 1.688rem);
  }
}
.deve__text {
  font-size: min(1.874vw, 2.56rem);
  line-height: 2;
  margin: 0 auto min(4.685vw, 6.4rem);
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 600px) {
  .deve__text {
    font-size: min(3.3816vw, 1.4rem);
    width: min(90.338vw, 37.4rem);
    text-align: left;
    margin-bottom: min(13.5266vw, 5.6rem);
  }
}
.deve__list {
  width: min(80.5271vw, 110rem);
  margin: 0 auto min(13.47vw, 18.4rem);
  display: flex;
  flex-wrap: wrap;
  gap: min(1.245vw, 1.7rem) min(1.611vw, 2.2rem);
}

@media screen and (max-width: 600px) {
  .deve__list {
    gap: min(3.3816vw, 1.4rem) min(3.6135vw, 1.496rem);
    width: min(90.338vw, 37.4rem);
    margin-bottom: min(25.6039vw, 10.6rem);
  }
}
.deve__list-item {
  width: calc(33.3333333333% - 1.4666666667rem);
  max-width: 100%;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .deve__list-item {
    width: calc(50% - 0.748rem);
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .deve__list-item:nth-of-type(9) {
    order: 6;
  }
}
@media screen and (max-width: 600px) {
  .deve__list-item:nth-of-type(8) {
    order: 8;
  }
}
@media screen and (max-width: 600px) {
  .deve__list-item:nth-of-type(7) {
    order: 7;
  }
}
.deve__list-item:last-of-type img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  .deve__list-item:last-of-type img {
    width: 100%;
  }
}
.deve__list-item:nth-of-type(7) img {
  width: 78.1073%;
}

@media screen and (max-width: 600px) {
  .deve__list-item:nth-of-type(7) img {
    width: 85.84%;
  }
}
.deve__list-item:nth-of-type(8) img {
  width: 78.92%;
}

@media screen and (max-width: 600px) {
  .deve__list-item:nth-of-type(8) img {
    width: 86.735%;
  }
}
@media screen and (max-width: 600px) {
  .deve__list-item:nth-of-type(5) {
    display: none;
  }
}
.deve__image {
  margin-bottom: min(1.171vw, 1.6rem);
}

@media screen and (max-width: 600px) {
  .deve__image {
    margin-bottom: min(3.3816vw, 1.4rem);
    text-align: center;
  }
}
.deve__list-item h3 {
  font-size: min(1.171vw, 1.6rem);
  line-height: 1.6;
}

@media screen and (max-width: 600px) {
  .deve__list-item h3 {
    font-size: min(3.0434vw, 1.26rem);
  }
}
.deve__list-item p {
  font-size: min(1.054vw, 1.44rem);
  line-height: 1.6;
}

@media screen and (max-width: 600px) {
  .deve__list-item p {
    font-size: min(2.5362vw, 1.05rem);
  }
}
.caption {
  margin: min(1.8302vw, 2.5rem) auto 0;
}

@media screen and (max-width: 600px) {
  .caption {
    margin: min(4.831vw, 2rem) auto 0;
  }
}
.caption .data {
  font-size: min(1.171vw, 1.6rem);
  text-align: right;
  margin-bottom: min(1.75695vw, 2.4rem);
}

@media screen and (max-width: 600px) {
  .caption .data {
    font-size: min(3.3816vw, 1.4rem);
    margin-bottom: min(5.797vw, 2.4rem);
  }
}
.small {
  font-size: min(0.937vw, 1.28rem);
}

@media screen and (max-width: 600px) {
  .small {
    font-size: min(2.367vw, 0.98rem);
  }
}
.caption .small {
  font-size: min(0.937vw, 1.28rem);
  margin-bottom: min(7.3206vw, 10rem);
  line-height: 1.6;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 600px) {
  .caption .small {
    font-size: min(2.367vw, 0.98rem);
    margin-bottom: min(15.4589vw, 6.4rem);
    font-feature-settings: "palt";
    letter-spacing: -0.015em;
    line-height: 1.5;
  }
}
.caption .modelroom__small {
  font-size: min(0.937vw, 1.28rem);
  margin-bottom: min(7.3206vw, 10rem);
  line-height: 1.6;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 600px) {
  .caption .modelroom__small {
    font-size: min(2.367vw, 0.98rem);
    margin-bottom: min(15.4589vw, 6.4rem);
    line-height: 1.64;
    letter-spacing: 0.105em;
  }
}
.caption .small--brand {
  font-size: min(0.937vw, 1.28rem);
  margin-bottom: min(7.3206vw, 10rem);
  line-height: 1.6;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 600px) {
  .caption .small--brand {
    font-size: min(2.367vw, 0.98rem);
    margin-bottom: min(15.4589vw, 6.4rem);
    font-feature-settings: "palt";
    letter-spacing: -0.015em;
    line-height: 1.5;
  }
}
#modelroom {
  background: #000;
  color: #fff;
}

.page_bg.modelroom {
  background: url(../img/modelroom_bg.webp) no-repeat center center/cover;
  aspect-ratio: 1600/947;
  position: relative;
  -webkit-animation: fadein 3s forwards;
  animation: fadein 3s forwards;
  margin-top: min(6.5886vw, 9rem);
}

@media screen and (max-width: 600px) {
  .page_bg.modelroom {
    aspect-ratio: 414/470;
  }
}
.page_bg p {
  position: absolute;
  bottom: 0;
  right: 10px;
  text-shadow: 1px 1px 1px #343434, 1px 1px 3px #343434, 1px 1px 3px #343434;
  color: #fff;
}

.modelroom-title {
  width: min(36.3vw, 49.586rem);
  margin: auto;
}

@media screen and (max-width: 600px) {
  .modelroom-title {
    margin-top: min(13.526vw, 5.6rem);
    width: 100%;
  }
}
.box-title2 {
  padding-block: min(5.4173vw, 7.4rem);
}

.modelroom .small {
  font-size: min(0.937vw, 1.28rem);
}

#modelroom .content {
  position: relative;
  padding-bottom: min(5.8565vw, 8rem);
}

@media screen and (max-width: 600px) {
  #modelroom .content {
    padding-bottom: min(9.6618vw, 4rem);
  }
}
#modelroom .content .block {
  position: relative;
  max-width: 160rem;
  width: 100%;
  margin: min(4.685vw, 6.4rem) auto 0;
}

@media screen and (max-width: 600px) {
  #modelroom .content .block {
    margin: min(13.5266vw, 5.6rem) auto 0;
  }
}
#modelroom .content .block .small {
  color: white;
  position: absolute;
  bottom: 2px;
  right: 10px;
}

.img {
  position: relative;
}

.img .small {
  position: absolute;
  bottom: 0;
  right: 10px;
}

.container {
  width: min(80.5271vw, 110rem);
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
    padding: 0 min(4.831vw, 2rem);
  }
}
@media screen and (max-width: 600px) {
  .container--wide {
    padding: 0;
  }
}
#modelroom .content .item {
  display: flex;
  margin-top: min(4.685vw, 6.4rem);
}

@media screen and (max-width: 600px) {
  #modelroom .content .item {
    flex-wrap: wrap;
    margin-top: min(13.5266vw, 5.6rem);
  }
}
#modelroom .content .item .img {
  width: 50%;
  position: relative;
}

@media screen and (max-width: 600px) {
  #modelroom .content .item .img {
    width: 100%;
  }
}
#modelroom .content .item .txt {
  width: 50%;
  padding-left: min(2.3426vw, 3.2rem);
}

@media screen and (max-width: 600px) {
  #modelroom .content .item .txt {
    width: 100%;
    padding: min(4.831vw, 2rem) 0 0 0;
  }
}
#modelroom .content .item .txt h3 {
  font-size: min(1.6398vw, 2.24rem);
  margin-bottom: min(1.537vw, 2.1rem);
  padding-top: min(0.512vw, 0.7rem);
}

@media screen and (max-width: 600px) {
  #modelroom .content .item .txt h3 {
    margin-bottom: min(4.3478vw, 1.8rem);
    font-size: min(4.734vw, 1.96rem);
    padding-top: 0;
  }
}
#modelroom .content .item .txt p {
  line-height: 2;
  font-size: min(1.1713vw, 1.6rem);
}

@media screen and (max-width: 600px) {
  #modelroom .content .item .txt p {
    font-size: min(3.3816vw, 1.4rem);
  }
}
.modelroom__list {
  margin-top: min(4.685vw, 6.4rem);
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  .modelroom__list {
    margin-top: min(13.5266vw, 5.6rem);
  }
}
.modelroom__list li {
  width: 25%;
  position: relative;
}

@media screen and (max-width: 600px) {
  .modelroom__list li {
    width: 50%;
  }
}
.modelroom__list li .small {
  color: white;
  position: absolute;
  bottom: 5px;
  text-shadow: 1px 3px 4px #343434, 1px 3px 4px #343434;
  right: 10px;
}

#modelroom .content .item .img p.small {
  position: absolute;
  bottom: 3px;
  right: 10px;
  color: #fff;
  text-shadow: 1px 3px 4px #343434, 1px 3px 4px #343434;
}

.d-type {
  margin-top: min(6.5886vw, 9rem);
  padding-top: min(9.0776vw, 12.4rem);
  padding-bottom: min(5.6369vw, 7.7rem);
  background: linear-gradient(to bottom, #fff, #DCD6C1);
}

@media screen and (max-width: 600px) {
  .d-type {
    padding-bottom: min(12.56vw, 5.2rem);
  }
}
.d-type__title {
  width: min(36.3624vw, 49.67rem);
  margin: 0 auto min(5.7833vw, 7.9rem);
}

@media screen and (max-width: 600px) {
  .d-type__title {
    margin-top: min(6.0386vw, 2.5rem);
    margin-bottom: min(21.0145vw, 8.7rem);
    width: 100%;
  }
}
.d-type__contents {
  width: min(68.4378vw, 93.486rem);
  margin: 0 auto;
  background: url(../img/2x/d-type-bg.webp) no-repeat top center/cover;
  padding-block: min(7.6135vw, 10.4rem) min(3.6603vw, 5rem);
}

@media screen and (max-width: 600px) {
  .d-type__contents {
    background: url(../img/2x/d-type-bg-sp.webp) no-repeat top center/contain;
    width: min(90.09662vw, 37.3rem);
    padding-bottom: min(9.662vw, 4rem);
  }
}
.d-type__detail {
  width: min(50.6735vw, 69.22rem);
  margin: 0 auto min(1.171vw, 1.6rem);
}

@media screen and (max-width: 600px) {
  .d-type__detail {
    width: min(84.879vw, 35.14rem);
    margin-bottom: min(3.8647vw, 1.6rem);
  }
}
.d-type__wrap {
  width: min(44.1435vw, 60.3rem);
  margin: 0 auto min(4.026vw, 5.5rem);
}

@media screen and (max-width: 600px) {
  .d-type__wrap {
    /*width: min(70.0483vw, 29rem);*/
    width: 86%;
  }
}
.d-type__text {
  font-size: min(1.21vw, 1.653rem);
  margin: 0 auto min(6.223vw, 8.5rem);
  font-feature-settings: "palt";
}

@media screen and (max-width: 600px) {
  .d-type__text {
    font-size: min(3.993vw, 1.653rem);
    margin-bottom: min(9.9034vw, 4.1rem);
  }
}
.d-type__text span {
  color: #c50018;
}

.spec_text_wrap {
  display: flex;
  margin-bottom: 3.5vw;
}

@media (max-width: 600px) {
  .spec_text_wrap {
    display: block;
    margin-bottom: 9.5vw;
  }
}
.spec_item {
  width: 50%;
}

@media (max-width: 600px) {
  .spec_item {
    width: 100%;
  }
}
.spec_item dt,
.spec_item dd {
  font-size: 1.21vw;
  display: inline;
  font-feature-settings: "palt";
}

@media (max-width: 600px) {
  .spec_item dt,
  .spec_item dd {
    font-size: 3.76vw;
    display: inline;
    font-feature-settings: "palt";
  }
}
.spec_item dt:after {
  content: "／";
}

.spec_item dt span,
.spec_item dd span {
  font-size: 142.86%;
}

.d-type__list {
  margin-bottom: min(4.0996vw, 5.6rem);
}

@media screen and (max-width: 600px) {
  .d-type__list {
    margin-bottom: min(13.04348vw, 5.4rem);
  }
}
.d-type__list-item {
  font-size: min(1.3836vw, 1.89rem);
  font-feature-settings: "palt";
  letter-spacing: -0.06em;
  position: relative;
  padding-left: 1.1em;
}

@media screen and (max-width: 600px) {
  .d-type__list-item {
    font-size: min(3.3816vw, 1.4rem);
    line-height: 1.4;
  }
}
.d-type__list-item + .d-type__list-item {
  margin-top: min(0.732vw, 1rem);
}

@media screen and (max-width: 600px) {
  .d-type__list-item + .d-type__list-item {
    margin-top: min(1.2077vw, 0.5rem);
  }
}
.d-type__list-item:before {
  content: "■";
  position: absolute;
  left: 0;
}

.d-type__image {
  width: min(35.79795vw, 48.9rem);
  margin: 0 auto min(2.416vw, 3.3rem);
}

@media screen and (max-width: 600px) {
  .d-type__image {
    width: min(85.5072vw, 35.4rem);
    margin-bottom: min(9.9034vw, 4.1rem);
  }
}
.d-type__buck-button {
  background: url(../img/2x/d-type-button.webp) no-repeat center center/cover;
  text-align: center;
  width: min(21.391vw, 29.22rem);
  aspect-ratio: 595/111;
  transition: opacity 0.3s;
  margin: 0 auto;
  padding-top: min(1.0249vw, 1.4rem);
}

@media screen and (max-width: 600px) {
  .d-type__buck-button {
    padding-top: min(3.3816vw, 1.4rem);
    width: min(71.3043vw, 29.52rem);
  }
}
.d-type__buck-button img {
  width: min(3.91435vw, 5.347rem);
  margin-right: min(0.512vw, 0.7rem);
}

@media screen and (max-width: 600px) {
  .d-type__buck-button img {
    margin-right: min(1.691vw, 0.7rem);
    width: min(12.9155vw, 5.347rem);
  }
}
@media (hover: hover) {
  .d-type__buck-button:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .d-type__buck-button:active {
    opacity: 0.7;
  }
}
.caption .d-type__small {
  margin-bottom: min(3.2943vw, 4.5rem);
  font-feature-settings: "palt";
  font-size: min(1.025vw, 1.4rem);
  line-height: 1.5;
  letter-spacing: -0.028em;
}

@media screen and (max-width: 600px) {
  .caption .d-type__small {
    font-size: min(2.367vw, 0.98rem);
    margin-bottom: min(16.1836vw, 6.7rem);
    letter-spacing: 0;
  }
}
.caption .d-type-data {
  font-feature-settings: "palt";
  margin-bottom: min(1.464vw, 2rem);
}

@media screen and (max-width: 600px) {
  .caption .d-type-data {
    margin-bottom: min(5.5555vw, 2.3rem);
  }
}
@-webkit-keyframes scrollDown {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  45% {
    transform-origin: top;
    transform: scaleY(1);
  }
  55% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
@keyframes scrollDown {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  45% {
    transform-origin: top;
    transform: scaleY(1);
  }
  55% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
.scroll-box {
  position: absolute;
  right: 0px;
  bottom: min(2.1962vw, -3rem);
  left: 0;
  margin: 0 auto;
  z-index: 3;
  font-family: trajan-pro-3, serif;
}

@media screen and (max-width: 600px) {
  .scroll-box {
    bottom: min(12.0773vw, -5rem);
  }
}
.scroll-box span.name {
  color: #fff;
  text-shadow: 1px 2px 3px #555;
  letter-spacing: 0.1rem;
  text-align: center;
  display: block;
  font-size: min(1.1713vw, 1.6rem);
}

@media screen and (max-width: 600px) {
  .scroll-box span.name {
    font-size: min(3.3816vw, 1.4rem);
  }
}
.scroll-box .scrollevent {
  display: block;
  position: relative;
  width: 2px;
  height: min(8.0527vw, 11rem);
  background: transparent;
  -webkit-animation: scrollDown 1.5s ease infinite;
  animation: scrollDown 1.5s ease infinite;
  border-radius: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .scroll-box .scrollevent {
    height: min(26.57vw, 11rem);
  }
}
.scroll-box .scrollevent:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent, #fff, transparent);
}

.main-view-wrapper {
  position: relative;
}

.main-view__text {
  position: absolute;
  color: #251E1C;
  bottom: 1.298097vw;
  left: 5.92972182vw;
  font-size: 0.68814vw;
  color: #000;
}
@media screen and (max-width: 600px) {
  .main-view__text {
    bottom: 0.72463768vw;
    left: auto;
    right: 6.03864734vw;
    font-size: 1.69082126vw;
  }
}

.landplan__image-wrap {
  position: relative;
}

.LandPlan__top-image {
  position: relative;
  margin-bottom: 4.09956076vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__top-image {
    margin-bottom: 1.532367vw;
  }
}

.LandPlan__image-text {
  position: absolute;
  color: #251E1C;
  bottom: 9.324012vw;
  right: 16.48243vw;
  color: #000;
}
@media screen and (max-width: 600px) {
  .LandPlan__image-text {
    bottom: 6.28019324vw;
    right: 10.62801932vw;
    font-size: 1.69082126vw;
  }
}

.LandPlan__contents {
  position: absolute;
  top: 11.20058565vw;
  right: 11.586676vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__contents {
    position: static;
    padding-left: 5.31400966vw;
    margin: 0 auto 7.41256vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.LandPlan__title1 {
  width: 32.403221vw;
  margin-bottom: 1.742606vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__title1 {
    width: 73.1884058vw;
    margin-bottom: 2.181643vw;
  }
}

.LandPlan__text {
  font-size: 1.0366vw;
  line-height: 2.3305084746;
  letter-spacing: 0.023em;
  color: #000;
}
@media screen and (max-width: 600px) {
  .LandPlan__text {
    font-size: 1.93236715vw;
    line-height: 2;
  }
}

.LandPlan__s-view {
  width: 72.392533vw;
  padding-right: 7.993851vw;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .LandPlan__s-view {
    width: 95.89371981vw;
    padding-right: 2.093851vw;
  }
}

.LandPlan__s-view-text {
  margin-top: -4.29429vw;
  text-align: center;
  padding-left: 13.406413vw;
  letter-spacing: -0.075em;
  font-size: 0.768667vw;
  color: #000;
}
@media screen and (max-width: 600px) {
  .LandPlan__s-view-text {
    margin-top: -0.280193vw;
    font-size: 1.1352657vw;
    text-align: right;
    padding-right: 5.9178744vw;
    letter-spacing: -0.05em;
  }
}

.LandPlan__container {
  display: flex;
  gap: 2.067496vw;
  margin: 6.26896vw auto 9.51683748vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 1.156955vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__container {
    display: block;
    margin: 7.16896vw 0 9.51683748vw 15.2173913vw;
  }
}

@media screen and (max-width: 600px) {
  .LandPlan__wrapper {
    margin-bottom: 2.947826vw;
  }
}

.LandPlan__title2 {
  width: 22.704539vw;
  margin-bottom: 3.606735vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__title2 {
    width: 45.675362vw;
    margin-bottom: 2.940097vw;
    margin-top: 2.41545894vw;
  }
}

.LandPlan__text2 {
  font-size: 1.0366vw;
  letter-spacing: 0.03em;
  line-height: 2.3305084746;
  color: #000;
}
@media screen and (max-width: 600px) {
  .LandPlan__text2 {
    font-size: 1.93236715vw;
    line-height: 2;
  }
}

.LandPlan__car {
  width: 23.06002928vw;
  padding-top: 0.7vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__car {
    width: 67.800483vw;
  }
}

@media screen and (max-width: 600px) {
  .LandPlan__section {
    margin-bottom: 8.69565217vw;
  }
}

.LandPlan__UnderSection {
  padding-bottom: 2.92825769vw;
  background: url(../img/land-plan__list-items-bg.webp) no-repeat right bottom/contain;
  margin-bottom: 4.31918009vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__UnderSection {
    padding-bottom: 4.028258vw;
    margin-bottom: -1.38082vw;
  }
}

.LandPlan__title3 {
  width: 51.83016105vw;
  margin: 0 auto 3.255051vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__title3 {
    width: 90.09661836vw;
    margin: 0 auto 7.97101449vw;
  }
}

.LandPlan__design {
  width: 68.59443631vw;
  margin: 0 auto 6.00292826vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__design {
    width: 93.47826087vw;
    margin: 0 auto 10.635749vw;
  }
}

.LandPlan__list {
  margin: 0 auto;
  width: 68.30161054vw;
  margin-bottom: 2.26939971vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__list {
    width: 100%;
    margin-bottom: 0;
  }
}

.LandPlan__list-text {
  font-size: 0.8638vw;
  text-align: right;
  padding-right: 15.359004vw;
  color: #251e1c;
}
@media screen and (max-width: 600px) {
  .LandPlan__list-text {
    text-align: left;
    font-size: 1.691vw;
    padding-right: 0;
    padding-left: 9vw;
    margin-top: -6vw;
    letter-spacing: -0.08em;
  }
}

.LandPlan__lead-text {
  font-size: 0.8638vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  letter-spacing: -0.1em;
  color: #000;
  margin-bottom: 5.41727672vw;
}
@media screen and (max-width: 600px) {
  .LandPlan__lead-text {
    margin: 5.9vw auto 0;
    font-size: 1.691vw;
    width: 90.48309179vw;
    margin-bottom: 6.03864734vw;
  }
}

.access {
  padding-top: 0.87847731vw;
  background: url(../img/access__bg.webp) no-repeat center top/contain;
}
@media screen and (max-width: 600px) {
  .access {
    background: url(../img/access__bg.webp) no-repeat center top/contain, url(../img/access__bg2.webp) no-repeat center bottom/contain;
  }
}

.access-location-mv-text {
  padding-left: 15.15373353vw;
  font-size: 0.8609077vw;
  color: #251e1c;
  margin-bottom: 6.608199vw;
}
@media screen and (max-width: 600px) {
  .access-location-mv-text {
    font-size: 1.20773vw;
    padding-left: 1.69082126vw;
    margin-bottom: 6.404831vw;
  }
}

.access__title {
  width: 12.22547584vw;
  margin: 0 auto 4.031625vw;
}
@media screen and (max-width: 600px) {
  .access__title {
    width: 36.47342995vw;
    margin-bottom: 3.20628vw;
  }
}

.access__text {
  text-align: center;
  font-size: 1.44655vw;
  color: #000;
  line-height: 1.9994939271;
  margin-bottom: 5.961786vw;
}
@media screen and (max-width: 600px) {
  .access__text {
    font-size: 2.0338vw;
    line-height: 1.9988123515;
    margin-bottom: 8.178744vw;
  }
}

.access__train-text {
  margin-top: -0.60248902vw;
  padding-left: 47.87701318vw;
  margin-bottom: 3.540703vw;
  font-size: 0.68887vw;
  color: #251e1c;
}
@media screen and (max-width: 600px) {
  .access__train-text {
    margin-top: -11.571014vw;
    margin-bottom: 7.00483092vw;
    padding-left: 48.06763285vw;
    font-size: 1.1618vw;
  }
}

.access__train {
  width: 55.96852123vw;
  margin: 0 auto -0.773353vw;
}
@media screen and (max-width: 600px) {
  .access__train {
    width: 92.33333333vw;
    margin-bottom: 9.226647vw;
  }
}

.access__train-direct {
  width: 55.96852123vw;
  margin: 0 auto 9.57027818vw;
}
@media screen and (max-width: 600px) {
  .access__train-direct {
    width: 90.09661836vw;
    margin-bottom: 7.97101449vw;
  }
}

.access__car {
  width: 52.43191801vw;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .access__car {
    width: 88.84057971vw;
  }
}

.access__car-text {
  padding-left: 55.5636896vw;
  font-size: 0.6888vw;
  color: #251e1c;
  margin-bottom: 12.564714vw;
}
@media screen and (max-width: 600px) {
  .access__car-text {
    font-size: 1.161835vw;
    padding-left: 47.933816vw;
    margin-bottom: 21.266184vw;
    margin-top: 1.1vw;
  }
}

.access__list {
  width: 26.92606149vw;
  margin: 0 auto 4.445974vw;
}
@media screen and (max-width: 600px) {
  .access__list {
    margin-bottom: 8.780676vw;
    width: 61.11111111vw;
  }
}

.access__list-text {
  font-size: 2.06588vw;
  letter-spacing: 0.2em;
  color: #000;
  margin-bottom: 0.305271vw;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .access__list-text {
    font-size: 4.68599vw;
    margin-bottom: 0.105271vw;
  }
}
.access__list-text span {
  font-size: 2.5827vw;
}
@media screen and (max-width: 600px) {
  .access__list-text span {
    font-size: 5.8574879vw;
  }
}

.access__list-text-en {
  width: 6.1625183vw;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .access__list-text-en {
    width: 14.24154589vw;
  }
}

.access__list-lead-text {
  width: 30.07540264vw;
  box-sizing: content-box;
  padding-right: 1.1vw;
}
@media screen and (max-width: 600px) {
  .access__list-lead-text {
    width: 67.39130435vw;
    padding-right: 0;
  }
}

.access__middle-list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 8.760322vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list {
    margin-bottom: 11.456522vw;
  }
}

.access__middle-list-items {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.access__middle-list-items:nth-of-type(2) {
  margin-top: 5.117277vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-items:nth-of-type(2) {
    margin-top: 11.290338vw;
  }
}
.access__middle-list-items:nth-of-type(2) .access__middle-list-title-box {
  margin-top: 1.24450952vw;
  width: 7.94948755vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-items:nth-of-type(2) .access__middle-list-title-box {
    margin-top: 0.61111111vw;
    width: 16.07004831vw;
  }
}
.access__middle-list-items:nth-of-type(2) .access__middle-list-title-en {
  width: 5.44948755vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-items:nth-of-type(2) .access__middle-list-title-en {
    width: 10.89371981vw;
  }
}
.access__middle-list-items:nth-of-type(2) .access__middle-list-sm-image {
  width: 23.51317716vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-items:nth-of-type(2) .access__middle-list-sm-image {
    width: 46.58333333vw;
  }
}
.access__middle-list-items:nth-of-type(2) .access__middle-list-sm-text {
  margin-bottom: 2.55vw;
  color: #251e1c;
}
@media screen and (max-width: 600px) {
  .access__middle-list-items:nth-of-type(2) .access__middle-list-sm-text {
    margin-bottom: 0;
  }
}
.access__middle-list-items:nth-of-type(2) .access__middle-list-img-wrap {
  margin-bottom: 3.87994143vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-items:nth-of-type(2) .access__middle-list-img-wrap {
    margin-bottom: 8.413527vw;
  }
}

.access__middle-list-box1 {
  display: flex;
  gap: 10.226647vw;
  margin: 0px auto 0.94451vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 18.5vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-box1 {
    gap: 5.14492754vw;
    margin-bottom: 1.71497585vw;
    padding-right: 0;
  }
}

.access__middle-list-title-box {
  width: 8.58125915vw;
  margin-top: 6.6398243vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-title-box {
    width: 17.26086957vw;
    margin-top: 0;
  }
}

.access__middle-list-title {
  font-size: 2.06588vw;
  letter-spacing: 0.2em;
  color: #000;
  margin-bottom: 0.278477vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 600px) {
  .access__middle-list-title {
    font-size: 4.149758vw;
    margin-bottom: -0.216908vw;
    margin-top: -0.3vw;
    letter-spacing: 0.15em;
  }
}
.access__middle-list-title span {
  font-size: 2.5827vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-title span {
    font-size: 5.18599vw;
  }
}

.access__middle-list-title-en {
  width: 6.1625183vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-title-en {
    width: 12.41545894vw;
  }
}

.access__middle-list-img-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.24450952vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .access__middle-list-img-wrap {
    gap: 2.287923vw;
  }
}

.access__middle-list-img-box {
  width: 43.38945827vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-img-box {
    width: 90.09661836vw;
    margin: 0 auto;
  }
}

.access__middle-list-text {
  font-size: 1.3177vw;
  color: #251e1c;
}
@media screen and (max-width: 600px) {
  .access__middle-list-text {
    font-size: 3.63043478vw;
  }
}
.access__middle-list-text span {
  font-size: 1.72181vw;
  color: #8d7e40;
}
@media screen and (max-width: 600px) {
  .access__middle-list-text span {
    font-size: 4.74396vw;
  }
}
.access__middle-list-text .access__middle-list-inner-text {
  font-size: 0.8609vw;
  color: #000;
  letter-spacing: normal;
}
@media screen and (max-width: 600px) {
  .access__middle-list-text .access__middle-list-inner-text {
    font-size: 2.37198vw;
  }
}

@media screen and (max-width: 600px) {
  .access__middle-list-text-box {
    display: flex;
    gap: 4.275362vw;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.access__middle-list-text-box {
  width: 23.513909vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-text-box {
    width: auto;
  }
}

.access__middle-list-sm-text {
  font-size: 0.8609vw;
  margin-bottom: 3.3vw;
  color: #251e1c;
  line-height: 1.6003401361;
}
@media screen and (max-width: 600px) {
  .access__middle-list-sm-text {
    font-size: 2.1739vw;
    line-height: 1.4;
    width: 39.16666667vw;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  .access__middle-list-sm-image {
    width: 46.19323671vw;
  }
}

.access__middle-list-box {
  display: flex;
  gap: 15.673353vw;
  margin-bottom: 0.688287vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-box {
    gap: 4.83091787vw;
    padding-left: 6.097101vw;
    margin-bottom: 2.41545894vw;
  }
}

.access__top-list-text {
  width: 19.61200586vw;
}
@media screen and (max-width: 600px) {
  .access__top-list-text {
    width: 52.34299517vw;
  }
}

.access__middle-list-image {
  width: 43.3909224vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-image {
    width: 100%;
    margin-bottom: 0.618841vw;
  }
}

.access__middle-list-bottom-wrap {
  display: flex;
  gap: 2.12298682vw;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  .access__middle-list-bottom-wrap {
    gap: 7.73913vw 2.70531401vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    justify-content: center;
  }
}

.access__middle-list-left-box {
  width: 32.88579795vw;
  margin-bottom: 0.40995608vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-left-box {
    width: 89.78019324vw;
    margin-bottom: 0.218841vw;
  }
}

.access__middle-list-bottom-text {
  font-size: 1.032942899vw;
  color: #251e1c;
}
@media screen and (max-width: 600px) {
  .access__middle-list-bottom-text {
    font-size: 2.4154589vw;
  }
}
.access__middle-list-bottom-text span {
  font-size: 1.34992679vw;
  color: #8d7e40;
}
@media screen and (max-width: 600px) {
  .access__middle-list-bottom-text span {
    font-size: 3.3816425vw;
  }
}
.access__middle-list-bottom-text .access__middle-list-bottom-inner-text {
  font-size: 0.8609vw;
  color: #251e1c;
  letter-spacing: normal;
}
@media screen and (max-width: 600px) {
  .access__middle-list-bottom-text .access__middle-list-bottom-inner-text {
    font-size: 2.173913vw;
  }
}

.access__middle-list-bottom-center-image {
  width: 15.36603221vw;
  margin-bottom: 0.40995608vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-bottom-center-image {
    width: 43.09661836vw;
    margin-bottom: 1.07729469vw;
  }
}

.access__middle-list-bottom-right-image {
  width: 15.36090776vw;
  margin-bottom: 0.40995608vw;
}
@media screen and (max-width: 600px) {
  .access__middle-list-bottom-right-image {
    width: 44.06763285vw;
    margin-top: -0.31400966vw;
    margin-bottom: 1.06280193vw;
  }
}

.access__bottom-list-items {
  margin-top: 9.168814vw;
}
@media screen and (max-width: 600px) {
  .access__bottom-list-items {
    margin-top: 16.436232vw;
  }
}

.access__bottom-list-box {
  display: flex;
  gap: 9.284773vw;
  margin-bottom: 1.37628111vw;
}
@media screen and (max-width: 600px) {
  .access__bottom-list-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4.597585vw;
    margin: 0 auto 1.85990338vw;
  }
}

.access__bottom-list-title-box {
  margin-top: 0.73206442vw;
  width: 8.57906296vw;
}
@media screen and (max-width: 600px) {
  .access__bottom-list-title-box {
    margin-top: 0;
    width: 17.25603865vw;
  }
}

.access__bottom-list-title {
  font-size: 2.06588vw;
  letter-spacing: 0.2em;
  color: #000;
}
@media screen and (max-width: 600px) {
  .access__bottom-list-title {
    font-size: 4.149758vw;
  }
}
.access__bottom-list-title span {
  font-size: 2.582723vw;
}
@media screen and (max-width: 600px) {
  .access__bottom-list-title span {
    font-size: 5.18599vw;
  }
}

.access__bottom-list-title-en {
  width: 3.96193265vw;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .access__bottom-list-title-en {
    width: 8.10628019vw;
  }
}

.access__top-list-text2 {
  width: 32.31698389vw;
}
@media screen and (max-width: 600px) {
  .access__top-list-text2 {
    width: 68.40096618vw;
  }
}

.access__inner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.653734vw 2.053734vw;
  width: 67.96266471vw;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .access__inner-list {
    gap: 4.28744vw 2.17391304vw;
    width: 89.49758454vw;
  }
}

.access__inner-list-items {
  width: calc(25% - 1.5403005vw);
  max-width: 100%;
}
@media screen and (max-width: 600px) {
  .access__inner-list-items {
    width: calc(50% - 1.08695652vw);
  }
}

.access__inner-list-image {
  width: 15.32284041vw;
  margin-bottom: 0.40995608vw;
}
@media screen and (max-width: 600px) {
  .access__inner-list-image {
    width: 100%;
    margin-bottom: 0.9178744vw;
  }
}

.access__inner-list-text {
  font-size: 1.032942vw;
  color: #251e1c;
}
@media screen and (max-width: 600px) {
  .access__inner-list-text {
    font-size: 2.55797vw;
    line-height: 0.925;
    letter-spacing: normal;
  }
}
.access__inner-list-text--space {
  letter-spacing: -0.1em;
}
@media screen and (max-width: 600px) {
  .access__inner-list-text--space {
    letter-spacing: normal;
  }
}
.access__inner-list-text .access__inner-list-text-num {
  font-size: 1.3499vw;
  color: #8d7e40;
}
@media screen and (max-width: 600px) {
  .access__inner-list-text .access__inner-list-text-num {
    font-size: 3.342995vw;
  }
}
.access__inner-list-text .access__inner-list-text-dist {
  font-size: 0.8609vw;
  letter-spacing: normal;
}
@media screen and (max-width: 600px) {
  .access__inner-list-text .access__inner-list-text-dist {
    font-size: 2.173913vw;
  }
}

.access__update-day {
  text-align: right;
  padding-right: 15.73221083vw;
  font-size: 0.8609vw;
  margin-bottom: 1.771449vw;
  color: #000;
}
@media screen and (max-width: 600px) {
  .access__update-day {
    padding-right: 4.83091787vw;
    font-size: 1.932367vw;
    margin-bottom: 5.55555556vw;
  }
}

.access-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5.32284041vw;
  font-size: 0.8609vw;
  color: #251e1c;
  width: 77.5988287vw;
}
@media screen and (max-width: 600px) {
  .access-text {
    width: auto;
    margin-bottom: 12.80193237vw;
    font-size: 1.932367vw;
    padding-right: 4.34782609vw;
    padding-left: 5.55555556vw;
  }
}

.design-mv-wrap {
  position: relative;
  width: 100%;
}

.design-mv-text {
  font-size: 0.6901vw;
  color: #fff;
  position: absolute;
  bottom: 0.24908425vw;
  right: 7.32600733vw;
}
@media screen and (max-width: 600px) {
  .design-mv-text {
    right: 1.93236715vw;
    bottom: 0.72463768vw;
    font-size: 2.28019vw;
  }
}

.design {
  background: #000;
  padding-top: 12.24908425vw;
  margin-bottom: 1.61685vw;
}
@media screen and (max-width: 600px) {
  .design {
    padding-top: 30.6763285vw;
    margin-bottom: 5.79710145vw;
  }
}

.design__title {
  width: 36.26373626vw;
  margin: 0 auto;
  padding-bottom: 5vw;
}
@media screen and (max-width: 600px) {
  .design__title {
    width: 100vw;
    margin-bottom: 17vw;
    padding-bottom: 0;
  }
}

.design__wrapper {
  display: flex;
  margin-left: auto;
  width: 88.79120879vw;
}
@media screen and (max-width: 600px) {
  .design__wrapper {
    flex-direction: column-reverse;
    margin: auto;
    width: 100vw;
  }
}

.design__wrap {
  padding-top: 17.891941vw;
  padding-bottom: 11.94139194vw;
  width: 49vw;
}
@media screen and (max-width: 600px) {
  .design__wrap {
    padding-top: 0;
    padding-bottom: 33.81642512vw;
    width: 100vw;
  }
}

.design__sub-title {
  text-align: center;
  margin-bottom: 1.404762vw;
  color: #fff;
  font-size: 1.862271vw;
  line-height: 1.7592446892;
}
@media screen and (max-width: 600px) {
  .design__sub-title {
    text-align: left;
    font-size: 4.15458937vw;
    line-height: 1.773255814;
    padding-left: 4.10628019vw;
    padding-right: 5.79710145vw;
    letter-spacing: 0.04em;
    margin-bottom: 6.554106vw;
  }
}

.design__text {
  color: #fff;
  font-size: 1.0688644vw;
  line-height: 1.7745030843;
  margin-bottom: 14.252015vw;
}
@media screen and (max-width: 600px) {
  .design__text {
    font-size: 3.524154589vw;
    line-height: 1.7;
    padding-left: 4.10628019vw;
    padding-right: 5.79710145vw;
    margin-bottom: 54.34782609vw;
    letter-spacing: -0.035em;
  }
}

.design__box {
  padding-right: 5.465201vw;
  padding-left: 3.6996337vw;
}
@media screen and (max-width: 600px) {
  .design__box {
    padding-right: 15.94202899vw;
    padding-left: 15.94202899vw;
  }
}
.design__box:nth-of-type(2) {
  margin-top: 5.387546vw;
}
@media screen and (max-width: 600px) {
  .design__box:nth-of-type(2) {
    margin-top: 20.04830918vw;
  }
}
.design__box:nth-of-type(3) {
  margin-top: 7.69230769vw;
}
@media screen and (max-width: 600px) {
  .design__box:nth-of-type(3) {
    margin-top: 20.04830918vw;
  }
}
.design__box:nth-of-type(4) {
  margin-top: 5.157875vw;
}
@media screen and (max-width: 600px) {
  .design__box:nth-of-type(4) {
    margin-top: 20.04830918vw;
  }
}

.design__image {
  margin-bottom: 2.095604vw;
}
@media screen and (max-width: 600px) {
  .design__image {
    margin-bottom: 7.7294686vw;
  }
}

.design__small-title {
  font-size: 1.207326vw;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.36630037vw;
  margin-bottom: 0.405861vw;
}
@media screen and (max-width: 600px) {
  .design__small-title {
    font-size: 3.98792vw;
    margin-bottom: 2.65700483vw;
  }
}

.design__sm-text {
  color: #fff;
  font-size: 1.0344322vw;
  line-height: 1.5007082153;
}
@media screen and (max-width: 600px) {
  .design__sm-text {
    font-size: 3.4178743vw;
    line-height: 1.4996466431;
  }
}

.design__bg {
  background: url(../img/design-image.webp) no-repeat right top/63.2vw;
  width: 100%;
  background-attachment: fixed;
}
@media screen and (max-width: 600px) {
  .design__bg {
    aspect-ratio: 414/465;
    background: url(../img/design-image.webp) no-repeat -4.8vw bottom/contain;
    margin-bottom: -7.4vw;
  }
}

.design__update {
  text-align: right;
  padding-right: 11.800366vw;
  font-size: 0.69010989vw;
  color: #000;
  margin-bottom: 1.36430678vw;
}
@media screen and (max-width: 600px) {
  .design__update {
    font-size: 3.3816425vw;
    margin-bottom: 6.063285vw;
    padding-right: 5.31400966vw;
  }
}

.design__lead-text {
  font-size: 0.86227vw;
  color: #000;
  width: 77.65567766vw;
  margin: 0 auto 8.93772894vw;
}
@media screen and (max-width: 600px) {
  .design__lead-text {
    font-size: 2.367149758vw;
    width: 89.61352657vw;
    margin-bottom: 15.70048309vw;
    line-height: 1.45;
  }
}

/*# sourceMappingURL=style.css.map */