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

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.page_design {
  color: #FFF; }

.page_design .en-font {
  font-family: 'Gilda Display', serif; }

.page_design .h3_wrap h3.h3_design {
  font-size: 24px;
  line-height: 1.4;
  text-align: center;
  font-weight: 500;
  margin: calc( var(--margin-block) / 2 ) auto calc( var(--margin-block) / 1.5 ); }
  @media screen and (min-width: 750px) {
    .page_design .h3_wrap h3.h3_design {
      font-size: calc(24px + 0.0136752137 * (100vw - 750px)); } }
  @media screen and (min-width: 1920px) {
    .page_design .h3_wrap h3.h3_design {
      font-size: 40px; } }

@media screen and (max-width: 600px) {
  .page_design .h4_wrap {
    width: 90%;
    margin: 0 auto; } }
.page_design .h4_wrap .h4_set {
  text-align: center; }
  .page_design .h4_wrap .h4_set .en-font {
    color: #b4a57f;
    font-size: 18px;
    margin-bottom: 20px; }
    @media screen and (min-width: 750px) {
      .page_design .h4_wrap .h4_set .en-font {
        font-size: calc(18px + 0.0051282051 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .page_design .h4_wrap .h4_set .en-font {
        font-size: 24px; } }
    @media screen and (max-width: 600px) {
      .page_design .h4_wrap .h4_set .en-font {
        margin-bottom: 10px; } }
  .page_design .h4_wrap .h4_set .h4_design {
    font-size: 20px;
    margin-bottom: calc( var(--margin-block) / 4.5 ); }
    @media screen and (min-width: 750px) {
      .page_design .h4_wrap .h4_set .h4_design {
        font-size: calc(20px + 0.011965812 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .page_design .h4_wrap .h4_set .h4_design {
        font-size: 34px; } }
.page_design .h4_wrap .h4_text {
  text-align: center;
  font-size: 14px;
  line-height: 2.6; }
  @media screen and (min-width: 750px) {
    .page_design .h4_wrap .h4_text {
      font-size: calc(14px + 0.0051282051 * (100vw - 750px)); } }
  @media screen and (min-width: 1920px) {
    .page_design .h4_wrap .h4_text {
      font-size: 20px; } }
  @media screen and (max-width: 600px) {
    .page_design .h4_wrap .h4_text {
      text-align: left;
      line-height: 2.2; } }

.sec_design .block_facade-design .main_facade-img {
  background: url("../images/design/bg_facade-main.png") no-repeat center bottom;
  margin: calc( var(--margin-block) * 1.5 ) auto calc( var(--margin-block) / 2 );
  position: relative; }
  @media (max-width: 1300px) {
    .sec_design .block_facade-design .main_facade-img {
      margin: var(--margin-block) auto calc( var(--margin-block) / 2 ); } }
  .sec_design .block_facade-design .main_facade-img .img {
    margin-top: -250px;
    text-align: center; }
    @media (max-width: 1300px) {
      .sec_design .block_facade-design .main_facade-img .img {
        margin-top: -50px; } }
.sec_design .block_facade-design .material {
  width: min(90%, 1240px);
  margin: var(--margin-block) auto 0; }
  .sec_design .block_facade-design .material_wrap {
    display: flex;
    flex-wrap: wrap; }
  .sec_design .block_facade-design .material_img {
    width: 50%;
    background: url("../images/design/img_material.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 350px; }
    @media screen and (max-width: 1170px) {
      .sec_design .block_facade-design .material_img {
        width: 45%; } }
    @media screen and (max-width: 970px) {
      .sec_design .block_facade-design .material_img {
        width: 40%; } }
    @media screen and (max-width: 750px) {
      .sec_design .block_facade-design .material_img {
        width: 100%; } }
    @media screen and (max-width: 600px) {
      .sec_design .block_facade-design .material_img {
        min-height: 300px; } }
  .sec_design .block_facade-design .material_text-box {
    width: 50%; }
    @media screen and (max-width: 1170px) {
      .sec_design .block_facade-design .material_text-box {
        width: 55%; } }
    @media screen and (max-width: 970px) {
      .sec_design .block_facade-design .material_text-box {
        width: 60%; } }
    @media screen and (max-width: 750px) {
      .sec_design .block_facade-design .material_text-box {
        width: 100%; } }
  .sec_design .block_facade-design .material_img {
    position: relative; }
    .sec_design .block_facade-design .material_img .en-font {
      font-size: 40px;
      z-index: 1;
      position: absolute;
      top: -50px; }
      @media screen and (min-width: 750px) {
        .sec_design .block_facade-design .material_img .en-font {
          font-size: calc(40px + 0.0341880342 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_design .block_facade-design .material_img .en-font {
          font-size: 80px; } }
      @media screen and (max-width: 750px) {
        .sec_design .block_facade-design .material_img .en-font {
          top: -25px; } }
  .sec_design .block_facade-design .material .wrapper_material_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 縦方向（上下）の中央寄せは維持 */
    align-items: flex-start;
    /* 横方向を左寄せに変更 */ }
  .sec_design .block_facade-design .material_text-box {
    background-image: linear-gradient(120deg, #ffffff, #d3c5a1);
    color: #1c202e;
    padding: calc( var(--margin-block) / 4 );
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 750px) {
      .sec_design .block_facade-design .material_text-box {
        padding: 5%; } }
    .sec_design .block_facade-design .material_text-box .text-box_title {
      font-size: 20px;
      margin-bottom: calc( var(--margin-block) / 6 );
      text-align: left; }
      @media screen and (min-width: 750px) {
        .sec_design .block_facade-design .material_text-box .text-box_title {
          font-size: calc(20px + 0.0051282051 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_design .block_facade-design .material_text-box .text-box_title {
          font-size: 26px; } }
    .sec_design .block_facade-design .material_text-box .text-box_text {
      font-size: 14px;
      line-height: 2.5; }
      @media screen and (min-width: 750px) {
        .sec_design .block_facade-design .material_text-box .text-box_text {
          font-size: calc(14px + 0.0017094017 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_design .block_facade-design .material_text-box .text-box_text {
          font-size: 16px; } }
      @media screen and (max-width: 750px) {
        .sec_design .block_facade-design .material_text-box .text-box_text {
          line-height: 2.0; } }
.sec_design .block_facade-design .last_facade-img {
  background: url("../images/design/bg_facade-design.jpg") no-repeat center bottom;
  margin: calc( var(--margin-block) * 2.5 ) auto 0;
  padding-bottom: var(--margin-block); }
  @media (max-width: 1600px) {
    .sec_design .block_facade-design .last_facade-img {
      background: none;
      margin: var(--margin-block) auto 0;
      padding-bottom: 0; } }
  .sec_design .block_facade-design .last_facade-img .img {
    width: min(90%, 1600px);
    margin: 0 auto;
    margin-top: -250px;
    text-align: center; }
    @media (max-width: 1600px) {
      .sec_design .block_facade-design .last_facade-img .img {
        margin-top: 0;
        width: 100%; } }

.sec_landplan {
  background: #0b0d15;
  padding: calc( var(--margin-block) / 1.7 ) 0 calc( var(--margin-block) / 1.5 ); }

.sec_landplan .main-img_wrap {
  display: flex;
  max-width: 1920px;
  margin: auto;
  flex-wrap: wrap; }
  .sec_landplan .main-img_wrap .main-img_item {
    width: 50%; }
    @media screen and (max-width: 600px) {
      .sec_landplan .main-img_wrap .main-img_item {
        width: 100%; } }

.sec_landplan .block_column-redevelopment {
  width: min(90%, 1400px);
  margin: calc( var(--margin-block) / 2 ) auto 0;
  padding: calc( var(--margin-block) / 2.1 ) 0;
  background-image: linear-gradient(120deg, #ffffff, #d3c5a1);
  color: #0b0d15; }
  .sec_landplan .block_column-redevelopment .redevelopment_wrap {
    width: min(90%, 1240px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_img,
    .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set {
      width: min(48%, 590px); }
      @media screen and (max-width: 750px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_img,
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set {
          width: 100%; } }
    @media screen and (max-width: 750px) {
      .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set {
        margin-top: 20px;
        order: 2; } }
    .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title {
      font-size: 18px;
      line-height: 1.8;
      margin-bottom: 40px;
      color: #6b5a2f; }
      @media screen and (min-width: 750px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title {
          font-size: calc(18px + 0.0068376068 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title {
          font-size: 26px; } }
      @media screen and (max-width: 750px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title {
          margin-bottom: 20px;
          line-height: 1.6; } }
      .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title .sub {
        font-size: 12px;
        margin-top: 15px; }
        @media screen and (min-width: 750px) {
          .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title .sub {
            font-size: calc(12px + 0.0034188034 * (100vw - 750px)); } }
        @media screen and (min-width: 1920px) {
          .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title .sub {
            font-size: 16px; } }
        @media screen and (max-width: 750px) {
          .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_title .sub {
            margin-top: 10px; } }
    .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_text {
      font-size: 14px;
      line-height: 2.2; }
      @media screen and (min-width: 750px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_text {
          font-size: calc(14px + 0.0017094017 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_text {
          font-size: 16px; } }
      @media screen and (max-width: 750px) {
        .sec_landplan .block_column-redevelopment .redevelopment_wrap .redevelopment_text-set .text-set_text {
          line-height: 2.0; } }
  .sec_landplan .block_column-redevelopment .shiroshita-creation {
    width: min(90%, 1240px);
    margin: calc( var(--margin-block) / 2.5 ) auto; }
    @media screen and (max-width: 750px) {
      .sec_landplan .block_column-redevelopment .shiroshita-creation {
        margin: 70px auto; } }
    .sec_landplan .block_column-redevelopment .shiroshita-creation_title {
      text-align: center; }
      @media screen and (max-width: 750px) {
        .sec_landplan .block_column-redevelopment .shiroshita-creation_title {
          text-align: left; } }
      .sec_landplan .block_column-redevelopment .shiroshita-creation_title .title_main {
        font-size: 30px;
        color: #6b5a2f; }
        @media screen and (min-width: 750px) {
          .sec_landplan .block_column-redevelopment .shiroshita-creation_title .title_main {
            font-size: calc(30px + 0.0085470085 * (100vw - 750px)); } }
        @media screen and (min-width: 1920px) {
          .sec_landplan .block_column-redevelopment .shiroshita-creation_title .title_main {
            font-size: 40px; } }
      .sec_landplan .block_column-redevelopment .shiroshita-creation_title .title_sub {
        font-size: 14px; }
        @media screen and (min-width: 750px) {
          .sec_landplan .block_column-redevelopment .shiroshita-creation_title .title_sub {
            font-size: calc(14px + 0.0034188034 * (100vw - 750px)); } }
        @media screen and (min-width: 1920px) {
          .sec_landplan .block_column-redevelopment .shiroshita-creation_title .title_sub {
            font-size: 18px; } }
    .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap {
      display: flex; }
      @media screen and (max-width: 750px) {
        .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap {
          flex-wrap: wrap; } }
      .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item {
        padding: 0 1em;
        margin-top: 30px; }
        @media screen and (max-width: 750px) {
          .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item {
            width: 100%;
            padding: 20px 0;
            margin-top: 0; } }
        .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(1), .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(2) {
          flex: 1; }
          @media screen and (max-width: 750px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(1), .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(2) {
              flex: initial; } }
        .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(3), .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(4) {
          flex: 1.5; }
          @media screen and (max-width: 750px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(3), .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:nth-child(4) {
              flex: initial; } }
        .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:not(:last-child) {
          border-right: 1px solid #918983; }
          @media screen and (max-width: 750px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item:not(:last-child) {
              border-right: none;
              border-bottom: 1px solid #918983; } }
        .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_title {
          font-size: 16px;
          color: #6b5a2f;
          margin-bottom: 10px; }
          @media screen and (min-width: 750px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_title {
              font-size: calc(16px + 0.0034188034 * (100vw - 750px)); } }
          @media screen and (min-width: 1920px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_title {
              font-size: 20px; } }
          @media screen and (max-width: 750px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_title {
              margin-bottom: 0.2rem; } }
        .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_text {
          font-size: 14px;
          line-height: 1.6; }
          @media screen and (min-width: 750px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_text {
              font-size: calc(14px + 0.0017094017 * (100vw - 750px)); } }
          @media screen and (min-width: 1920px) {
            .sec_landplan .block_column-redevelopment .shiroshita-creation .point_wrap .point_item .point_text {
              font-size: 16px; } }

.sec_landplan .block_planning {
  margin-top: var(--margin-block); }

.sec_landplan .block_planning .floor {
  width: min(90%, 1425px);
  margin: calc( var(--margin-block) / 1.5 ) auto; }
  .sec_landplan .block_planning .floor .floor_title {
    font-size: 18px;
    text-align: center;
    padding: 10px 0 15px;
    line-height: 1.0; }
    @media screen and (min-width: 750px) {
      .sec_landplan .block_planning .floor .floor_title {
        font-size: calc(18px + 0.0051282051 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .sec_landplan .block_planning .floor .floor_title {
        font-size: 24px; } }
    .sec_landplan .block_planning .floor .floor_title.dwelling-unit_title {
      background: #e9e1cd;
      color: #6b5a2f; }
    .sec_landplan .block_planning .floor .floor_title.shop_title {
      background: #6b5a2f;
      color: #FFF;
      margin-top: calc( var(--margin-block) / 1.5 ); }
    .sec_landplan .block_planning .floor .floor_title span {
      font-size: 14px;
      background: #FFF;
      border: 1px solid #6b5a2f;
      color: #6b5a2f;
      padding: 0.2rem 1.5rem;
      text-align: center;
      margin-right: 10px; }
      @media screen and (min-width: 750px) {
        .sec_landplan .block_planning .floor .floor_title span {
          font-size: calc(14px + 0.0017094017 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_landplan .block_planning .floor .floor_title span {
          font-size: 16px; } }
      @media screen and (max-width: 600px) {
        .sec_landplan .block_planning .floor .floor_title span {
          display: block;
          max-width: 30%;
          margin: 0 auto 10px; } }
  .sec_landplan .block_planning .floor .floor_img {
    padding-top: 10px; }

.sec_landplan .block_planning .landplan-detail {
  width: min(90%, 1240px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .sec_landplan .block_planning .landplan-detail .detail_item {
    width: min(31.5%, 380px);
    margin-bottom: calc( var(--margin-block) / 2 ); }
    @media screen and (max-width: 750px) {
      .sec_landplan .block_planning .landplan-detail .detail_item {
        width: 48%; } }
    @media screen and (max-width: 600px) {
      .sec_landplan .block_planning .landplan-detail .detail_item {
        width: 100%; } }
    .sec_landplan .block_planning .landplan-detail .detail_item .item_text {
      font-size: 14px;
      line-height: 1.8;
      margin-top: 15px; }
      @media screen and (min-width: 750px) {
        .sec_landplan .block_planning .landplan-detail .detail_item .item_text {
          font-size: calc(14px + 0.0034188034 * (100vw - 750px)); } }
      @media screen and (min-width: 1920px) {
        .sec_landplan .block_planning .landplan-detail .detail_item .item_text {
          font-size: 18px; } }

.sec_planting-plan {
  background: url("../images/design/bg_planting-plan.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  color: #0b0d15;
  padding: calc( var(--margin-block) / 2 ) 0; }
  .sec_planting-plan .en-font {
    font-size: 30px;
    color: #fff;
    mix-blend-mode: difference;
    z-index: 1;
    width: min(90%, 1240px);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -60px; }
    @media screen and (min-width: 750px) {
      .sec_planting-plan .en-font {
        font-size: calc(30px + 0.0427350427 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .sec_planting-plan .en-font {
        font-size: 80px; } }
    @media (max-width: 1600px) {
      .sec_planting-plan .en-font {
        top: -40px; } }
    @media (max-width: 1100px) {
      .sec_planting-plan .en-font {
        top: -35px; } }
    @media (max-width: 980px) {
      .sec_planting-plan .en-font {
        top: -30px; } }
    @media (max-width: 800px) {
      .sec_planting-plan .en-font {
        top: -23px; } }
  .sec_planting-plan .plantiong-plan_title,
  .sec_planting-plan .plantiong-plan_text {
    width: min(90%, 1240px);
    margin: 0 auto; }
  .sec_planting-plan .plantiong-plan_title {
    color: #6b5a2f;
    font-size: 18px;
    margin-bottom: 30px; }
    @media screen and (min-width: 750px) {
      .sec_planting-plan .plantiong-plan_title {
        font-size: calc(18px + 0.0068376068 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .sec_planting-plan .plantiong-plan_title {
        font-size: 26px; } }
  .sec_planting-plan .plantiong-plan_text {
    font-size: 14px;
    line-height: 2.2; }
    @media screen and (min-width: 750px) {
      .sec_planting-plan .plantiong-plan_text {
        font-size: calc(14px + 0.0017094017 * (100vw - 750px)); } }
    @media screen and (min-width: 1920px) {
      .sec_planting-plan .plantiong-plan_text {
        font-size: 16px; } }
  .sec_planting-plan .planting_wrap {
    width: min(90%, 1240px);
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .sec_planting-plan .planting_wrap .planting_item {
      width: min(23.8%, 295px); }
      @media screen and (max-width: 600px) {
        .sec_planting-plan .planting_wrap .planting_item {
          width: 48%;
          margin-bottom: 30px; } }
      .sec_planting-plan .planting_wrap .planting_item .name {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.6; }
        @media screen and (min-width: 750px) {
          .sec_planting-plan .planting_wrap .planting_item .name {
            font-size: calc(16px + 0.0017094017 * (100vw - 750px)); } }
        @media screen and (min-width: 1920px) {
          .sec_planting-plan .planting_wrap .planting_item .name {
            font-size: 18px; } }