@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";


.hd_landplan {
  font-size: clamp(19px, 1.26vw + 14.28px, 29px);
  text-align: center;
  font-weight: 700;
  word-break: keep-all;
  overflow-wrap: anywhere;
  color: var(--main_c);
}

.txt_landttl {
  font-size: clamp(16px, 0.75vw + 13.17px, 22px);
  color: #65615C;
  font-weight: 600;
  line-height: 1.8em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.flag_2men {
  max-width: 490px;
  margin: 20px auto 0;
}

.stressfree {
  font-size: clamp(22px, 3.02vw + 10.68px, 46px);
  text-align: center;
  font-weight: 700;
  line-height: 1.1em;
  word-break: keep-all;
  overflow-wrap: anywhere;
  color: var(--main_c);
}

.column_zeroen {
  display: grid;
  grid-template-columns: 59% 1fr;
  gap: 20px;
  padding-top: 7.7cqw;
  @media (width < 480px) {
    grid-template-columns: 1fr;
  }
}

.column_zeroen_img,.item_landplan_img {
  overflow: hidden;
  img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

.column_zeroen_txt,.item_landplan_txt {
  position: relative;
  text-align: left;
  color: #65615C;
  .stressfree {
    text-align: left;
    font-feature-settings: "palt";
    font-size: clamp(22px, 2.14vw + 13.98px, 39px);
  }
}

.flag_column {
  max-width: 130px;
  margin-top: -30px;
  @media (width < 480px) {
    max-width: 100px;
    margin-top: -50px;
  }
}

.item_landplan_txt {
  .flag_column {
    @media (width < 480px) {
      max-width: 80px;
      margin-top: -10px;
    }
  }
}

.zeroen {
  padding-top: 8px;
}

.txt_sub {
  font-size: clamp(18px, 0.25vw + 17.06px, 20px);
  line-height: 1.4em;
  padding-top: 10px;
  font-weight: 700;
}

.txt_standard {
  font-size: clamp(14px, 0.25vw + 13.06px, 16px);
  line-height: 1.6em;
  padding-top: 10px;
}

.list_landplan {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  column-gap: 4cqw;
  row-gap: 7.7cqw;
  padding-block: 7.7cqw;
  @media (width < 480px) {
    grid-template-columns: 1fr;
  }
}

.item_landplan {
  display: grid;
  grid-template-columns: 54% 1fr;
  gap: 12px;
  @media (width < 480px) {
    grid-template-columns: 50% 1fr;
  }
}