.companySect {
  background-color: #46423B;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .companySect {
    padding-bottom: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .companySect {
    padding-bottom: 8rem;
  }
}
.companySect__inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .companySect__inner {
    width: 128rem;
  }
}
@media screen and (max-width: 768px) {
  .companySect__inner {
    padding: 0 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .companySect__inner {
    width: 120rem;
  }
}
.companySect__cont {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .companySect__cont {
    gap: 8rem;
    margin-top: 9rem;
  }
}
@media screen and (max-width: 768px) {
  .companySect__cont {
    gap: 6.4rem;
    margin-top: 6rem;
  }
}
.companySect .heading {
  color: #B9A87A;
}
@media screen and (min-width: 768px) {
  .companyCard {
    align-items: center;
    display: grid;
    grid-gap: 5.6rem;
    gap: 5.6rem;
    grid-template-columns: 1fr 1.15fr;
  }
}
.companyCard__logo {
  align-items: flex-start;
  border-bottom: 0.1rem solid rgba(201, 183, 137, 0.35);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
}
.companyCard__logo .photo {
  width: 20rem;
}
@media screen and (min-width: 768px) {
  .companyCard__logo + .txt {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .companyCard__logo + .txt {
    margin-top: 2.4rem;
  }
}
.companyCard__name {
  color: #E9E5DD;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .companyCard__name {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .companyCard__name {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .companyCard__head + .companyCard__cont {
    margin-top: 3.2rem;
  }
}
.companyCard__cont {
  display: grid;
  grid-gap: 2rem;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .companyCard__cont {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .companyCard__cont {
    gap: 0.8rem;
  }
}
.companyCard__item {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  text-align: center;
}
.companyCard__item .name {
  color: #E9E5DD;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .companyCard__item .name {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .companyCard__item .name {
    font-size: 1.1rem;
  }
}
/*# sourceMappingURL=style.css.map */