<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! Writen  by SCSS */
.loader_wrap .link_bg .item::after {
  background-color: #1d6589; }

.inner_900 {
  max-width: 900px;
  margin: 0 auto; }

sup {
  font-size: 0.5em; }

img.wide_image {
  width: 100%; }

.sec_lead_lg {
  font-size: clamp(18px, 2.09vw, 26px);
  line-height: 1.66;
  letter-spacing: 0.2em; }
  @media screen and (max-width: 480px) {
    .sec_lead_lg {
      letter-spacing: 0.1em; } }

.sec_lead {
  font-size: clamp(16px, 1.93vw, 24px);
  letter-spacing: 0.2em; }
  @media screen and (max-width: 480px) {
    .sec_lead {
      letter-spacing: 0.1em; } }

.read {
  font-size: clamp(14px, 1.29vw, 16px); }

.read_min {
  font-size: clamp(12px, 1.12vw, 14px);
  line-height: 2.15; }

.sec_main {
  position: relative;
  aspect-ratio: 1600 / 1056; }
  .sec_main .main_slide img {
    width: 100%; }
  .sec_main .main_01 {
    position: relative;
    aspect-ratio: 1600 / 1056; }
    .sec_main .main_01 .main_head {
      position: absolute;
      z-index: 2;
      top: 3.79%;
      width: 81.32%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
    .sec_main .main_01 .main_lead {
      position: absolute;
      z-index: 2;
      top: 27.18%;
      width: 53.57%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
  .sec_main .main_pagination {
    display: flex;
    justify-content: center;
    gap: 30px; }
    @media screen and (max-width: 480px) {
      .sec_main .main_pagination {
        gap: 10px;
        bottom: 20px; } }
    .sec_main .main_pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      aspect-ratio: 1;
      border-radius: 50%;
      background: #fff;
      margin: 0; }

.sec_infomation {
  padding-top: clamp(25px, 3.34%, 40px);
  padding-bottom: clamp(40px, 5%, 60px); }

.obi_wrap {
  align-items: flex-start;
  justify-content: center;
  gap: 1px; }
  @media screen and (max-width: 480px) {
    .obi_wrap {
      flex-wrap: wrap;
      gap: 10px 0; } }
  .obi_wrap .item {
    position: relative;
    max-width: 275px;
    width: 22.92%; }
    @media screen and (max-width: 480px) {
      .obi_wrap .item {
        width: calc(50% - 1px); } }
    .obi_wrap .item:not(:last-child)::after {
      content: "";
      display: block;
      position: absolute;
      top: 4px;
      bottom: 18px;
      width: 1px;
      background: #afafaf;
      right: -1px; }
    @media screen and (max-width: 480px) {
      .obi_wrap .item:nth-child(2)::after {
        content: none; } }
    @media screen and (max-width: 480px) {
      .obi_wrap .item:nth-child(-n+2)::before {
        content: "";
        display: block;
        position: absolute;
        background: #afafaf;
        left: 4px;
        right: 4px;
        bottom: -5px;
        height: 1px; } }

.info_wrap {
  max-width: 800px;
  margin-top: clamp(40px, 5%, 60px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(30px, 4.17%, 50px);
  padding-top: clamp(30px, 4.17%, 50px);
  padding-bottom: clamp(30px, 4.17%, 50px);
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc; }
  @media screen and (max-width: 480px) {
    .info_wrap {
      max-width: 400px; } }
  .info_wrap .info_head {
    text-align: center;
    max-width: 194px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .info_wrap .info_head {
        margin-bottom: 15px; } }
  .info_wrap .information {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 480px) {
      .info_wrap .information {
        width: 100%; } }

.banner_lead_list {
  margin-top: clamp(50px, 6.67%, 80px);
  margin-bottom: clamp(40px, 5%, 60px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 25px 2.08%; }
  @media screen and (max-width: 480px) {
    .banner_lead_list {
      display: grid;
      align-content: center;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; } }
  .banner_lead_list .item a {
    border-radius: 15px;
    display: block;
    line-height: 0;
    transition: opacity 0.3s ease-in-out;
    overflow: hidden; }
    @media (hover: hover) {
      .banner_lead_list .item a:hover {
        opacity: 0.5; } }

.merit_wrap {
  margin-top: clamp(40px, 5.84%, 70px);
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  gap: 20px 0.82%; }
  @media screen and (max-width: 480px) {
    .merit_wrap {
      flex-direction: column;
      gap: 10px 0; } }
  .merit_wrap .item {
    max-width: 540px;
    width: 49.55%; }
    @media screen and (max-width: 480px) {
      .merit_wrap .item {
        width: 100%; } }

.content_list {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .content_list {
      flex-direction: column;
      max-width: 360px;
      margin-left: auto;
      margin-right: auto; } }
  .content_list .item {
    position: relative; }
    .content_list .item a {
      display: block;
      position: relative;
      clip-path: inset(0 100% 0 0);
      transition-property: clip-path;
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1); }
      .content_list .item a .text_box {
        position: absolute;
        inset: 0;
        z-index: 3;
        line-height: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: clamp(20px, 2.74vw, 34px);
        gap: 0.35em 0;
        color: #fff;
        letter-spacing: 0.1em;
        font-weight: 400;
        transition: letter-spacing 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
        @media screen and (max-width: 480px) {
          .content_list .item a .text_box {
            font-size: 28px; } }
        .content_list .item a .text_box .item_more {
          font-size: 0.5em;
          letter-spacing: 0.1em;
          transition: letter-spacing 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
      .content_list .item a .image_box {
        position: relative;
        overflow: hidden; }
        .content_list .item a .image_box::before {
          content: "";
          display: block;
          position: absolute;
          inset: 0;
          line-height: 1;
          z-index: 1;
          background: rgba(0, 0, 0, 0.4);
          transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
        .content_list .item a .image_box .cap {
          z-index: 2; }
        .content_list .item a .image_box img {
          display: block;
          line-height: 0;
          transition: transform 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
          @media screen and (max-width: 480px) {
            .content_list .item a .image_box img {
              width: 100%;
              height: 100%;
              aspect-ratio: 360 / 240;
              object-fit: cover;
              object-position: center; } }
      @media (hover: hover) {
        .content_list .item a:hover .text_box {
          letter-spacing: 0.3em; }
          .content_list .item a:hover .text_box .item_more {
            letter-spacing: 0.3em; }
        .content_list .item a:hover .image_box::before {
          opacity: 0; }
        .content_list .item a:hover .image_box img {
          transform: scale(1.1); } }
    .content_list .item.p-view a {
      clip-path: inset(0); }
    .content_list .item.item_close a {
      pointer-events: none; }
      .content_list .item.item_close a::before {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        z-index: 5;
        background: rgba(0, 0, 0, 0.5); }
  .content_list .item_concept,
  .content_list .item_gallery,
  .content_list .item_plan {
    padding-right: 2.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_concept,
      .content_list .item_gallery,
      .content_list .item_plan {
        padding-right: 0; } }
    .content_list .item_concept::before,
    .content_list .item_gallery::before,
    .content_list .item_plan::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 1px;
      background: #84a0ba; }
      @media screen and (max-width: 480px) {
        .content_list .item_concept::before,
        .content_list .item_gallery::before,
        .content_list .item_plan::before {
          content: none; } }
  .content_list .item_desgin,
  .content_list .item_location,
  .content_list .item_quality {
    padding-left: 2.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_desgin,
      .content_list .item_location,
      .content_list .item_quality {
        padding-left: 0; } }
    .content_list .item_desgin a,
    .content_list .item_location a,
    .content_list .item_quality a {
      transition-delay: 0.3s; }
      @media screen and (max-width: 480px) {
        .content_list .item_desgin a,
        .content_list .item_location a,
        .content_list .item_quality a {
          transition-delay: 0s; } }
  .content_list .item_concept,
  .content_list .item_desgin,
  .content_list .item_gallery,
  .content_list .item_location {
    padding-bottom: 2.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_concept,
      .content_list .item_desgin,
      .content_list .item_gallery,
      .content_list .item_location {
        padding-bottom: 20px; } }
    .content_list .item_concept::after,
    .content_list .item_desgin::after,
    .content_list .item_gallery::after,
    .content_list .item_location::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: #84a0ba; }
  .content_list .item_gallery,
  .content_list .item_location,
  .content_list .item_plan,
  .content_list .item_quality {
    padding-top: 2.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_gallery,
      .content_list .item_location,
      .content_list .item_plan,
      .content_list .item_quality {
        padding-top: 20px; } }
  .content_list .item_concept {
    width: 32.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_concept {
        width: 100%; } }
  .content_list .item_desgin {
    width: 67.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_desgin {
        width: 100%; } }
  .content_list .item_gallery {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .content_list .item_gallery {
        width: 100%; } }
  .content_list .item_location {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .content_list .item_location {
        width: 100%; } }
  .content_list .item_plan {
    width: 67.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_plan {
        width: 100%;
        padding-bottom: 20px; }
        .content_list .item_plan::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 1px;
          background: #84a0ba; } }
  .content_list .item_quality {
    width: 32.5%; }
    @media screen and (max-width: 480px) {
      .content_list .item_quality {
        width: 100%; } }

.banner_list {
  margin-top: clamp(40px, 5.84%, 70px);
  font-size: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 7px; }
  @media screen and (max-width: 768px) {
    .banner_list {
      flex-wrap: wrap;
      gap: 7px 2%; } }
  @media screen and (max-width: 480px) {
    .banner_list {
      margin-top: 40px;
      justify-content: space-between;
      gap: 5px; } }
  .banner_list li {
    box-sizing: border-box;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .banner_list li {
        width: 32%; } }
    @media screen and (max-width: 480px) {
      .banner_list li {
        width: 48%; } }

/*# sourceMappingURL=top.css.map */
</pre></body></html>