/*! Writen  by SCSS */
@media screen and (max-width: 820px) {
  .en_ttl.en_ttl01 img {
    height: 60px; } }
@media screen and (max-width: 480px) {
  .en_ttl.en_ttl01 img {
    height: 35px; } }
@media screen and (max-width: 480px) {
  .en_ttl.en_ttl02 img, .en_ttl.en_ttl03 img {
    height: 30px; } }

.sec1 {
  padding: clamp(60px, 8.334vw, 100px) 0 clamp(80px, 10.834vw, 130px); }
  @media screen and (max-width: 480px) {
    .sec1 {
      padding: 60px 0; } }
  .sec1 .midashi_group {
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: clamp(30px, 4.167vw, 50px);
    margin-bottom: clamp(40px, 5vw, 60px); }
  .sec1 .shikihai {
    width: fit-content;
    margin: 0 auto clamp(50px, 8.334vw, 100px); }
  .sec1 .sec1_item01 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 47.693%);
    margin-bottom: clamp(40px, 6.154vw, 80px); }
    @media screen and (max-width: 480px) {
      .sec1 .sec1_item01 {
        grid-template-columns: 100%; } }
    .sec1 .sec1_item01 .item {
      padding-bottom: clamp(25px, 3.077vw, 40px);
      margin-bottom: clamp(25px, 3.077vw, 40px);
      border-bottom: 1px solid #5aa572; }
      .sec1 .sec1_item01 .item:nth-child(4) {
        padding: 0;
        margin: 0;
        border: none; }
        @media screen and (max-width: 480px) {
          .sec1 .sec1_item01 .item:nth-child(4) {
            padding-bottom: clamp(25px, 3.077vw, 40px);
            margin-bottom: clamp(25px, 3.077vw, 40px);
            border-bottom: 1px solid #5aa572; } }
      .sec1 .sec1_item01 .item:last-child {
        padding: 0;
        margin: 0;
        border: none; }
      .sec1 .sec1_item01 .item .item_ttl {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        column-gap: 10px;
        margin-bottom: 25px; }
        @media screen and (max-width: 480px) {
          .sec1 .sec1_item01 .item .item_ttl {
            margin-bottom: 15px; } }
        .sec1 .sec1_item01 .item .item_ttl .num {
          line-height: 0;
          transform: translateY(8px); }
          @media screen and (max-width: 820px) {
            .sec1 .sec1_item01 .item .item_ttl .num {
              transform: translateY(0);
              width: 30px; } }
        .sec1 .sec1_item01 .item .item_ttl .ttl {
          font-size: clamp(15px, 2.715vw, 38px);
          color: #727171;
          letter-spacing: -0.05em;
          font-weight: 700;
          line-height: 1.3; }
          @media screen and (max-width: 820px) {
            .sec1 .sec1_item01 .item .item_ttl .ttl {
              font-size: 2.5vw; } }
          @media screen and (max-width: 480px) {
            .sec1 .sec1_item01 .item .item_ttl .ttl {
              font-size: 5vw; } }
          .sec1 .sec1_item01 .item .item_ttl .ttl .green {
            color: #5aa572; }
          .sec1 .sec1_item01 .item .item_ttl .ttl .sub {
            text-align: right;
            font-size: 12px;
            display: block;
            letter-spacing: normal; }
      .sec1 .sec1_item01 .item .text_photo {
        align-items: flex-start; }
      @media screen and (max-width: 820px) {
        .sec1 .sec1_item01 .item.item01 .text_photo {
          flex-direction: column;
          row-gap: 20px; } }
      .sec1 .sec1_item01 .item.item01 .text_photo .text_group {
        width: 58.07%; }
        @media screen and (max-width: 820px) {
          .sec1 .sec1_item01 .item.item01 .text_photo .text_group {
            width: 100%; } }
        .sec1 .sec1_item01 .item.item01 .text_photo .text_group .read img {
          float: right;
          margin-top: 10px;
          margin-top: 20px; }
      .sec1 .sec1_item01 .item.item01 .text_photo .photo_group {
        width: 38.71%; }
        @media screen and (max-width: 820px) {
          .sec1 .sec1_item01 .item.item01 .text_photo .photo_group {
            width: 100%;
            max-width: 240px;
            margin: 0 auto; } }
      @media screen and (max-width: 820px) {
        .sec1 .sec1_item01 .item.item02 .text_photo {
          flex-direction: column;
          row-gap: 20px; } }
      .sec1 .sec1_item01 .item.item02 .text_photo .text_group {
        width: 53.23%; }
        @media screen and (max-width: 820px) {
          .sec1 .sec1_item01 .item.item02 .text_photo .text_group {
            width: 100%; } }
      .sec1 .sec1_item01 .item.item02 .text_photo .photo_group {
        width: 41.94%; }
        @media screen and (max-width: 820px) {
          .sec1 .sec1_item01 .item.item02 .text_photo .photo_group {
            width: 100%;
            max-width: 260px;
            margin: 0 auto; } }
        .sec1 .sec1_item01 .item.item02 .text_photo .photo_group .photo {
          width: 69.62%; }
          .sec1 .sec1_item01 .item.item02 .text_photo .photo_group .photo.photo01 {
            margin-left: auto; }
          .sec1 .sec1_item01 .item.item02 .text_photo .photo_group .photo.photo02 {
            margin-top: -5px; }
      .sec1 .sec1_item01 .item.item04 {
        grid-column: 2/3;
        grid-row: 2/5; }
        @media screen and (max-width: 480px) {
          .sec1 .sec1_item01 .item.item04 {
            grid-column: auto;
            grid-row: auto; } }
        .sec1 .sec1_item01 .item.item04 .terrace_group {
          margin-top: clamp(25px, 3.077vw, 40px); }
          @media screen and (max-width: 480px) {
            .sec1 .sec1_item01 .item.item04 .terrace_group {
              margin-top: 50px;
              margin-top: 10px; } }
          .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_ttl {
            font-size: clamp(17px, 1.539vw, 20px);
            font-weight: 600;
            color: #5aa572;
            margin-bottom: 20px; }
            @media screen and (max-width: 480px) {
              .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_ttl {
                font-size: 5.6vw;
                line-height: 1.4;
                text-align: center;
                margin-bottom: 15px; } }
          @media screen and (max-width: 820px) {
            .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in {
              flex-direction: column;
              row-gap: 20px; } }
          .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace {
            width: 48.71%; }
            @media screen and (max-width: 820px) {
              .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace {
                width: 100%; } }
            .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace:nth-child(1) .terrace_sub {
              letter-spacing: 0.2em; }
            .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace .terrace_sub {
              font-size: clamp(12px, 1.385vw, 18px);
              font-weight: 600;
              color: #000;
              padding-bottom: 10px;
              margin-bottom: 10px;
              border-bottom: 1px solid #5aa572; }
              @media screen and (max-width: 820px) {
                .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace .terrace_sub {
                  font-size: 2.2vw; } }
              @media screen and (max-width: 480px) {
                .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace .terrace_sub {
                  font-size: 5vw; } }
              .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace .terrace_sub .small {
                font-size: 80%; }
            .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace .read {
              margin-bottom: 20px; }
            @media screen and (max-width: 820px) {
              .sec1 .sec1_item01 .item.item04 .terrace_group .terrace_in .terrace .photo {
                width: fit-content;
                margin: 0 auto; } }
      @media screen and (max-width: 820px) {
        .sec1 .sec1_item01 .item.item06 .text_photo {
          flex-direction: column;
          row-gap: 20px; } }
      .sec1 .sec1_item01 .item.item06 .text_photo .text_group {
        width: 54.84%; }
        @media screen and (max-width: 820px) {
          .sec1 .sec1_item01 .item.item06 .text_photo .text_group {
            width: 100%; } }
      .sec1 .sec1_item01 .item.item06 .text_photo .photo_group {
        width: 39.68%; }
        @media screen and (max-width: 820px) {
          .sec1 .sec1_item01 .item.item06 .text_photo .photo_group {
            width: 100%;
            text-align: center; } }
  .sec1 .sec1_item02 {
    justify-content: flex-end;
    column-gap: 5.39%; }
    @media screen and (max-width: 480px) {
      .sec1 .sec1_item02 {
        flex-wrap: wrap;
        gap: 20px 4%;
        justify-content: center; } }
    .sec1 .sec1_item02 .site_plan {
      width: 17.16%; }
      @media screen and (max-width: 480px) {
        .sec1 .sec1_item02 .site_plan {
          width: 100%;
          text-align: center; } }
      @media screen and (max-width: 480px) {
        .sec1 .sec1_item02 .site_plan img {
          height: 35px; } }
    .sec1 .sec1_item02 .photo {
      width: 22.16%; }
      @media screen and (max-width: 480px) {
        .sec1 .sec1_item02 .photo {
          width: 48%; } }

.sec2 {
  padding: clamp(60px, 9.231vw, 120px) 0;
  background: #f1fcf8; }
  @media screen and (max-width: 480px) {
    .sec2 {
      padding: 60px 0; } }
  .sec2 .sec2_item01 {
    flex-direction: column;
    row-gap: clamp(40px, 6.154vw, 80px); }
    @media screen and (max-width: 480px) {
      .sec2 .sec2_item01 {
        row-gap: 60px; } }
    .sec2 .sec2_item01 .item .sec2_ttl {
      flex-direction: column;
      row-gap: 12px;
      margin-bottom: clamp(30px, 3.847vw, 50px); }
      @media screen and (max-width: 480px) {
        .sec2 .sec2_item01 .item .sec2_ttl .lead {
          line-height: 1.6; } }
    .sec2 .sec2_item01 .item .planting_group {
      flex-wrap: wrap;
      gap: clamp(15px, 2.308vw, 30px) 0; }
      @media screen and (max-width: 480px) {
        .sec2 .sec2_item01 .item .planting_group {
          justify-content: flex-start;
          gap: 8px 2%; } }
      .sec2 .sec2_item01 .item .planting_group .planting {
        width: 23.08%; }
        @media screen and (max-width: 480px) {
          .sec2 .sec2_item01 .item .planting_group .planting {
            width: 32%; } }
        .sec2 .sec2_item01 .item .planting_group .planting .print_cap {
          position: absolute;
          right: 0;
          top: 100%; }
    .sec2 .sec2_item01 .item .equip_group {
      flex-wrap: wrap;
      gap: clamp(30px, 4.616vw, 60px) 0; }
      @media screen and (max-width: 480px) {
        .sec2 .sec2_item01 .item .equip_group {
          gap: 20px 0; } }
      .sec2 .sec2_item01 .item .equip_group .equip_in {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        row-gap: clamp(15px, 1.924vw, 25px);
        width: 31.39%; }
        @media screen and (max-width: 480px) {
          .sec2 .sec2_item01 .item .equip_group .equip_in {
            width: 48%; } }
        .sec2 .sec2_item01 .item .equip_group .equip_in .text_group {
          display: flex;
          flex-direction: column;
          row-gap: 10px; }
          .sec2 .sec2_item01 .item .equip_group .equip_in .text_group .item_ttl {
            font-size: clamp(14px, 1.539vw, 20px);
            font-weight: 600;
            line-height: 1.4;
            text-align: center; }
            .sec2 .sec2_item01 .item .equip_group .equip_in .text_group .item_ttl .sub {
              font-size: 80%; }
            .sec2 .sec2_item01 .item .equip_group .equip_in .text_group .item_ttl .block {
              display: block; }
          .sec2 .sec2_item01 .item .equip_group .equip_in .text_group .item_read {
            font-size: clamp(12px, 1.231vw, 16px); }

@media screen and (max-width: 480px) {
  .cap_l_sp {
    text-align: left !important; } }

/*# sourceMappingURL=style.css.map */
