.consideration {
  font-family:
    "Zen Maru Gothic",
    system-ui,
    -apple-system,
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    "Yu Gothic",
    "Meiryo",
    sans-serif;

  .consideration__inner {
    background-color: #fffff4;
    padding: 50px 0 77px;

    /* タブレット: 568px → 8px / 1024px → 40px で流動的に変化 */
    @media (min-width: 568px) and (max-width: 1024px) {
      padding-inline: clamp(8px, 7.02vw - 31.87px, 40px);
    }
  }

  .consideration__heading .section-heading__text {
    margin-bottom: 28px;
  }

  .consideration__description-container {
    margin-bottom: 44px;
  }

  .consideration__description {
    position: relative;
    color: #4c4c4c;
    font-size: 18px;
    line-height: 2;
    margin-inline: auto;
    text-align: center;
    width: fit-content;

    @media (max-width: 567px) {
      font-size: clamp(12px, 3.45vw + -1.55px, 18px);
    }

    &::before {
      position: absolute;
      bottom: 0;
      background-image: url("/wp-content/uploads/2026/03/consideration_text_decoration.svg");
      content: "";
      height: 1px;
      width: 100%;
    }
  }

  .consideration__childcare-info-container {
    margin-bottom: 44px;
  }

  .consideration__childcare-info-heading-text {
    color: #e7a1ab;
    font-size: 28px;
    font-weight: bold;
    margin: 0 auto 22px;
    width: fit-content;

    @media (max-width: 567px) {
      font-size: clamp(16px, 6.9vw + -11.1px, 28px);
    }
  }

  .consideration__childcare-info {
    color: #4c4c4c;
    display: grid;
    font-size: 20px;
    margin-inline: auto;
    row-gap: 10px;
    width: fit-content;

    @media (max-width: 567px) {
      font-size: clamp(11px, 5.17vw + -9.33px, 20px);
    }
  }

  .consideration__childcare-info-row {
    align-items: start;
    column-gap: 4px;
    display: grid;
    grid-template-columns: 7em 1fr;

    dt,
    dd {
      margin: 0;
    }
  }

  .consideration__childcare-info-sub {
    column-gap: 24px;
    display: grid;
    grid-template-columns: 6em 1fr;
    row-gap: 2px;
  }

  .consideration__childcare-info-sub:nth-child(2n) {
    white-space: nowrap;
  }

  .consideration__contact-heading-text {
    color: #e7a1ab;
    font-size: 28px;
    font-weight: bold;
    margin: 0 auto 14px;
    width: fit-content;

    @media (max-width: 567px) {
      font-size: clamp(16px, 6.9vw + -11.1px, 28px);
    }
  }

  .consideration__contact-description {
    color: #4c4c4c;
    font-size: 18px;
    margin-inline: auto;
    margin-bottom: 60px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;

    @media (max-width: 567px) {
      font-size: clamp(12px, 3.45vw + -1.55px, 18px);
      margin-bottom: clamp(18px, 24.14vw + -76.86px, 60px);
    }
  }
}