.company {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: calc(var(--vw) * 85) calc(var(--vw) * 30) calc(var(--vw) * 50);
  @media screen and (min-width: 769px) {
    max-width: calc(var(--vw) * 771);
    width: 100%;
    padding: calc(var(--vw) * 172) 0 calc(var(--vw) * 141);
  }
}
:where(.company) {
  .company__title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--vw) * 12);
    @media screen and (min-width: 769px) {
      gap: calc(var(--vw) * 9);
    }
  }
  .company__title-icon {
    width: calc(var(--vw) * 33);
  }
  .company__title {
    color: #005E9E;
    font-weight: bold;
    font-size: calc(var(--rem) * 18);
    margin-bottom: calc(var(--vw) * 30);
    letter-spacing: 1.8px;
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 27);
      letter-spacing: 2.7px;
      line-height: 52.5px;
      margin-bottom: calc(var(--vw) * 42);
    }
  }
  .company__content {
    display: grid;
    @media screen and (min-width: 769px) {
      gap: calc(var(--vw) * 31);
    }
  }
  .company-info {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 25);
  }
  
  .info-row {
    display: grid;
    grid-template-columns: calc(var(--vw) * 90) 1fr;
    gap: calc(var(--vw) * 15);
    align-items: start;
    @media screen and (min-width: 769px) {
      gap: calc(var(--vw) * 31);
      grid-template-columns: calc(var(--vw) * 105) 1fr;
    }
  }
  
  .info-key {
    font-size: calc(var(--rem) * 14);
    letter-spacing: 1.4px;
    font-weight: 500;
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 17);
      letter-spacing: 1.7px;
    }
  }
  
  .info-value {
    line-height: 26.9px;
    font-size: calc(var(--rem) * 14);
    letter-spacing: 1.4px;
    font-weight: 500;
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 17);
      letter-spacing: 1.7px;
    }
  }
}