/*! Writen  by SCSS */
.sec01 {
  padding-top: clamp(40px, 4.839vw, 60px); }
  .sec01 .landplan_image_group {
    max-width: 1600px;
    position: relative;
    margin-bottom: 60px;
    margin-top: clamp(40px, 4.839vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec01 .landplan_image_group {
        margin-bottom: 40px;
        margin-top: 30px;
        width: 100%; } }
    .sec01 .landplan_image_group:before {
      content: "";
      display: block;
      padding-bottom: 67.5%; }
      @media screen and (max-width: 480px) {
        .sec01 .landplan_image_group:before {
          content: none; } }
    .sec01 .landplan_image_group .landplan_image {
      position: absolute;
      left: 0;
      top: 0; }
      @media screen and (max-width: 480px) {
        .sec01 .landplan_image_group .landplan_image {
          position: relative;
          left: auto;
          top: auto; } }
      .sec01 .landplan_image_group .landplan_image .cap {
        right: auto;
        bottom: 40%; }
        @media screen and (max-width: 820px) {
          .sec01 .landplan_image_group .landplan_image .cap {
            font-size: 10px;
            bottom: 42%; } }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_image .cap {
            bottom: 16%; } }
    @media screen and (max-width: 480px) {
      .sec01 .landplan_image_group .landplan_item_group {
        display: flex;
        flex-direction: column; } }
    .sec01 .landplan_image_group .landplan_item_group .item {
      position: absolute; }
      @media screen and (max-width: 480px) {
        .sec01 .landplan_image_group .landplan_item_group .item {
          position: relative;
          width: calc(100% - 40px) !important;
          margin: 0 auto; } }
      @media screen and (max-width: 480px) {
        .sec01 .landplan_image_group .landplan_item_group .item:not(:first-child) {
          padding-top: 25px;
          margin-top: 25px;
          border-top: 1px solid #CCC; } }
      .sec01 .landplan_image_group .landplan_item_group .item .item_num {
        justify-content: flex-start;
        column-gap: 15px;
        align-items: center;
        line-height: 1.1;
        margin-bottom: clamp(10px, 1.25vw, 20px); }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_item_group .item .item_num {
            column-gap: 8px;
            margin-bottom: 10px; } }
        .sec01 .landplan_image_group .landplan_item_group .item .item_num .num {
          display: none;
          width: 34px;
          height: 34px;
          background: #FFF;
          justify-content: center;
          align-items: center;
          font-size: 20px;
          border-radius: 50vw;
          color: #c5b449;
          text-align: center;
          position: relative; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item .item_num .num {
              display: flex; } }
          .sec01 .landplan_image_group .landplan_item_group .item .item_num .num:after {
            content: "";
            position: absolute;
            inset: 2px;
            border: 2px solid #c5b449;
            pointer-events: none;
            border-radius: 50vw; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item .item_num .num span {
              transform: translateY(-2px); } }
        .sec01 .landplan_image_group .landplan_item_group .item .item_num .name {
          font-size: clamp(13px, 1.412vw, 24px);
          color: #98804b; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item .item_num .name {
              font-size: 16px; } }
          .sec01 .landplan_image_group .landplan_item_group .item .item_num .name.big {
            font-size: clamp(14px, 1.471vw, 25px); }
            @media screen and (max-width: 480px) {
              .sec01 .landplan_image_group .landplan_item_group .item .item_num .name.big {
                font-size: 4.8vw; } }
      .sec01 .landplan_image_group .landplan_item_group .item .photo {
        position: relative; }
        .sec01 .landplan_image_group .landplan_item_group .item .photo.border:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 1px solid #c5b449;
          pointer-events: none; }
      .sec01 .landplan_image_group .landplan_item_group .item .item_ttl {
        font-size: clamp(14px, 1.445vw, 26px); }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_item_group .item .item_ttl {
            font-size: 4.8vw;
            line-height: 1.4; } }
      .sec01 .landplan_image_group .landplan_item_group .item .item_read {
        font-size: clamp(10px, 0.942vw, 16px); }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_item_group .item .item_read {
            font-size: 14px;
            line-height: 1.5; } }
      .sec01 .landplan_image_group .landplan_item_group .item.item01 {
        width: 27.5%;
        left: 10.63%;
        bottom: 1%; }
        @media screen and (max-width: 820px) {
          .sec01 .landplan_image_group .landplan_item_group .item.item01 {
            width: 30%;
            left: 7%;
            bottom: -5%; } }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_item_group .item.item01 {
            width: auto;
            left: auto;
            bottom: auto; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item01 .parking_lot {
          position: relative; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item01 .parking_lot {
              width: 90%;
              margin: 0 auto; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item01 .line02 {
          position: absolute;
          left: 20px;
          bottom: calc(100% + 10px);
          width: 5.46%; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item01 .line02 {
              display: none; } }
      .sec01 .landplan_image_group .landplan_item_group .item.item02 {
        width: 45.94%;
        right: 11.25%;
        bottom: 0%;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between; }
        @media screen and (max-width: 820px) {
          .sec01 .landplan_image_group .landplan_item_group .item.item02 {
            width: 54%;
            right: 5%;
            bottom: -11%; } }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_item_group .item.item02 {
            right: auto;
            bottom: auto;
            gap: 20px 0; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item02 .line03 {
          position: absolute;
          bottom: calc(100% + 10px);
          left: 12.24%;
          width: 3.27%; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item02 .line03 {
              display: none; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item02 .item_num {
          width: 100%;
          align-items: flex-start;
          margin-bottom: 10px; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item02 .item_num {
              width: 100%;
              align-items: center;
              margin-bottom: 0; } }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item_num .name {
            color: #919243;
            line-height: 1.2; }
            @media screen and (max-width: 480px) {
              .sec01 .landplan_image_group .landplan_item_group .item.item02 .item_num .name {
                color: #000; } }
            .sec01 .landplan_image_group .landplan_item_group .item.item02 .item_num .name span {
              display: block;
              padding-left: 4em; }
              @media screen and (max-width: 480px) {
                .sec01 .landplan_image_group .landplan_item_group .item.item02 .item_num .name span {
                  padding-left: 0; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in {
          width: 47.62%; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in {
              width: 100%; } }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in.parking01 .illust_ttl {
            background: #919243; }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in.parking01 .illust_text_group .illust_text {
            color: #6c6d28; }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in.parking02 .illust_ttl {
            background: #9e8f8b; }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in.parking02 .illust_text_group .illust_text {
            color: #977b73; }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in .illust_ttl {
            font-size: clamp(14px, 1.375vw, 22px);
            text-align: center;
            color: #FFF; }
            @media screen and (max-width: 480px) {
              .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in .illust_ttl {
                font-size: 22px; } }
          .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in .illust_text_group {
            width: fit-content;
            margin: 0 auto;
            position: relative; }
            @media screen and (max-width: 480px) {
              .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in .illust_text_group {
                margin-top: -15px; } }
            .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in .illust_text_group .illust_text {
              font-size: clamp(10px, 1vw, 17px); }
              @media screen and (max-width: 480px) {
                .sec01 .landplan_image_group .landplan_item_group .item.item02 .item02_in .illust_text_group .illust_text {
                  font-size: 4.2vw; } }
      .sec01 .landplan_image_group .landplan_item_group .item.item03 {
        width: 40%;
        left: 49%;
        top: 8%;
        display: grid;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 3%;
        grid-template-columns: 60% 37.5%; }
        @media screen and (max-width: 480px) {
          .sec01 .landplan_image_group .landplan_item_group .item.item03 {
            top: auto;
            left: auto;
            justify-content: space-between;
            column-gap: 0;
            grid-template-columns: 46% 50%; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item03 .item_num {
          grid-row: 1/2;
          grid-column: 1/2;
          margin-bottom: 5px; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item03 .item_num {
              grid-row: 1/2;
              grid-column: span 2;
              margin-bottom: 10px; } }
          .sec01 .landplan_image_group .landplan_item_group .item.item03 .item_num .name {
            color: #FFF; }
            @media screen and (max-width: 480px) {
              .sec01 .landplan_image_group .landplan_item_group .item.item03 .item_num .name {
                color: #000; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item03 .photo {
          grid-row: 1/3;
          grid-column: 2/3;
          position: relative; }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item03 .photo {
              grid-row: 2/3;
              grid-column: 1/2; } }
          .sec01 .landplan_image_group .landplan_item_group .item.item03 .photo .line01 {
            position: absolute;
            top: 100%;
            left: 30px;
            width: 10%; }
            @media screen and (max-width: 480px) {
              .sec01 .landplan_image_group .landplan_item_group .item.item03 .photo .line01 {
                display: none; } }
        .sec01 .landplan_image_group .landplan_item_group .item.item03 .text_group {
          margin-bottom: auto;
          display: flex;
          flex-direction: column;
          row-gap: 10px; }
          @media screen and (max-width: 820px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item03 .text_group {
              row-gap: 5px; } }
          @media screen and (max-width: 480px) {
            .sec01 .landplan_image_group .landplan_item_group .item.item03 .text_group {
              row-gap: 10px; } }
  .sec01 .facility_wrap {
    padding: clamp(40px, 4.839vw, 60px) 0 clamp(60px, 9.678vw, 120px); }
    .sec01 .facility_wrap .facility_group {
      position: relative;
      flex-wrap: wrap;
      gap: clamp(30px, 4.616vw, 60px) 0; }
      @media screen and (max-width: 480px) {
        .sec01 .facility_wrap .facility_group {
          gap: 20px 0; } }
      .sec01 .facility_wrap .facility_group .item {
        width: 22.59%;
        display: flex;
        flex-direction: column;
        row-gap: 15px; }
        @media screen and (max-width: 820px) {
          .sec01 .facility_wrap .facility_group .item {
            row-gap: 10px; } }
        @media screen and (max-width: 480px) {
          .sec01 .facility_wrap .facility_group .item {
            width: 48%; } }
        .sec01 .facility_wrap .facility_group .item .photo .item_name {
          font-size: clamp(13px, 1.539vw, 20px);
          color: #FFF;
          background: #2b1b23;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          line-height: 2.4;
          margin-bottom: 1px;
          padding: 10px 5px; }
          @media screen and (max-width: 820px) {
            .sec01 .facility_wrap .facility_group .item .photo .item_name {
              padding: 7px 5px; } }
          @media screen and (max-width: 480px) {
            .sec01 .facility_wrap .facility_group .item .photo .item_name {
              padding: 5px; } }
          .sec01 .facility_wrap .facility_group .item .photo .item_name.line2 {
            line-height: 1.2; }
          @media screen and (max-width: 480px) {
            .sec01 .facility_wrap .facility_group .item .photo .item_name.sp_line2 {
              line-height: 1.2; } }
        .sec01 .facility_wrap .facility_group .item .item_read {
          font-size: clamp(12px, 1.231vw, 16px); }
          .sec01 .facility_wrap .facility_group .item .item_read .cap_l {
            display: block;
            margin-top: 10px; }
            @media screen and (max-width: 480px) {
              .sec01 .facility_wrap .facility_group .item .item_read .cap_l {
                margin-top: 5px; } }

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