/*! Writen  by SCSS */
.sec01 .main_img {
  aspect-ratio: 1600/738;
  background-image: url("../images/design/main.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  border: 0px solid; }
  @media screen and (max-width: 480px) {
    .sec01 .main_img {
      border-image: url("../images/design/main_sp.jpg");
      aspect-ratio: 600/960;
      background-position: 38% top;
      padding: 0;
      margin: 0;
      vertical-align: baseline;
      height: fit-content; } }
.sec01 .main_text {
  width: 50.69%; }
  @media screen and (max-width: 480px) {
    .sec01 .main_text {
      width: 67%; } }
.sec01 .img_list {
  flex-wrap: wrap;
  padding-bottom: clamp(50px, 8.334vw, 100px); }
  @media screen and (max-width: 480px) {
    .sec01 .img_list.pc {
      display: none; } }
  .sec01 .img_list.sp {
    display: none; }
    @media screen and (max-width: 480px) {
      .sec01 .img_list.sp {
        display: block; } }
  .sec01 .img_list .item {
    width: 25%; }

.lead {
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 2.45; }
  @media screen and (max-width: 480px) {
    .lead {
      font-size: 12px;
      line-height: 1.8; } }

.design_read {
  font-size: clamp(13px, 1.29vw, 16px);
  line-height: 2.13; }
  @media screen and (max-width: 480px) {
    .design_read {
      line-height: 1.6; } }

.sec01 {
  padding-bottom: clamp(40px, 5%, 60px); }
  .sec01 .inner {
    max-width: 1150px; }
  @media screen and (max-width: 480px) {
    .sec01 .design_read {
      font-weight: 400; } }

.sec01_lead_wrap {
  padding-top: clamp(50px, 6.67%, 80px);
  padding-bottom: clamp(50px, 6.67%, 80px); }
  .sec01_lead_wrap .sec01_head {
    line-height: 0;
    margin-bottom: clamp(30px, 4.17%, 50px); }

.sec01_image {
  max-width: 1150px;
  margin-inline: auto;
  margin-bottom: 20px; }
  @media screen and (max-width: 480px) {
    .sec01_image {
      margin-bottom: 40px; } }

.sec02 {
  color: #fff;
  background: #94b1bc;
  padding-top: clamp(60px, 8.34%, 100px);
  padding-bottom: clamp(60px, 8.34%, 100px); }
  .sec02 .sec02_outer_image {
    margin-bottom: clamp(30px, 4.17%, 50px); }
    .sec02 .sec02_outer_image img {
      width: 100%; }
  .sec02 .inner {
    max-width: 1320px; }
    .sec02 .inner .sec02_wrap {
      align-items: flex-end;
      justify-content: flex-start;
      gap: 0 3.03%; }
      @media screen and (max-width: 480px) {
        .sec02 .inner .sec02_wrap {
          flex-direction: column;
          align-items: center;
          gap: 20px 0; } }
      .sec02 .inner .sec02_wrap .image_box {
        max-width: 800px;
        width: 60.61%; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap .image_box {
            width: 100%; } }
      .sec02 .inner .sec02_wrap .text_box {
        width: 21.22%;
        margin-bottom: 6.07%; }
        @media screen and (max-width: 480px) {
          .sec02 .inner .sec02_wrap .text_box {
            margin-bottom: 0;
            max-width: 200px;
            width: 100%;
            text-align: center; } }
        .sec02 .inner .sec02_wrap .text_box .box_head {
          display: flex;
          align-items: center;
          line-height: 0;
          padding-bottom: 5px;
          border-bottom: 3px solid;
          margin-bottom: 15px; }
          @media screen and (max-width: 480px) {
            .sec02 .inner .sec02_wrap .text_box .box_head {
              justify-content: center; } }
        .sec02 .inner .sec02_wrap .text_box .design_read {
          line-height: 1; }
      .sec02 .inner .sec02_wrap.sec02_wrap_top .text_box .box_head img {
        max-width: 168px;
        width: 60%; }
      .sec02 .inner .sec02_wrap.sec02_wrap_bottom .text_box .box_head img {
        max-width: 253px;
        width: 90.36%; }
      .sec02 .inner .sec02_wrap + .sec02_wrap {
        margin-top: clamp(30px, 4.17%, 50px); }

.sec03 {
  padding-top: clamp(80px, 10%, 120px); }
  @media screen and (max-width: 480px) {
    .sec03 .design_read {
      font-weight: 400; } }
  .sec03 .inner {
    max-width: 1150px; }
  .sec03 .sec03_lead {
    display: flex;
    align-items: center;
    font-size: clamp(16px, 2.26vw, 27px);
    line-height: 1.6;
    gap: 0.37em; }
    .sec03 .sec03_lead::before {
      content: "";
      display: block;
      align-self: stretch;
      flex-shrink: 0;
      width: 0.55em;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      background: #85b3b8; }

.sec03_lead_wrap {
  margin-bottom: clamp(25px, 3.34%, 40px); }
  .sec03_lead_wrap .sec03_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: clamp(50px, 6.67%, 80px); }
    .sec03_lead_wrap .sec03_head .text_en {
      line-height: 0;
      padding-bottom: 5px;
      border-bottom: 3px solid;
      margin-bottom: 15px; }
      @media screen and (max-width: 480px) {
        .sec03_lead_wrap .sec03_head .text_en {
          width: 70.91%; } }
    .sec03_lead_wrap .sec03_head .head_sub {
      line-height: 1; }
  .sec03_lead_wrap .sec03_lead {
    margin-bottom: 1.2em; }

.landplan_image_wrap {
  position: relative; }
  .landplan_image_wrap .landplan_head {
    position: absolute;
    max-width: 207px;
    width: 18%;
    z-index: 1;
    line-height: 0;
    top: 5.15%;
    left: 15.22%; }
    @media screen and (max-width: 480px) {
      .landplan_image_wrap .landplan_head {
        position: static;
        width: 47.05%;
        margin-bottom: 15px; } }

.sec03_parking_wrap {
  margin-top: 15px;
  max-width: 900px;
  margin-inline: auto;
  background: #e6ebee;
  padding-top: 2.6%;
  padding-bottom: 2.6%;
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec03_parking_wrap {
      padding-top: 15px;
      padding-bottom: 15px; } }
  .sec03_parking_wrap .sec03_parking_inner {
    max-width: 840px;
    width: calc(100% - 40px);
    margin-inline: auto;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .sec03_parking_wrap .sec03_parking_inner {
        width: calc(100% - 30px);
        flex-direction: column;
        gap: 15px 0; } }
    .sec03_parking_wrap .sec03_parking_inner .image_box {
      max-width: 360px;
      width: 42.86%; }
      @media screen and (max-width: 480px) {
        .sec03_parking_wrap .sec03_parking_inner .image_box {
          width: 100%; } }
    .sec03_parking_wrap .sec03_parking_inner .text_box {
      width: 52.39%; }
      @media screen and (max-width: 480px) {
        .sec03_parking_wrap .sec03_parking_inner .text_box {
          width: 100%; } }
      .sec03_parking_wrap .sec03_parking_inner .text_box .box_head {
        font-size: clamp(15px, 2.27vw, 20px);
        line-height: 1;
        margin-bottom: 1em; }
      .sec03_parking_wrap .sec03_parking_inner .text_box .cap_l {
        margin-top: 1em; }

.floor_plan_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  .floor_plan_wrap .floor_plan_head {
    margin-bottom: 25px; }
    @media screen and (max-width: 480px) {
      .floor_plan_wrap .floor_plan_head {
        width: 33.41%;
        margin-bottom: 15px; } }
  .floor_plan_wrap .floor_plan_image {
    margin-bottom: clamp(25px, 3.34%, 40px); }
  .floor_plan_wrap .point_list {
    font-size: clamp(15px, 1.68vw, 20px);
    display: flex;
    justify-content: center;
    gap: 1px;
    text-align: center;
    line-height: 1; }
    @media screen and (max-width: 480px) {
      .floor_plan_wrap .point_list {
        flex-direction: column; } }
    .floor_plan_wrap .point_list .item {
      padding: 1em;
      background: #e6ebee; }

.sec03_text_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .sec03_text_wrap {
      flex-direction: column;
      gap: 30px 0; } }
  .sec03_text_wrap .sec03_text_inner {
    width: 46.96%; }
    @media screen and (max-width: 480px) {
      .sec03_text_wrap .sec03_text_inner {
        width: 100%; } }
    .sec03_text_wrap .sec03_text_inner .sec03_lead {
      margin-bottom: 1em; }

.sec03_list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(25px, 4.35vw, 50px) 2.95%; }
  @media screen and (max-width: 480px) {
    .sec03_list {
      max-width: 360px;
      margin-inline: auto;
      flex-direction: column;
      gap: 25px 4%; } }
  .sec03_list .item {
    width: 31.31%;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.74vw, 20px) 0; }
    @media screen and (max-width: 480px) {
      .sec03_list .item {
        width: 100%;
        gap: 10px 0; } }
    .sec03_list .item .item_head {
      display: flex;
      align-items: baseline;
      font-size: clamp(15px, 1.68vw, 20px);
      line-height: 1.4;
      gap: 0.5em;
      margin-bottom: 0.8em; }
      .sec03_list .item .item_head::before {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 0.9em;
        height: 0.9em;
        background: #85b3b8; }
    .sec03_list .item .item_text {
      font-size: clamp(12px, 1.26vw, 15px);
      line-height: 1.8; }
    .sec03_list .item .cap_l {
      margin-top: 5px; }

/*# sourceMappingURL=design.css.map */