@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Main .block-index-01 {overflow: hidden;}
#Main .block-index-01 figure {max-width: 450px;position: relative;}
#Main .block-index-01 figure img {opacity: 0;transition: opacity var(--easing) 1000ms 1500ms;}
#Main .block-index-01 figure::before {content: "";position: absolute;top: 5%;left:  5%;right:  0;bottom:  0;background: transparent url("../img/index/mv_02.webp") no-repeat 50% 0 / 100% auto;mix-blend-mode: screen;opacity: 0;transition: all var(--easing) 3000ms 1500ms;}
#Main .block-index-01 figcaption {font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-align: center;color: #fff;white-space: nowrap;}
#Main .block-index-01 figcaption strong {display: block;margin-bottom: 0.5em;font-size: 125%;font-weight: normal;}
#Main .block-index-01 .container {background: transparent url("../img/index/bg_01.webp") no-repeat 50% / cover;display: flex;align-items: center;justify-content: center;max-width: 100%;width: 100%;height: 100%;opacity: 0;transition: opacity var(--easing) 1000ms 500ms;}
.loaded #Main .block-index-01 .container,
.loaded #Main .block-index-01 figure img {opacity: 1;}
.loaded #Main .block-index-01 figure::before {opacity: 1;top: 0;left: 0;}

#Main .block-index-02 {position: relative;overflow: hidden;}
#Main .block-index-02 .swiper-container {padding-bottom: 5em;}
#Main .block-index-02 .swiper-slide {background-color: #fff;padding-bottom: 1em;}
#Main .block-index-02 .swiper-slide figure img {object-fit: cover;height: 20em;}
#Main .block-index-02 .swiper-slide figcaption {overflow: hidden;padding: 0 1em;text-align: center;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;}
#Main .block-index-02 .swiper-slide figcaption::before {content: "";display: block;margin: 0 -1em 1.5em;height: 5px;background: var(--grad-blue);}
#Main .block-index-02 .swiper-slide a {color: #333;}
#Main .block-index-02 .swiper-slide p {padding: 1.25em;text-align: center;font-size: 87.5%;}
#Main .block-index-02 .swiper-button-next {background-color: rgb(0 115 187 / 80%);padding: 3em;transform: scale(0.5);transform-origin: 100% 0;right: 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
#Main .block-index-02 .swiper-button-prev {background-color: rgb(0 115 187 / 80%);padding: 3em;transform: scale(0.5);transform-origin: 0 0;left: 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
#Main .block-index-02 .swiper-pagination-bullets {bottom: 1.75em;}
#Main .block-index-02 .swiper-pagination-bullets .swiper-pagination-bullet {background-color: transparent;border: 2px solid #004ea2;width: 0;height: 0;margin: 0 0.5em;vertical-align: middle;opacity: 1;transition: width var(--easing) 100ms, height var(--easing) 100ms;}
#Main .block-index-02 .swiper-pagination-bullets .swiper-pagination-bullet-active {width: 0.5em;height: 0.5em;border-color: #0073bb;}
#Main .block-index-02 .column-list {background-color: #fff;}
#Main .block-index-02 .column-list header h2 {font-weight: 400;font-size: 162.5%;line-height: 1;}
#Main .block-index-02 .column-list header p {margin-top: 1em;line-height: 1;}

#Main .block-index-03 {overflow: hidden;}
#Main .block-index-03 .container {position: relative;padding: 2.5em 0 4em;}
#Main .block-index-03 .slider {position: relative;}
#Main .block-index-03 .swiper-slide {background-color: #fff;max-width: 24em;height: auto;margin: 0 0.75em;}
#Main .block-index-03 .swiper-button-next {background-color: var(--yell-sax);background-position: 30% 50%;padding: 2.4em 0 2.4em 2.4em;border-radius: 0 4.8em 4.8em 0;transform: scale(0.5) translateX(100%);top: 6em;transform-origin: 100% 0;right: 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
#Main .block-index-03 .swiper-button-prev {background-color: var(--yell-sax);background-position: 70% 50%;padding: 2.4em 2.4em 2.4em 0;border-radius: 4.8em 0 0 4.8em;transform: scale(0.5) translateX(-100%);top: 6em;transform-origin: 0 0;left: 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
#Main .block-index-03 .newcondominiums .container {padding-top: 0;}
#Main .block-index-03 .intermediary {background-color: #f5f8f9;}
#Main .block-index-03 .intermediary .swiper-button-next,
#Main .block-index-03 .intermediary .swiper-button-prev {background-color: #123964;}
#Main .block-index-03 .intermediary .swiper-slide {padding-bottom: 3.5em;}
#Main .block-index-03 .intermediary .swiper-slide footer {position: absolute;bottom: 0;left: 0;right: 0;}
#Main .block-index-03 .intermediary .swiper-slide footer ul li:nth-child(1) a {background-color: #123964;}
#Main .block-index-03 .intermediary .swiper-slide footer ul li:nth-child(2) a {background-color: #001140;}
#Main .block-index-03 .rent .swiper-slide {padding-bottom: 3.5em;}
#Main .block-index-03 .rent .swiper-slide footer {position: absolute;bottom: 0;left: 0;right: 0;}
#Main .block-index-03 .tenant {background-color: #f5f8f9;}
#Main .block-index-03 .tenant .swiper-button-next,
#Main .block-index-03 .tenant .swiper-button-prev {background-color: #123964;}
#Main .block-index-03 .tenant .swiper-slide {padding-bottom: 7em;}
#Main .block-index-03 .tenant .swiper-slide footer {position: absolute;bottom: 0;left: 0;right: 0;}
#Main .block-index-03 .tenant .swiper-slide footer ul li:nth-child(1) a {background-color: #123964;}
#Main .block-index-03 .tenant .swiper-slide footer ul li:nth-child(2) a {background-color: #001140;}

/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) {
  #Main .block-index-01 {position: relative;margin: 0 1vw;}
  #Main .block-index-01 figure {padding-bottom: 10em;}
  #Main .block-index-01 figcaption {position: absolute;bottom: 3em;left: 50%;transform: translateX(-50%);}

  #Main .block-index-02::after {content: "";position: absolute;top: 32%;left: 0;right: 0;bottom: 0;background: transparent url("../img/common/bg_01.webp") no-repeat 50% / cover;z-index: -1;}
  #Main .block-index-02 .swiper-slide {max-width: 550px;margin: 0 1.5em;}
  #Main .block-index-02 .swiper-slide p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  #Main .block-index-02 .swiper-button-next,
  #Main .block-index-02 .swiper-button-prev {top: 10em;}
  #Main .block-index-02 .column-list {padding: 3em 4em;display: flex;align-items: center;}
  #Main .block-index-02 .column-list header {position: relative;padding: 2em 4em 2em 0;margin-right: 4em;}
  #Main .block-index-02 .column-list header::after {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 3.5em;background-color: #888;}
  #Main .block-index-02 .column-list header p {font-size: 93.75%;}

  #Main .block-index-03 .more {position: absolute;bottom: 100%;right: 0;margin-bottom: 2.5em;}
  #Main .block-index-03 .count_01,
  #Main .block-index-03 .count_02 {overflow: hidden;}
  #Main .block-index-03 .count_01 .swiper-container,
  #Main .block-index-03 .count_02 .swiper-container {margin: 0 -0.75em;}
  #Main .block-index-03 .count_01 .more,
  #Main .block-index-03 .count_02 .more {display: none;}

  #Main .block-index-03 .newcondominiums .container {padding-bottom: 2.5em;}
  #Main .block-index-03 .newcondominiums .swiper-wrapper {flex-wrap: wrap;transform: none;margin: 0 -0.75em;width: calc(100% + 1.5em);}
  #Main .block-index-03 .newcondominiums .swiper-slide {width: calc(33.33% - 1.5em);margin: 0 0.75em 1.5em;}
  #Main .block-index-03 .newcondominiums .swiper-button-next,
  #Main .block-index-03 .newcondominiums .swiper-button-prev {display: none;}
}
@media only screen and (min-width: 769px) and (max-width: 1128px) {
  #Main .block-index-03 .newcondominiums .swiper-slide {max-width: 100%;width: calc(50% - 1.5em);}
}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  #Main .block-index-01 figcaption {padding-bottom: 3em;font-size: 87.5%;}
  #Main .block-index-01 figcaption strong {margin-bottom: 1em;font-size: 150%;}

  #Main .block-index-02 {padding-bottom: 3em;}
  #Main .block-index-02::after {content: "";position: absolute;top: 22em;left: 0;right: 0;bottom: 0;background: transparent url("../img/common/bg_01.webp") no-repeat 50% / cover;z-index: -1;}
  #Main .block-index-02 .swiper-slide {max-width: calc(100vw - 2em);margin: 0 1em;}
  #Main .block-index-02 .swiper-slide figure img {height: 12em;}
  #Main .block-index-02 .swiper-button-next,
  #Main .block-index-02 .swiper-button-prev {top: 5em;}
  #Main .block-index-02 .column-list {padding: 1.5em;}
  #Main .block-index-02 .column-list header {position: relative;padding-bottom: 1em;border-bottom: 1px solid #ddd;}
  #Main .block-index-02 .column-list header p {position: absolute;top: -0.5em;right: 0;}

  #Main .block-index-03 .swiper-button-next {background-position: 70% 50%;padding: 2.4em 2.4em 2.4em 0;border-radius: 4.8em 0 0 4.8em;right: 1em;}
  #Main .block-index-03 .swiper-button-prev {background-position: 30% 50%;padding: 2.4em 0 2.4em 2.4em;border-radius: 0 4.8em 4.8em 0;left: 1em;}
  #Main .block-index-03 .more {width: 14em;margin: 3em auto 0;padding-left: 1em;border: 1px solid var(--yell-sax);border-radius: 1.5em;text-align: center;line-height: 3;}
  #Main .block-index-03 .count_01 {overflow: hidden;}
  #Main .block-index-03 .count_01 .swiper-container {margin: 0 -0.75em;}
  #Main .block-index-03 .count_01 .swiper-button-next,
  #Main .block-index-03 .count_01 .swiper-button-prev {display: none;}
  #Main .block-index-03 .count_01 .more {display: none;}
  #Main .block-index-03 .newcondominiums .swiper-wrapper {display: block;}
  #Main .block-index-03 .newcondominiums .swiper-slide {margin: 0;}
  #Main .block-index-03 .newcondominiums .swiper-slide + .swiper-slide {margin-top: 3em;}
  #Main .block-index-03 .newcondominiums .swiper-button-next,
  #Main .block-index-03 .newcondominiums .swiper-button-prev {display: none;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}