.section.dog-fit {
  padding-block: 0 clamp(60px, 7vw, 110px);
}
.section.dog-fit > .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding-inline: 20px;
}
@media only screen and (min-width: 768px) {
  .section.dog-fit > .inner {
    padding-inline: 30px;
  }
}
.section.dog-fit .section_intro {
  margin-bottom: clamp(24px, 3vw, 40px);
}

.dog-fit__title {
  margin: 0 0 8px;
}
.dog-fit__intro {
  margin: 0;
  opacity: 0.75;
}
.dog-fit__groups {
  --dog-fit-gap: clamp(16px, 2vw, 24px);
}
@media only screen and (min-width: 900px) {
  .dog-fit__groups {
    columns: 2;
    column-gap: var(--dog-fit-gap);
  }
}
.dog-fit__group {
  break-inside: avoid;
  margin-bottom: var(--dog-fit-gap);
  background: var(--grey-color);
  border-radius: var(--border-radius-40);
  padding: clamp(22px, 2.6vw, 36px);
}
.dog-fit__group-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
  line-height: 1.2;
}
.dog-fit__glyph {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--light-color);
  color: var(--theme-color);
}
.dog-fit__glyph::before {
  font: var(--fa-font-solid);
  font-size: 20px;
}
.dog-fit__glyph[data-glyph=child]::before {
  content: "\f1ae";
}
.dog-fit__glyph[data-glyph=dog]::before {
  content: "\f6d3";
}
.dog-fit__glyph[data-glyph=cat]::before {
  content: "\f6be";
}
.dog-fit__glyph[data-glyph=home]::before {
  content: "\f015";
}
.dog-fit__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.dog-fit__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.dog-fit__item[data-tone=yes] .dog-fit__mark {
  background: var(--theme-color);
  color: var(--light-color);
}
.dog-fit__item[data-tone=yes] .dog-fit__mark::before {
  content: "\f00c";
}
.dog-fit__item[data-tone=note] .dog-fit__mark {
  background: var(--theme2-color);
  color: var(--dark-color);
}
.dog-fit__item[data-tone=note] .dog-fit__mark::before {
  content: "\f129";
}
.dog-fit__item[data-tone=no] .dog-fit__mark {
  background: var(--pink-color);
  color: var(--light-color);
}
.dog-fit__item[data-tone=no] .dog-fit__mark::before {
  content: "\f00d";
}
.dog-fit__mark {
  flex: none;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-top: 1px;
  border-radius: 50%;
}
.dog-fit__mark::before {
  font: var(--fa-font-solid);
  font-size: 12px;
}
.dog-fit__text {
  display: grid;
  gap: 2px;
  line-height: 1.4;
}
.dog-fit__text strong {
  font-family: "Satoshi-Bold", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: clamp(1rem, 0.95rem + 0.15vw, 1.0625rem);
}
.dog-fit__text span {
  font-size: 0.9375rem;
  opacity: 0.8;
}