@charset "UTF-8";

@import url(./global.css);

.sec_title .en {

  font-size: clamp(30px, 4.2vw, 35px); }



.home_item a {

  display: flex; }

  .home_item a:hover figure img {

    transform: scale(1.05); }

.home_item .wrapper {

  background: #fff; }

  .home_item .wrapper .text_area {

    flex: 1;

    padding: 30px 60px; }

    .home_item .wrapper .text_area .sec_title {

      margin-bottom: 15px; }

      .home_item .wrapper .text_area .sec_title .en {

        margin-bottom: 70px;

        font-size: 16px;

        font-family: "Marcellus", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

      .home_item .wrapper .text_area .sec_title .jp {

        display: block;

        font-size: 18px;

        font-weight: 500; }

    .home_item .wrapper .text_area .text {

      text-align: justify;

      font-size: clamp(12px, 1.6vw, 14px); }

    .home_item .wrapper .text_area .more {

      margin-top: 30px; }

  .home_item .wrapper figure {

    width: 45%;

    max-height: 370px;

    overflow: hidden; }

    .home_item .wrapper figure img {

      transition: all 0.5s ease;

      -webkit-transition: all 0.5s ease;

      backface-visibility: hidden;

      -webkit-backface-visibility: hidden; }



/* ------------------------------

 MainMovie

------------------------------ */

#topmovie {

  position: relative;

  width: 100%;

  height: 100svh;

  margin-bottom: 180px; }

  #topmovie::after {

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(43, 43, 43, 0.4);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2; }

  #topmovie .movie_area {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden; }

    #topmovie .movie_area #movie {

      position: absolute;

      top: 50%;

      left: 50%;

      object-fit: cover;

      transform: translate(-50%, -50%);

      width: 100%;

      height: 100%; }

  #topmovie .topmovie_text {

    max-width: 1920px;

    color: #fff;

    position: absolute;

    left: 6vw;

    bottom: 180px;

    z-index: 3; }

    #topmovie .topmovie_text .jp {

      margin-bottom: 30px;

      font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

      font-weight: 400;

      font-size: clamp(22px, 4.1vw, 36px); }

    #topmovie .topmovie_text .en {

      font-size: clamp(11px, 1.6vw, 15px);

      font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }



/* ------------------------------

 Event

------------------------------ */

.event_area {

  margin-bottom: 180px; }

  .event_area .event_item {

    display: flex;

    justify-content: space-between;

    margin-bottom: 60px; }

    .event_area .event_item .title_area {

      width: 20%;

      padding-right: 30px;

      box-sizing: border-box; }

      .event_area .event_item .title_area .sec_title {

        margin-bottom: 30px; }

        .event_area .event_item .title_area .sec_title .br {

          display: block; }

      .event_area .event_item .title_area .more {

        margin-left: -30px; }

    .event_area .event_item .content_area {

      flex: 1; }

      .event_area .event_item .content_area .item + .item {

        margin-top: 30px; }

      .event_area .event_item .content_area .item a {

        display: flex;

        justify-content: space-between;

        background: #fff; }

        .event_area .event_item .content_area .item a:hover figure img {

          transform: scale(1.05); }

        .event_area .event_item .content_area .item a figure {

          width: 37.5%;

          aspect-ratio: 7 / 5;

          overflow: hidden;

          position: relative; }

          .event_area .event_item .content_area .item a figure img {

            transition: all 0.5s ease;

            -webkit-transition: all 0.5s ease;

            backface-visibility: hidden;

            -webkit-backface-visibility: hidden; }

          .event_area .event_item .content_area .item a figure.end::before {

            content: "";

            width: 100%;

            height: 100%;

            position: absolute;

            left: 0;

            top: 0;

            background: rgba(43, 43, 43, 0.6);

            z-index: 2; }

          .event_area .event_item .content_area .item a figure.end::after {

            content: "終了しました";

            width: 100%;

            height: 100%;

            display: flex;

            align-items: center;

            justify-content: center;

            position: absolute;

            left: 50%;

            top: 50%;

            transform: translate(-50%, -50%);

            color: #fff;

            z-index: 2;

            font-size: 15px;

            font-weight: 500; }

          .event_area .event_item .content_area .item a figure .category {

            position: absolute;

            bottom: 0;

            left: 0;

            z-index: 3; }

            .event_area .event_item .content_area .item a figure .category span {

              display: block;

              width: fit-content;

              background: #fff;

              padding: 5px 12px 3px;

              font-size: 12px; }

              .event_area .event_item .content_area .item a figure .category span.cat_end {

                background: #d5d5d5; }

              .event_area .event_item .content_area .item a figure .category span.cat_closed {

                background: #E1A990;

                color: #fff; }

        .event_area .event_item .content_area .item a .text_area {

          flex: 1;

          padding: 40px 60px; }

          .event_area .event_item .content_area .item a .text_area .post_title {

            line-height: 1.6;

            margin-bottom: 10px;

            font-size: clamp(15px, 2.1vw, 18px);

            font-weight: 500; }

          .event_area .event_item .content_area .item a .text_area p {

            line-height: 1.6;

            margin-bottom: 20px;

            font-size: clamp(12px, 1.6vw, 14px); }

          .event_area .event_item .content_area .item a .text_area time {

            display: block;

            border: 1px solid #d5d5d5;

            padding: 15px;

            text-align: center;

            line-height: 1.3; }



/* ------------------------------

 Concept

------------------------------ */

.sec_concept {

  max-width: 1920px;

  padding: 0 6vw;

  margin-bottom: 80px;

  box-sizing: border-box; }

  .sec_concept .inner {

    position: relative; }

  .sec_concept .title_area {

    padding-top: 170px; }

    .sec_concept .title_area .lead {

      text-align: right;

      margin-bottom: 30px;

      font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

      font-weight: 400;

      font-size: clamp(20px, 3.6vw, 32px); }

    .sec_concept .title_area .lead_en {

      text-align: right;

      transition-delay: .5s;

      font-size: clamp(12px, 1.8vw, 15px);

      font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

  .sec_concept .text_area {

    padding-top: calc(48% - 170px - 57.6px - 54px + 50px); }

    .sec_concept .text_area .text p {

      text-align: justify;

      line-height: 2.1; }

    .sec_concept .text_area .more {

      margin-top: 50px; }

  .sec_concept .img01 {

    width: 48%;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    position: absolute;

    left: 0;

    top: 0; }

    .sec_concept .img01 img {

      height: 100%; }

  .sec_concept .img02 {

    width: 42%;

    aspect-ratio: 7 / 5;

    overflow: hidden;

    position: absolute;

    right: 0;

    bottom: 100px; }

    .sec_concept .img02 img {

      height: 100%; }



/* ------------------------------

 Policy

------------------------------ */

.sec_policy {

  margin-bottom: 120px; }

  .sec_policy .sec_title {

    text-align: center;

    margin-bottom: 40px; }



/* ------------------------------

 Lineup

------------------------------ */

.sec_lineup {

  margin-bottom: 180px; }

  .sec_lineup .sec_title {

    text-align: right;

    margin-bottom: 40px; }

  .sec_lineup .list_lineup {

    display: flex;

    justify-content: flex-start;

    margin: 0 -45px 70px; }

    .sec_lineup .list_lineup li {

      width: 50%;

      padding: 0 45px;

      box-sizing: border-box; }

      .sec_lineup .list_lineup li a {

        display: block; }

        .sec_lineup .list_lineup li a:hover figure img {

          transform: scale(1.05); }

        .sec_lineup .list_lineup li a figure {

          width: 100%;

          aspect-ratio: 1 / .8;

          overflow: hidden;

          margin-bottom: 40px; }

          .sec_lineup .list_lineup li a figure img {

            height: calc(100% + 50px);

            transition: all 0.5s ease;

            -webkit-transition: all 0.5s ease;

            backface-visibility: hidden;

            -webkit-backface-visibility: hidden; }

        .sec_lineup .list_lineup li a .text_area {

          padding: 0 20px; }

          .sec_lineup .list_lineup li a .text_area .sub_title {

            font-size: 16px;

            font-family: "Marcellus", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

          .sec_lineup .list_lineup li a .text_area .post_title {

            display: flex;

            align-items: center;

            justify-content: flex-start;

            margin-bottom: 15px; }

            .sec_lineup .list_lineup li a .text_area .post_title .en {

              font-size: clamp(30px, 4.2vw, 35px);

              font-family: "Marcellus", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

            .sec_lineup .list_lineup li a .text_area .post_title .jp {

              padding-left: 10px;

              font-size: 12px; }

          .sec_lineup .list_lineup li a .text_area .catch {

            line-height: 1.6;

            margin-bottom: 20px;

            font-size: clamp(15px, 2.2vw, 18px);

            font-weight: 500; }

          .sec_lineup .list_lineup li a .text_area p:not([class]) {

            text-align: justify;

            font-size: clamp(12px, 1.8vw, 14px); }

          .sec_lineup .list_lineup li a .text_area .more {

            margin-top: 40px; }

  .sec_lineup .lineup_yucaco a {

    display: block;

    background: #fff;

    padding: 45px 70px; }

    .sec_lineup .lineup_yucaco a .catch {

      font-size: clamp(12px, 1.8vw, 14px); }

    .sec_lineup .lineup_yucaco a .post_title {

      display: flex;

      align-items: center;

      justify-content: space-between;

      line-height: 1.3; }

      .sec_lineup .lineup_yucaco a .post_title .en {

        font-size: clamp(30px, 4.2vw, 35px);

        font-family: "Marcellus", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

      .sec_lineup .lineup_yucaco a .post_title .jp {

        display: flex;

        align-items: center;

        justify-content: flex-end;

        font-size: clamp(16px, 2.2vw, 18px); }

        .sec_lineup .lineup_yucaco a .post_title .jp .more_arrow {

          padding-left: 10px; }



/* ------------------------------

 Modelhouse

------------------------------ */

.sec_modelhouse {

  position: relative;

  overflow: hidden; }

  .sec_modelhouse .bgimg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    z-index: 1; }

    .sec_modelhouse .bgimg::after {

      content: "";

      width: 100%;

      height: 100%;

      background: rgba(43, 43, 43, 0.5);

      position: absolute;

      left: 0;

      top: 0; }

  .sec_modelhouse a {

    display: block;

    position: relative;

    z-index: 2; }

  .sec_modelhouse .wrapper {

    padding-top: 90px;

    padding-bottom: 90px;

    color: #fff;

    position: relative;

    z-index: 2; }

    .sec_modelhouse .wrapper .text_area {

      width: 50%; }

      .sec_modelhouse .wrapper .text_area .sec_title {

        margin-bottom: 40px; }

      .sec_modelhouse .wrapper .text_area .text {

        text-align: justify;

        font-size: clamp(12px, 1.8vw, 14px); }

    .sec_modelhouse .wrapper .more {

      margin-left: auto; }



/* ------------------------------

 Case

------------------------------ */

.sec_case {

  background: #fff;

  padding: 130px 0 60px;

  margin-bottom: 120px; }

  .sec_case .text_area {

    margin-bottom: 40px;

    display: flex;

    align-items: center;

    justify-content: flex-end; }

    .sec_case .text_area .link {

      display: flex;

      align-items: center; }

      .sec_case .text_area .link li {

        padding: 0 20px;

        position: relative; }

        .sec_case .text_area .link li:first-of-type {

          position: relative; }

          .sec_case .text_area .link li:first-of-type::after {

            content: "";

            width: 1px;

            height: 16px;

            background: #2B2B2B;

            position: absolute;

            right: 0;

            top: 50%;

            transform: translateY(-50%) rotate(30deg); }

        .sec_case .text_area .link li a {

          display: block; }

  .sec_case .list_case {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    margin: 0 -25px; }

    .sec_case .list_case li {

      width: calc(100% / 3);

      padding: 0 25px;

      box-sizing: border-box;

      margin-bottom: 70px; }

      .sec_case .list_case li a {

        display: block; }

        .sec_case .list_case li a:hover figure img {

          transform: scale(1.05); }

        .sec_case .list_case li a figure {

          width: 100%;

          aspect-ratio: 7 / 5;

          overflow: hidden;

          margin-bottom: 15px; }

          .sec_case .list_case li a figure img {

            transition: all 0.5s ease;

            -webkit-transition: all 0.5s ease;

            backface-visibility: hidden;

            -webkit-backface-visibility: hidden; }

        .sec_case .list_case li a p {

          font-weight: 500; }



/* ------------------------------

 OwnersVoice

------------------------------ */

.sec_ownersvoice {

  position: relative;

  margin-bottom: 100px; }

  .sec_ownersvoice .headarea {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 50px; }

  .sec_ownersvoice .wrapper.wide {

    max-width: 1400px; }

  .sec_ownersvoice .wrap {

    display: flex; }

    .sec_ownersvoice .wrap .inner .item a {

      display: block; }

      .sec_ownersvoice .wrap .inner .item a:hover .ph img {

        transform: scale(1.05); }

      .sec_ownersvoice .wrap .inner .item a .ph {

        aspect-ratio: 1 / .66;

        overflow: hidden; }

        .sec_ownersvoice .wrap .inner .item a .ph img {

          transition: all 0.5s ease;

          -webkit-transition: all 0.5s ease;

          backface-visibility: hidden;

          -webkit-backface-visibility: hidden; }

      .sec_ownersvoice .wrap .inner .item a .text_area {

        margin-top: 25px; }

        .sec_ownersvoice .wrap .inner .item a .text_area .post_title {

          font-size: 16px;

          font-weight: 500; }

        .sec_ownersvoice .wrap .inner .item a .text_area .info {

          line-height: 1.3;

          margin-top: 10px;

          font-size: 14px; }

          .sec_ownersvoice .wrap .inner .item a .text_area .info span {

            margin-right: .5em; }

    .sec_ownersvoice .wrap .inner:first-child {

      width: 63%; }

    .sec_ownersvoice .wrap .inner:last-child {

      width: 30%;

      margin-left: 7%; }

      .sec_ownersvoice .wrap .inner:last-child .item + .item {

        margin-top: 60px; }

      .sec_ownersvoice .wrap .inner:last-child .item a .text_area {

        margin-top: 15px; }

        .sec_ownersvoice .wrap .inner:last-child .item a .text_area .post_title {

          font-size: 14px; }



/* ------------------------------

 After

------------------------------ */

.sec_after {

  margin-bottom: 100px; }



/* ------------------------------

 ForOwners

------------------------------ */

.sec_forowner {

  position: relative;

  overflow: hidden;

  margin-bottom: 130px; }

  .sec_forowner .bgimg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    z-index: 1; }

    .sec_forowner .bgimg::after {

      content: "";

      width: 100%;

      height: 100%;

      background: rgba(43, 43, 43, 0.6);

      position: absolute;

      left: 0;

      top: 0; }

  .sec_forowner a {

    display: block;

    position: relative;

    z-index: 2; }

  .sec_forowner .wrapper {

    padding-top: 70px;

    padding-bottom: 70px;

    color: #fff;

    position: relative;

    z-index: 2; }

    .sec_forowner .wrapper .text_area {

      width: 50%;

      margin-left: auto; }

      .sec_forowner .wrapper .text_area .sec_title {

        margin-bottom: 40px;

        text-align: right; }

      .sec_forowner .wrapper .text_area .text {

        text-align: justify;

        font-size: clamp(12px, 1.8vw, 14px); }

    .sec_forowner .wrapper .more {

      margin-left: auto;

      margin-top: 30px; }



/* ------------------------------

 News

------------------------------ */

.sec_news {

  margin-bottom: 130px; }

  .sec_news .wrapper {

    display: flex;

    justify-content: space-between; }

  .sec_news .title_area {

    width: 30%;

    padding-right: 30px;

    box-sizing: border-box; }

    .sec_news .title_area .sec_title {

      margin-bottom: 30px; }

  .sec_news .content_area {

    flex: 1; }

    .sec_news .content_area .list_news {

      border-top: 1px solid #d5d5d5; }

      .sec_news .content_area .list_news li {

        border-bottom: 1px solid #d5d5d5; }

        .sec_news .content_area .list_news li a.inner {

          padding: 40px 10px 80px; }

        .sec_news .content_area .list_news li span.inner {

          padding: 40px 10px; }

        .sec_news .content_area .list_news li .inner {

          display: flex;

          align-items: center;

          justify-content: space-between;

          position: relative; }

          .sec_news .content_area .list_news li .inner .post_title {

            line-height: 1.6;

            font-size: clamp(15px, 2.1vw, 18px); }

          .sec_news .content_area .list_news li .inner time {

            color: #616161; }

          .sec_news .content_area .list_news li .inner .more_arrow {

            position: absolute;

            right: 10px;

            bottom: 40px; }

            .sec_news .content_area .list_news li .inner .more_arrow .more_inner {

              width: 16px;

              height: 6.6px;

              padding: 7px 10px;

              position: relative;

              display: block;

              border: 1px solid #AEAAA7;

              border-radius: 50px; }

              .sec_news .content_area .list_news li .inner .more_arrow .more_inner::after {

                width: 16px;

                height: 6.6px;

                background: #616161; }



/* ------------------------------

 Blog

------------------------------ */

.blog_area {

  margin-bottom: 130px; }

  .blog_area .wrapper {

    display: flex;

    justify-content: space-between; }

  .blog_area .blog_item {

    width: calc(50% - 45px);

    box-sizing: border-box; }

    .blog_area .blog_item .list_blog li {

      margin-bottom: 40px; }

      .blog_area .blog_item .list_blog li a {

        display: flex;

        align-items: flex-start;

        justify-content: space-between; }

        .blog_area .blog_item .list_blog li a:hover figure img {

          transform: scale(1.05); }

        .blog_area .blog_item .list_blog li a figure {

          position: relative;

          width: 45%;

          flex-shrink: 0;

          aspect-ratio: 7 / 5;

          overflow: hidden; }

          .blog_area .blog_item .list_blog li a figure img {

            position: absolute;

            left: 0;

            top: 0;

            transition: all 0.5s ease;

            -webkit-transition: all 0.5s ease;

            backface-visibility: hidden;

            -webkit-backface-visibility: hidden; }

        .blog_area .blog_item .list_blog li a .text_area {

          flex: 1;

          padding-left: 25px; }

    .blog_area .blog_item.sec_blog .title_area {

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-bottom: 30px; }

      .blog_area .blog_item.sec_blog .title_area .sec_title {

        display: flex;

        align-items: center;

        justify-content: flex-start; }

        .blog_area .blog_item.sec_blog .title_area .sec_title .jp {

          padding-left: 10px; }

    .blog_area .blog_item.sec_blog .list_blog li .text_area .blog_info {

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-bottom: 10px; }

      .blog_area .blog_item.sec_blog .list_blog li .text_area .blog_info time {

        flex: 1;

        color: #616161;

        font-size: 14px; }

      .blog_area .blog_item.sec_blog .list_blog li .text_area .blog_info .icon {

        width: 40px;

        height: 40px;

        aspect-ratio: 1 / 1;

        overflow: hidden;

        border-radius: 50%; }

        .blog_area .blog_item.sec_blog .list_blog li .text_area .blog_info .icon img {

          height: 100%; }

    .blog_area .blog_item.sec_blog .list_blog li .text_area .post_title {

      line-height: 1.6;

      font-size: 16px;

      font-weight: 500; }

    .blog_area .blog_item.sec_blog .list_blog li .text_area .category {

      display: flex;

      align-items: center;

      justify-content: flex-start;

      flex-wrap: wrap;

      margin-top: 30px; }

      .blog_area .blog_item.sec_blog .list_blog li .text_area .category span {

        margin-right: 5px;

        display: block;

        width: fit-content;

        background: #fff;

        padding: 6px 15px 4px;

        font-size: 12px; }

    .blog_area .blog_item.sec_hauska .title_area {

      display: flex;

      justify-content: space-between;

      margin-bottom: 34px; }

      .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska {

        display: flex;

        align-items: center; }

        .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo {

          display: flex;

          justify-content: center;

          align-items: center; }

          .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .title_svg {

            width: 156px; }

          .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .en {

            margin-left: 10px;

            text-align: right;

            font-family: "Marcellus", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

            font-size: 18px;

            line-height: 1;

            letter-spacing: 0.1em; }

            .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .en small {

              display: block;

              margin-top: 5px;

              font-size: 10px;

              letter-spacing: 0.1em; }

            .entry .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .en {

              font-size: 19px;

              margin: 0 0 10px 5px; }

              .entry .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .en small {

                font-size: 10px; }

        .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .title {

          font-size: 12px;

          line-height: 1.4;

          border-left: 1px solid #d5d5d5;

          margin-left: 15px;

          padding-left: 15px; }

    .blog_area .blog_item.sec_hauska .list_blog li a {

      display: flex;

      justify-content: space-between;

      width: 100%; }

      .blog_area .blog_item.sec_hauska .list_blog li a .text_area {

        width: 100%;

        padding-left: 4%;

        -webkit-box-sizing: border-box;

        box-sizing: border-box; }

        .blog_area .blog_item.sec_hauska .list_blog li a .text_area .category {

          margin-bottom: 20px;

          display: flex;

          flex-wrap: wrap; }

          .blog_area .blog_item.sec_hauska .list_blog li a .text_area .category span {

            margin-right: 10px;

            display: inline-block;

            background-color: #2B2B2B;

            color: #FFF;

            line-height: 28px;

            padding: 0 10px;

            font-size: 12px;

            letter-spacing: 0.05em; }

            .blog_area .blog_item.sec_hauska .list_blog li a .text_area .category span.default {

              background-color: #D1C4BA;

              color: #2B2B2B; }

        .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_title {

          font-size: 16px;

          font-weight: 500;

          line-height: 1.6; }

        .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_info {

          display: flex;

          font-size: 12px;

          margin-top: 5px; }

          .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_info span {

            line-height: 1; }

            .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_info span.date {

              padding: 3px 0; }

            .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_info span.writer {

              position: relative;

              padding: 3px 0 3px 12px;

              margin-left: 12px; }

              .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_info span.writer::before {

                content: "";

                position: absolute;

                left: 0;

                top: 0;

                bottom: 0;

                width: 1px;

                background-color: #2B2B2B;

                opacity: .3; }

        .blog_area .blog_item.sec_hauska .list_blog li a .text_area .category {

          margin-top: 30px;

          display: block;

          width: fit-content;

          background: #fff;

          padding: 6px 15px 4px;

          font-size: 12px; }



/* ------------------------------

 Company

------------------------------ */

.sec_company {

  position: relative;

  overflow: hidden;

  margin-bottom: 130px; }

  .sec_company .bgimg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    z-index: 1; }

    .sec_company .bgimg::after {

      content: "";

      width: 100%;

      height: 100%;

      background: rgba(43, 43, 43, 0.6);

      position: absolute;

      left: 0;

      top: 0; }

  .sec_company .wrapper {

    padding-top: 70px;

    padding-bottom: 70px;

    color: #fff;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    position: relative;

    z-index: 2; }

    .sec_company .wrapper .list_company {

      width: 400px;

      padding-top: 200px; }

      .sec_company .wrapper .list_company li {

        border-bottom: 1px solid #fff; }

        .sec_company .wrapper .list_company li:first-of-type {

          border-top: 1px solid #fff; }

        .sec_company .wrapper .list_company li a {

          display: block;

          padding: 20px;

          color: #fff;

          position: relative; }

          .sec_company .wrapper .list_company li a::after {

            content: "";

            width: 24px;

            height: 10px;

            mask-position: center center;

            mask-repeat: no-repeat;

            mask-size: contain;

            mask-image: url(../images/arrow.svg);

            background: #fff;

            position: absolute;

            right: 20px;

            top: 50%;

            transform: translateY(-50%); }



/* ------------------------------

 Reform

------------------------------ */

.sec_reform {

  margin-bottom: 40px; }



/* ------------------------------

 Estate

------------------------------ */

.sec_estate {

  margin-bottom: 120px; }



/* ------------------------------

 Instagram

------------------------------ */

.sec_insta {

  background: #fff;

  padding: 60px; }

  .sec_insta .sec_title {

    text-align: center;

    margin-bottom: 20px; }

    .sec_insta .sec_title a {

      display: block;

      margin: 0 auto;

      font-size: 30px; }

  .sec_insta #instafeed {

    display: flex; }

    .sec_insta #instafeed p {

      width: calc(100% / 6); }

      .sec_insta #instafeed p a {

        display: block;

        position: relative;

        height: 0;

        padding-top: 120%; }

        .sec_insta #instafeed p a img {

          position: absolute;

          top: 0;

          left: 0; }



/* ------------------------------------------------------------------------------------------------------------------------



 Responsive-Breakpoint-1 ( 1300px )

 

------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 1300px) {

  /* ------------------------------

   Concept

  ------------------------------ */

  .sec_concept {

    padding: 0 3vw; }



  /* ------------------------------

   OwnersVoice

  ------------------------------ */

  .blog_area .blog_item.sec_blog .title_area {

    margin-bottom: 36px; }

  .blog_area .blog_item.sec_hauska .title_area {

    margin-bottom: 10px; }

    .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska {

      display: block; }

      .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .title {

        display: inline-block;

        font-size: 10px;

        margin-left: 0;

        padding-left: 0;

        border-left: none;

        font-weight: 500; }

        .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .title br {

          display: none; } }

/* ------------------------------------------------------------------------------------------------------------------------



 Responsive-Breakpoint-2 ( 959px )

 

------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 959px) {

  .home_item .wrapper {

    padding-left: 0;

    padding-right: 0;

    margin-left: 6vw;

    margin-right: 6vw; }

    .home_item .wrapper .text_area {

      padding: 30px 40px; }

      .home_item .wrapper .text_area .sec_title .en {

        margin-bottom: 30px; }

    .home_item .wrapper figure {

      width: 45%;

      max-height: initial;

      overflow: hidden; }



  /* ------------------------------

   MainMovie

  ------------------------------ */

  #topmovie {

    margin-bottom: 100px; }

    #topmovie .topmovie_text {

      bottom: 100px; }



  /* ------------------------------

   Event

  ------------------------------ */

  .event_area {

    margin-bottom: 100px; }

    .event_area .event_item {

      display: block;

      margin-bottom: 80px; }

      .event_area .event_item .title_area {

        width: 100%;

        padding-right: 0;

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-bottom: 30px; }

        .event_area .event_item .title_area .sec_title {

          margin-bottom: 0; }

          .event_area .event_item .title_area .sec_title .br {

            display: inline; }

        .event_area .event_item .title_area .more {

          margin-left: 0; }

      .event_area .event_item .content_area .item a .text_area {

        padding: 30px; }



  /* ------------------------------

   Concept

  ------------------------------ */

  .sec_concept .title_area {

    padding-top: 0;

    margin-bottom: 40px; }

  .sec_concept .text_area {

    padding-top: 0; }

    .sec_concept .text_area .more {

      margin-top: 30px; }

  .sec_concept .img01 {

    width: 94%;

    position: relative;

    left: auto;

    top: auto;

    margin: 0 0 40px -3vw; }

  .sec_concept .img02 {

    width: 66%;

    position: relative;

    right: auto;

    bottom: auto;

    margin: 30px -3vw 0 auto; }



  /* ------------------------------

   Lineup

  ------------------------------ */

  .sec_lineup {

    margin-bottom: 100px; }

    .sec_lineup .list_lineup {

      margin: 0 -20px 50px; }

      .sec_lineup .list_lineup li {

        padding: 0 20px; }

        .sec_lineup .list_lineup li a figure {

          margin-bottom: 20px; }

        .sec_lineup .list_lineup li a .text_area {

          padding: 0 10px; }

          .sec_lineup .list_lineup li a .text_area .more {

            margin-top: 30px; }

    .sec_lineup .lineup_yucaco a {

      padding: 45px; }



  /* ------------------------------

   Modelhouse

  ------------------------------ */

  .sec_modelhouse .wrapper {

    padding-top: 70px;

    padding-bottom: 70px; }

    .sec_modelhouse .wrapper .text_area {

      width: 100%; }

    .sec_modelhouse .wrapper .more {

      margin-top: 30px; }



  /* ------------------------------

   Case

  ------------------------------ */

  .sec_case {

    padding: 80px 0 40px;

    margin-bottom: 100px; }

    .sec_case .list_case {

      margin: 0 -15px; }

      .sec_case .list_case li {

        width: calc(100% / 2);

        padding: 0 15px;

        margin-bottom: 50px; }



  /* ------------------------------

   OwnersVoice

  ------------------------------ */

  .sec_ownersvoice {

    margin-bottom: 80px; }

    .sec_ownersvoice .wrap {

      display: block; }

      .sec_ownersvoice .wrap .inner:first-child {

        width: auto; }

      .sec_ownersvoice .wrap .inner:last-child {

        width: auto;

        display: flex;

        margin: 50px 0 0; }

        .sec_ownersvoice .wrap .inner:last-child .item + .item {

          margin: 0 0 0 5%; }



  /* ------------------------------

   After

  ------------------------------ */

  /* ------------------------------

   ForOwners

  ------------------------------ */

  .sec_forowner {

    margin-bottom: 100px; }

    .sec_forowner .wrapper .text_area {

      width: 100%;

      margin: 0 auto 0 0; }

      .sec_forowner .wrapper .text_area .sec_title {

        text-align: left; }



  /* ------------------------------

   News

  ------------------------------ */

  .sec_news {

    margin-bottom: 100px; }

    .sec_news .wrapper {

      display: block; }

    .sec_news .title_area {

      width: 100%;

      padding-right: 0;

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-bottom: 40px; }

      .sec_news .title_area .sec_title {

        margin-bottom: 0; }

      .sec_news .title_area .more {

        margin-left: 0; }

    .sec_news .content_area .list_news li a.inner {

      padding: 30px 10px 50px; }

    .sec_news .content_area .list_news li span.inner {

      padding: 30px 10px; }

    .sec_news .content_area .list_news li .inner .more_arrow {

      bottom: 20px; }



  /* ------------------------------

   Blog

  ------------------------------ */

  .blog_area .wrapper {

    display: block; }

  .blog_area .blog_item {

    width: 100%; }

    .blog_area .blog_item:first-of-type {

      margin-bottom: 40px;

      padding-bottom: 30px;

      border-bottom: 1px solid #d5d5d5; }

    .blog_area .blog_item .list_blog li {

      margin-bottom: 30px; }

    .blog_area .blog_item.sec_hauska .title_area {

      margin-bottom: 30px; }



  /* ------------------------------

   Company

  ------------------------------ */

  .sec_company {

    margin-bottom: 100px; }



  /* ------------------------------

   Reform

  ------------------------------ */

  /* ------------------------------

   Estate

  ------------------------------ */

  .sec_estate {

    margin-bottom: 100px; }



  /* ------------------------------

   Instagram

  ------------------------------ */

  .sec_insta {

    padding: 60px 5vw; } }

/* ------------------------------------------------------------------------------------------------------------------------



 Responsive-Breakpoint-3 ( 644px )

 

------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 644px) {

  .home_item a {

    display: block; }

  .home_item .wrapper .text_area {

    padding: 30px 30px; }

    .home_item .wrapper .text_area .more {

      margin-top: 20px; }

  .home_item .wrapper figure {

    width: 100%;

    aspect-ratio: 7 / 4; }



  /* ------------------------------

   MainMovie

  ------------------------------ */

  #topmovie {

    margin-bottom: 50px; }

    #topmovie .topmovie_text {

      left: 6vw; }

      #topmovie .topmovie_text .jp {

        margin-bottom: 20px; }



  /* ------------------------------

   Event

  ------------------------------ */

  .event_area .event_item {

    margin-bottom: 60px; }

    .event_area .event_item .content_area .item + .item {

      margin-top: 20px; }

    .event_area .event_item .content_area .item a {

      display: block; }

      .event_area .event_item .content_area .item a figure {

        width: 100%; }

      .event_area .event_item .content_area .item a .text_area {

        padding: 25px; }

        .event_area .event_item .content_area .item a .text_area time {

          padding: 10px; }



  /* ------------------------------

   Concept

  ------------------------------ */

  .sec_concept {

    margin-bottom: 60px;

    padding: 0 6vw; }

    .sec_concept .title_area .lead {

      margin-bottom: 15px; }

    .sec_concept .text_area .text p {

      line-height: 2.1; }

    .sec_concept .text_area .more {

      margin-left: auto; }

    .sec_concept .img01 {

      width: 80%;

      margin: 0 0 40px -6vw; }

    .sec_concept .img02 {

      margin: 30px -6vw 0 auto; }



  /* ------------------------------

   Policy

  ------------------------------ */

  .sec_policy {

    margin-bottom: 80px; }



  /* ------------------------------

   Lineup

  ------------------------------ */

  .sec_lineup {

    margin-bottom: 50px; }

    .sec_lineup .list_lineup {

      display: block;

      margin: 0 0 50px; }

      .sec_lineup .list_lineup li {

        width: 100%;

        padding: 0;

        margin-bottom: 50px; }

        .sec_lineup .list_lineup li a .text_area {

          padding: 0; }

          .sec_lineup .list_lineup li a .text_area .sub_title {

            font-size: 14px; }

          .sec_lineup .list_lineup li a .text_area .post_title {

            margin-bottom: 5px; }

          .sec_lineup .list_lineup li a .text_area .catch {

            margin-bottom: 15px; }

          .sec_lineup .list_lineup li a .text_area .more {

            margin-top: 20px; }

    .sec_lineup .lineup_yucaco a {

      padding: 20px 25px; }

      .sec_lineup .lineup_yucaco a .post_title {

        display: block; }

        .sec_lineup .lineup_yucaco a .post_title .en {

          margin-bottom: 30px; }

        .sec_lineup .lineup_yucaco a .post_title .jp {

          justify-content: space-between; }



  /* ------------------------------

   Modelhouse

  ------------------------------ */

  .sec_modelhouse .wrapper {

    padding-top: 60px;

    padding-bottom: 60px; }



  /* ------------------------------

   Case

  ------------------------------ */

  .sec_case {

    padding: 80px 0 30px;

    margin-bottom: 60px; }

    .sec_case .text_area {

      margin: -50px 0 20px;

      display: flex;

      flex-direction: column-reverse;

      align-items: flex-end; }

      .sec_case .text_area .link {

        margin-top: 30px; }

        .sec_case .text_area .link li {

          padding: 0 15px; }

    .sec_case .list_case {

      display: block;

      margin: 0; }

      .sec_case .list_case li {

        width: 100%;

        padding: 0;

        margin-bottom: 30px; }



  /* ------------------------------

   OwnersVoice

  ------------------------------ */

  .sec_ownersvoice {

    margin-bottom: 60px; }

    .sec_ownersvoice .headarea {

      margin-bottom: 40px; }

    .sec_ownersvoice .wrap .inner .item a .text_area {

      margin-top: 15px; }

      .sec_ownersvoice .wrap .inner .item a .text_area .post_title {

        font-size: 14px; }

      .sec_ownersvoice .wrap .inner .item a .text_area .info {

        font-size: 12px; }

    .sec_ownersvoice .wrap .inner:last-child {

      margin-top: 30px; }

      .sec_ownersvoice .wrap .inner:last-child .item a .text_area .post_title {

        font-size: 12px;

        line-height: 1.6; }



  /* ------------------------------

   After

  ------------------------------ */

  .sec_after {

    margin-bottom: 60px; }



  /* ------------------------------

   ForOwners

  ------------------------------ */

  .sec_forowner {

    margin-bottom: 60px; }

    .sec_forowner .wrapper .text_area .sec_title {

      text-align: left; }

    .sec_forowner .wrapper .more {

      margin: 40px 0 0 auto; }



  /* ------------------------------

   News

  ------------------------------ */

  .sec_news {

    margin-bottom: 60px; }

    .sec_news .content_area .list_news li a.inner {

      padding: 20px 10px 40px; }

    .sec_news .content_area .list_news li span.inner {

      padding: 20px 10px; }

    .sec_news .content_area .list_news li .inner {

      display: block; }

      .sec_news .content_area .list_news li .inner time {

        font-size: 12px; }



  /* ------------------------------

   Blog

  ------------------------------ */

  .blog_area {

    margin-bottom: 60px; }

    .blog_area .blog_item .title_area .sec_title {

      display: block; }

      .blog_area .blog_item .title_area .sec_title .jp {

        padding-left: 0; }

    .blog_area .blog_item .list_blog li figure {

      width: 40%; }

    .blog_area .blog_item:first-of-type {

      padding-bottom: 10px; }

    .blog_area .blog_item.sec_blog .list_blog li a .text_area {

      padding-left: 20px; }

      .blog_area .blog_item.sec_blog .list_blog li a .text_area .blog_info time {

        font-size: 12px; }

      .blog_area .blog_item.sec_blog .list_blog li a .text_area .blog_info .icon {

        width: 30px;

        height: 30px; }

      .blog_area .blog_item.sec_blog .list_blog li a .text_area .post_title {

        font-size: 15px; }

      .blog_area .blog_item.sec_blog .list_blog li a .text_area .category {

        display: none; }

    .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .title_svg {

      width: 140px; }

    .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .en {

      font-size: 15px;

      margin-left: 5px; }

      .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .logo .en small {

        font-size: 8px; }

    .blog_area .blog_item.sec_hauska .title_area .sec_title_hauska .title {

      margin: 8px 0 0; }

    .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_title {

      font-size: 15px; }

    .blog_area .blog_item.sec_hauska .list_blog li a .text_area .post_info {

      font-size: 11px;

      margin-top: 8px;

      letter-spacing: 0.05em; }

    .blog_area .blog_item.sec_hauska .list_blog li a .text_area .category {

      display: none; }



  /* ------------------------------

   Company

  ------------------------------ */

  .sec_company {

    margin-bottom: 40px; }

    .sec_company .wrapper {

      padding-top: 60px;

      padding-bottom: 60px;

      display: block; }

      .sec_company .wrapper .list_company {

        width: 100%;

        padding-top: 50px; }



  /* ------------------------------

   Reform

  ------------------------------ */

  /* ------------------------------

   Estate

  ------------------------------ */

  .sec_estate {

    margin-bottom: 60px; }



  /* ------------------------------

   Instagram

  ------------------------------ */

  .sec_insta {

    padding: 40px 0 20px; }

    .sec_insta #instafeed {

      flex-wrap: wrap; }

      .sec_insta #instafeed p {

        width: calc(100% / 3); } }