.company .desc {
  text-align: left;
  color: rgb(221, 61, 61);
}
.company table {
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
}
.company table th {
  width: 25%;
}
.company table td {
  text-align: left;
  padding: 0.2rem 0 0.2rem 2rem;
}

.about-wrapper,
.history-wrapper {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.about-wrapper img,
.history-wrapper img {
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.about-wrapper {
  gap: 0 6rem;
}

.history-wrapper {
  gap: 0 3rem;
}
.history-wrapper figure {
  width: 100%;
  margin: 0;
}

.catch-img {
  width: 100%;
  min-height: 40rem;
  background-image: url("../img/background/about-bg.jpg");
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 1030px) {
  .company .desc {
    width: 80%;
    margin: auto;
  }
  .company table {
    width: 80%;
    margin: auto;
    font-size: 2.5rem;
  }
  .about-wrapper,
  .history-wrapper {
    grid-template-columns: 1fr;
  }
  .about-wrapper img,
  .history-wrapper img {
    width: 40%;
    margin: auto;
  }
  .about-wrapper {
    gap: 6rem 0;
  }
  .about-wrapper img {
    grid-row: 1;
  }
  .history-wrapper {
    gap: 3rem 0;
  }
  .catch-img {
    background-image: url("../img/background/about-bg-sp.jpg");
  }
}
@media screen and (max-width: 767px) {
  .company .desc {
    width: 95%;
  }
  .company table {
    width: 95%;
    font-size: 3.5rem;
  }
  .company table td {
    padding: 1rem 0 1rem 1rem;
  }
  .about-wrapper img,
  .history-wrapper img {
    width: 60%;
  }
  .about-wrapper {
    gap: 3rem 0;
  }
}/*# sourceMappingURL=company.css.map */