.salons_list {
  margin: 75px 0 50px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15px;
}
.salons_item {
  width: calc(33% - 7.5px);
}
.salons_link {
  text-align: center;
  display: block;
  width: 100%;
  border: 2px solid #635200;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  padding: 10px 0;
  color: #635200;
  transition: all 0.3s 0s ease-in-out;
}
.salons_link:hover {
  background-color: #635200;
  color: #fff;
}
.salons_ancer {
  margin-top: -75px;
  padding-top: 75px;
  display: block;
}

@media screen and (max-width: 768px) {
  .salons_list {
    margin: 50px 0 25px;
    flex-direction: column;
    gap: 7.5px;
  }
  .salons_item {
    width: 100%;
  }
  .salons_ancer {
    margin-top: -75px;
    padding-top: 75px;
    display: block;
  }
}/*# sourceMappingURL=archive.css.map */