@charset "UTF-8";

hr.hr {
  display: block;
  border: 1px solid transparent;
  margin: 2rem 0;
}

hr.hr_line {
  display: block;
  border: 1px solid transparent;
  border-top: 1px solid var(--line-color);
  margin: 5rem 40%;
}

.grd3 {
  display: grid;
  gap: 4rem 3rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(calc((1170px - 3rem * 2) / 3), 1fr)
  );
}

.grd4 {
  display: grid;
  gap: 4rem 3rem;
  grid-template-columns: repeat(
    auto-fit,
    minmax(calc((1170px - 3rem * 3) / 4), 1fr)
  );
}