@charset "UTF-8";
/* CSS Document */

/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Main .block-common-mv p {padding-bottom: 1em;}
#Main .nav-container-01 {margin-bottom: 0;}

#Main .block-index-01 {background: var(--codate-grad);}
#Main .block-index-01 .swiper-wrapper {padding-bottom: 3em;}
#Main .block-index-01 .swiper-slide {position: relative;overflow: hidden;background-color: #000;}
#Main .block-index-01 .swiper-slide header {position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;padding: 0 1.5em;}
#Main .block-index-01 .swiper-slide footer ul {display: flex;justify-content: space-between;gap: 0.5em;padding: 1.5em;}
#Main .block-index-01 .swiper-slide footer ul li {flex: 1;margin: 0;padding: 1em 0.5em;background-color: #fff;line-height: 1;text-align: center;font-weight: bold;font-size: 87.5%;letter-spacing: 0;white-space: nowrap;}
#Main .block-index-01 .swiper-slide footer ul li:first-child {background-color: #b48760;color: #fff;}
#Main .block-index-01 .swiper-slide section {position: relative;z-index: 2;aspect-ratio: 3 / 2;max-width: 900px;margin: 0 auto;background-position: 50%;background-size: cover;display: flex;flex-direction: column;justify-content: space-between;}
#Main .block-index-01 .swiper-slide section::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 50%;background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%);mix-blend-mode: overlay;}
#Main .block-index-01 .swiper-slide h3 {display: flex;flex-direction: column;justify-content: flex-end;}
#Main .block-index-01 .swiper-slide::before {content: "";position: absolute;top: -10px;left: -10px;bottom: -10px;right: -10px;background-position: 50%;background-size: cover;filter: blur(10px);opacity: 0.9;}
#Main .block-index-01 .swiper-slide .lead {flex: 1;padding: 1em;color: #fff;font-weight: bold;}
#Main .block-index-01 .swiper-slide .lead small {display: block;line-height: 1;font-size: 66.67%;}
#Main .block-index-01 .swiper-slide .more .btn {position: relative;border: 1px solid #fff;padding: 0.5em 2.5em 0.5em 1em;line-height: 1;font-weight: bold;font-size: 87.5%;color: #fff;}
#Main .block-index-01 .swiper-slide .more .btn::after {content: "";position: absolute;top: 50%;right: 0.5em;width: 1em;height: 1em;background: transparent url("/assets/img/common/icon_external.svg") no-repeat 50% / contain;filter: invert(96%) sepia(91%) saturate(15%) hue-rotate(132deg) brightness(109%) contrast(100%); transform: translateY(-50%);}
#Main .block-index-01 .swiper-pagination-bullets .swiper-pagination-bullet {background-color: rgb(255 255 255 / 60%);}
#Main .block-index-01 .container {max-width: 1200px;width: calc(100% - 4em);margin: 0 auto;padding-bottom: 3em;}
#Main .block-index-01 .container h4 {margin-bottom: 0.5em;text-align: center;font-weight: bold;font-size: 125%;color: #fff;}
#Main .block-index-01 .container .column {display: flex;justify-content: space-between;}
#Main .block-index-01 .container .column > div:nth-child(1) {width: 75%;}
#Main .block-index-01 .container .column > div:nth-child(2) {width: 25%;height: auto;padding-top: 0.5em;}
#Main .block-index-01 .container .column > div:nth-child(2) a {border: 2px solid #fff;background: darkslategray url("/assets/img/index/mv_02.webp") no-repeat 50% 70% / cover;background-blend-mode: soft-light;border-radius: 0.5em;box-sizing: border-box;height: 100%;display: flex;align-items: center;justify-content: center;}
#Main .block-index-01 .container .column > div:nth-child(2) a img {max-width: 250px;}
#Main .block-index-01 .container .grid-list {justify-content: space-between;}
#Main .block-index-01 .container .grid-list > div {width: calc(33.33% - 0.5em);margin: 0.5em 0.5em 0 0;}
#Main .block-index-01 .container .grid-list > div a {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;min-height: 5em;padding-bottom: 1em;padding-right: 1em;background-color: #fff;border-radius: 0.5em;color: #454545;}
#Main .block-index-01 .container .grid-list > div a:not(.disabled)::after {content: "";position: absolute;top: 50%;right: 0.75em;transform: translateY(-50%) rotate(90deg);width: 1em;height: 1em;background: transparent url("/assets/img/common/icon_arrow_circle.svg") no-repeat 50% / contain;filter: var(--codate-filter);}
#Main .block-index-01 .container .grid-list > div a.disabled {background-color: #bdcad0;padding: 0;min-height: 0;height: 100%;justify-content: center;font-size: 150%;font-weight: bold;color: #fff;cursor: default;pointer-events: none;}
#Main .block-index-01 .container .grid-list > div a img {font-size: 87.5%;}
#Main .block-index-01 .container .grid-list > div p {white-space: nowrap;font-weight: bold;font-size: 75%;}

#Main .block-index-01 .swiper-slide.thepark h3 img {width: auto;height: 2.6em;margin-bottom: 0.25em;}
#Main .block-index-01 .swiper-slide.hidamari h3 img {width: auto;height: 2.2em;margin-bottom: 1em;}
#Main .block-index-01 .swiper-slide.suncourt h3 img {width: auto;height: 2em;margin-bottom: 0.75em;}
#Main .block-index-01 .swiper-slide.archidays h3 img {width: auto;height: 1.1em;margin-bottom: 0;}
#Main .block-index-01 .swiper-slide.onehouse h3 img {width: auto;height: 1.15em;margin-bottom: 0;}

#Main .block-index-01 .swiper-slide.onehouse::before {background-image: url("../img/mv_onehouse.webp");}
#Main .block-index-01 .swiper-slide.suncourt::before {background-image: url("../img/mv_suncourt.webp");}
#Main .block-index-01 .swiper-slide.archidays::before {background-image: url("../img/mv_archidays.webp");}
#Main .block-index-01 .swiper-slide.thepark::before {background-image: url("../img/mv_thepark.webp");}
#Main .block-index-01 .swiper-slide.hidamari::before {background-image: url("../img/mv_hidamari.webp");}

#Main .block-index-01 .swiper-slide.onehouse section {background-image: url("../img/mv_onehouse.webp");}
#Main .block-index-01 .swiper-slide.suncourt section {background-image: url("../img/mv_suncourt.webp");}
#Main .block-index-01 .swiper-slide.archidays section {background-image: url("../img/mv_archidays.webp");}
#Main .block-index-01 .swiper-slide.thepark section {background-image: url("../img/mv_thepark.webp");}
#Main .block-index-01 .swiper-slide.hidamari section {background-image: url("../img/mv_hidamari.webp");}

#Main .block-index-01 .container .grid-list > div a.thepark img {width: auto;height: 2.6em;margin-bottom: 0.25em;}
#Main .block-index-01 .container .grid-list > div a.hidamari img {width: auto;height: 2.2em;margin-bottom: 1em;}
#Main .block-index-01 .container .grid-list > div a.suncourt img {width: auto;height: 2em;margin-bottom: 0.75em;}
#Main .block-index-01 .container .grid-list > div a.archidays img {width: auto;height: 1.1em;margin-bottom: 0.5em;}
#Main .block-index-01 .container .grid-list > div a.onehouse img {width: auto;height: 1.15em;margin-bottom: 0.75em;}

#Main .block-index-02 {background-color: #f0f3f1;}
#Main .block-index-02 section {border-left: 4px solid #000;box-shadow: 0 0 1em rgb(0 0 0 / 5%);padding-left: 0.5em;background-color: #fff;}
#Main .block-index-02 section > div {background: transparent none no-repeat 50% / cover;padding: 4em 3em 3em;}
#Main .block-index-02 section > div h4 img {width: auto;height: 5.5em;}
#Main .block-index-02 section > div .lead {margin: 2em 0;line-height: 2;font-weight: bold;color: #fff;}
#Main .block-index-02 section > div ul {display: flex;flex-wrap: wrap;max-width: 24em;}
#Main .block-index-02 section > div ul li {width: calc(33.33% - 0.5em);margin: 0.5em 0.5em 0 0;padding: 1em 0;background-color: #fff;line-height: 1;text-align: center;font-weight: bold;font-size: 87.5%;letter-spacing: 0;white-space: nowrap;}
#Main .block-index-02 section > div ul li:first-child {background-color: #b48760;color: #fff;}
#Main .block-index-02 section + section {margin-top: 3em;}
#Main .block-index-02 section footer {display: flex;justify-content: space-between;align-items: flex-end;height: 4.4em;}
#Main .block-index-02 section footer h5 {display: flex;align-items: center;padding: 0 0 1em 2.3em;font-size: 125%;}
#Main .block-index-02 section footer h5 small {display: block;font-weight: bold;font-size: 50%;}
#Main .block-index-02 section footer h5 small::before {content: "";display: inline-block;width: 2em;height: 1px;background-color: #aaa;margin: 0 0.5em 0 1em;vertical-align: middle;}
#Main .block-index-02 section footer h5 small::after {content: "";display: inline-block;width: 2em;height: 1px;background-color: #aaa;margin: 0 0 0 0.5em;vertical-align: middle;}
#Main .block-index-02 section footer figure img {width: auto;height: 15em;}
#Main .block-index-02 section footer .more {flex: 1;display: flex;justify-content: flex-end;}
#Main .block-index-02 section footer .more .btn {position: relative;background-color: #006379;border-radius: 5px;margin-right: 1em;padding: 0.75em 1em 0.75em 0;width: 12em;line-height: 1;text-align: center;font-weight: bold;color: #fff;}
#Main .block-index-02 section footer .more .btn::after {content: "";position: absolute;top: 50%;right: 0.75em;width: 1em;height: 1em;background: transparent url("/assets/img/common/icon_external.svg") no-repeat 50% / contain;filter: invert(96%) sepia(91%) saturate(15%) hue-rotate(132deg) brightness(109%) contrast(100%); transform: translateY(-50%);}
#Main .block-index-02 .anchor {padding-bottom: 3em;}
#Main .block-index-02 .container {max-width: 1200px;width: calc(100% - 4em);margin: 0 auto;padding: 3em 0 0;}

#Main .block-index-02 section.onehouse {border-color: #0c385a;}
#Main .block-index-02 section.onehouse > div {background-image: url("../img/bg_onehouse.webp");}
#Main .block-index-02 section.onehouse > div ul li:nth-child(2) {width: calc(66.67% - 0.5em);}
#Main .block-index-02 section.onehouse > footer h5 {padding-bottom: 1.25em;}
#Main .block-index-02 section.onehouse > footer h5 img {width: auto;height: 1.15em;}

#Main .block-index-02 section.suncourt {border-color: #937644;}
#Main .block-index-02 section.suncourt > div {background-image: url("../img/bg_suncourt.webp");}
#Main .block-index-02 section.suncourt > div ul li:nth-child(2) {width: calc(66.67% - 0.5em);}
#Main .block-index-02 section.suncourt > footer h5 img {width: auto;height: 2em;}
#Main .block-index-02 section.suncourt > footer h5 small {margin-top: 1.5em;}

#Main .block-index-02 section.archidays {border-color: #231815;}
#Main .block-index-02 section.archidays > div {background-image: url("../img/bg_archidays.webp");}
#Main .block-index-02 section.archidays > footer h5 {padding-bottom: 1.25em;}
#Main .block-index-02 section.archidays > footer h5 img {width: auto;height: 1.1em;}

#Main .block-index-02 section.thepark {border-color: #196b24;}
#Main .block-index-02 section.thepark > div {background-image: url("../img/bg_thepark.webp");}
#Main .block-index-02 section.thepark > footer h5 {padding-bottom: 0.5em;}
#Main .block-index-02 section.thepark > footer h5 img {width: auto;height: 2.6em;}

#Main .block-index-02 section.hidamari {border-color: #fd8d13;}
#Main .block-index-02 section.hidamari > div {background-image: url("../img/bg_hidamari.webp");}
#Main .block-index-02 section.hidamari > footer h5 {padding-bottom: 0.75em;}
#Main .block-index-02 section.hidamari > footer h5 img {width: auto;height: 2.2em;}

#Main .block-index-03 {background: darkslategray url("/assets/img/index/mv_02.webp") no-repeat 50% 70% / cover;background-blend-mode: soft-light;}
#Main .block-index-03 h3 {text-align: center;color: #fff;font-weight: 700;font-size: 280%;letter-spacing: 0.15em;}
#Main .block-index-03 h3 small {display: block;mix-blend-mode: overlay;line-height: 1;font-size: 30%;font-weight: 700;opacity: 0.8;}
#Main .block-index-03 h3 strong {margin-left: 0.25em;font-size: 115%;}
#Main .block-index-03 h3 + p {text-align: center;letter-spacing: 0.2em;font-weight: 700;color: #fff;}
#Main .block-index-03 h3 + p strong {font-size: 115%;}
#Main .block-index-03 h3 + p a {border: 1px solid #e0e5ea;border-radius: 3em;background: linear-gradient(135deg,rgba(255, 255, 255, 1) 50%, rgba(244, 246, 248, 1) 100%);max-width: 20em;margin: 1em auto 0;padding: 1.5em 1em 1.5em 1.5em;position: relative;font-weight: bold;line-height: 1;letter-spacing: 0;color: #454545;}
#Main .block-index-03 h3 + p a::after {content: "";width: 1em;height: 1em;background: transparent url("/assets/img/common/icon_external.svg") no-repeat 50% / contain;position: absolute;top: 50%;right: 1em;transform: translateY(-50%);filter: invert(32%) sepia(28%) saturate(2693%) hue-rotate(184deg) brightness(96%) contrast(95%);}
#Main .block-index-03 .container {padding: 5em 0;}

#Main .block-index-04 {background: transparent url("../img/bg_01.webp") no-repeat 50% / cover;padding: 3em 0;}
#Main .block-index-04 h3 {margin: 0;}
#Main .block-index-04 h3 img {width: auto;height: 5em;margin: 0 auto;}
#Main .block-index-04 .column {display: flex;justify-content: space-around;padding: 1em 1em 0;}
#Main .block-index-04 .column > div {position: relative;width: calc(50% - 2em);padding: 0 1em 4em;}
#Main .block-index-04 .column > div figcaption {margin-top: 0.5em;font-weight: bold;line-height: 2;}
#Main .block-index-04 .column > div .more {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#Main .block-index-04 .column > div .more .btn {position: relative;background-color: #0d9178;border-radius: 5px 5px 0 0;padding: 1em 1em 1em 0;width: 12em;line-height: 1;text-align: center;font-weight: bold;color: #fff;}
#Main .block-index-04 .column > div .more .btn::after {content: "";position: absolute;top: 50%;right: 0.75em;width: 1em;height: 1em;background: transparent url("/assets/img/common/icon_external.svg") no-repeat 50% / contain;filter: invert(96%) sepia(91%) saturate(15%) hue-rotate(132deg) brightness(109%) contrast(100%); transform: translateY(-50%);}
#Main .block-index-04 .column > div:nth-child(1) h4 img {width: auto;height: 6em;margin: 0 auto 1em;}
#Main .block-index-04 .column > div:nth-child(2) h4 img {width: auto;height: 2.5em;margin: 3.5em auto 1em;}
#Main .block-index-04 .container {max-width: 1200px;width: calc(100% - 4em);margin: 0 auto;background-color: #fff;border-radius: 5px;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (max-width: 1240px) {
  #Main .block-index-01 .container .column > div:nth-child(1) {width: 67%;}
  #Main .block-index-01 .container .column > div:nth-child(2) {width: 33%;}
  #Main .block-index-01 .container .grid-list > div {width: calc(50% - 0.5em);}
  #Main .block-index-01 .container .grid-list > div a {min-height: 4.5em;padding-bottom: 0.5em;}

  #Main .block-index-02 section > div {padding: 3em 2em 2em;}
  #Main .block-index-02 section > div h4 img {height: 5em;}
  #Main .block-index-02 section > div .lead {margin: 1em 0;}
  #Main .block-index-02 section footer {position: relative;height: 5em;}
  #Main .block-index-02 section footer figure {position: absolute;right: 0;bottom: 4em;}
  #Main .block-index-02 section footer figure img {height: 12em;}
  #Main .block-index-02 section footer h5 {padding-left: 1.75em;}
  #Main .block-index-02 section.onehouse > footer h5 {padding-bottom: 1.5em;}
  #Main .block-index-02 section.suncourt > footer h5 {padding-bottom: 1.2em;}
  #Main .block-index-02 section.archidays > footer h5 {padding-bottom: 1.5em;}
  #Main .block-index-02 section.thepark > footer figure {bottom: 3.75em;}
  #Main .block-index-02 section.hidamari > footer figure {bottom: 3em;}
  #Main .block-index-02 section.hidamari > footer h5 {padding-bottom: 1em;}

  #Main .block-index-04 .column > div h4 img {font-size: 80%;}
}
@media only screen and (min-width: 1025px) {}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (max-width: 1024px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {

  #Main .block-index-03 h3 {font-size: 200%;white-space: nowrap;}
  #Main .block-index-03 h3 small {font-size: 46%;}

  #Main .block-index-01 .swiper-slide {padding: 6em 0;}
  #Main .block-index-01 .swiper-slide::before {opacity: 0.8;}
  #Main .block-index-01 .swiper-slide section {position: relative;width: calc(100% - 2em);margin: 0 auto;border-radius: 0.5em;box-shadow: 0 0 1em rgb(0 0 0 / 15%);}
  #Main .block-index-01 .swiper-slide section::before {border-radius: 0.5em;}
  #Main .block-index-01 .swiper-slide section header {position: absolute;bottom: 100%;left: 0;right: 0;justify-content: center;}
  #Main .block-index-01 .swiper-slide section header .lead {flex: auto;}
  #Main .block-index-01 .swiper-slide section header .more {position: absolute;top: 100%;right: 0;margin: 1em;}
  #Main .block-index-01 .swiper-slide section footer {position: absolute;top: calc(100% - 3em);left: 0;right: 0;}
  #Main .block-index-01 .swiper-slide section footer ul {flex-wrap: wrap;}
  #Main .block-index-01 .swiper-slide section footer ul li {flex: auto;box-sizing: border-box;width: calc(33.33% - 0.5em);}
  #Main .block-index-01 .swiper-slide.onehouse section footer ul li:nth-child(2) {width: calc(66.67% - 0.5em);}
  #Main .block-index-01 .swiper-slide.suncourt section footer ul li:nth-child(2) {width: calc(66.67% - 0.5em);}

  #Main .block-index-01 .container .column {display: block;}
  #Main .block-index-01 .container .column > div {width: 100%!important;}
  #Main .block-index-01 .container .column > div:nth-child(2) a {margin: 0 0.25em;}
  #Main .block-index-01 .container .column > div:nth-child(2) a img {width: 50%;}
  #Main .block-index-01 .container .grid-list > div {margin: 0.25em;}

  #Main .block-index-02 section > div {background-position: 30% 50%;}
  #Main .block-index-02 section > footer {display: block;height: auto;padding-bottom: 1em;}
  #Main .block-index-02 section > footer h5 {padding: 1em!important;flex-direction: column;align-items: flex-start;}
  #Main .block-index-02 section > footer figure {bottom: 1em!important;}
  #Main .block-index-02 section > footer figure img {height: 11em;}
  #Main .block-index-02 section > footer .more {justify-content: flex-start;padding: 0 1em;}

  #Main .block-index-02 section.onehouse > footer h5 small {margin-top: 1.5em;}
  #Main .block-index-02 section.archidays > footer h5 small {margin-top: 1.5em;}
  #Main .block-index-02 section.hidamari > footer h5 small {margin-top: 1.5em;}

  #Main .block-index-04 .column {display: block;}
  #Main .block-index-04 .column > div {width: calc(100% - 2em);box-sizing: border-box;margin: 0 1em;padding-bottom: 4em;}
  #Main .block-index-04 .column > div:nth-child(1) {border-bottom: 1px solid #ddd;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}