/* 人とペットの予防医学事業のページだけの指定 */

/* PFASと浄水器への考えを伝える、緑の地の囲み */
.care-pfas {
  position: relative;
  overflow: hidden;
  padding: 2.5rem 1.5rem;

  @media screen and (min-width: 768px) {
    padding: 3.5rem 3rem;
  }
  @media screen and (min-width: 1200px) {
    padding: 5rem;
  }
}

.care-pfas-deco {
  position: absolute;
  right: -6rem;
  bottom: -4rem;
  width: 24rem;
  filter: brightness(4);
  pointer-events: none;

  @media screen and (min-width: 1200px) {
    right: 2rem;
    width: 35rem;
  }
}

.care-pfas-eyebrow {
  color: var(--gold-light);

  &::before {
    background-color: var(--gold-light);
  }
}

.care-pfas-title {
  margin: 0;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  color: var(--snow);

  @media screen and (min-width: 1024px) {
    font-size: 1.75rem;
  }
  @media screen and (min-width: 1200px) {
    font-size: 2.5rem;
  }
}

.care-pfas-text {
  color: var(--snow);
}

/* 「浄水器は必須です」の一文。囲みの中で最も大きく置く */
.care-pfas-statement {
  word-break: auto-phrase;
  padding-block: 0.5rem;
  border-left: 2px solid var(--gold-light);
  padding-left: 1rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.7;
  letter-spacing: 0.06em;
  color: var(--snow);

  @media screen and (min-width: 1024px) {
    font-size: 1.25rem;
  }
  @media screen and (min-width: 1200px) {
    padding-left: 1.5rem;
    font-size: 1.75rem;
  }
}

/* エイチジン特別パートナーの支給ロゴ */
.care-partner-logo {
  width: 10rem;

  & img {
    display: block;
    width: 100%;
    height: auto;
  }

  @media screen and (min-width: 1200px) {
    width: 12.5rem;
  }
}