/* ======================================================================
 p_about
====================================================================== */
/*============================
 company_sec
============================*/
.company_sec {
  background-color: var(--color-blue);
  padding: 0 0 40px;
}
.company_sec .company_card {
  background-color: var(--color-white);
  border-radius: 4px;
  padding: 52px 114px 84px;
}
.company_sec .company_list .company_list_item {
  display: grid;
  grid-template-columns: 188px 1fr;
}
.company_sec .company_list .company_list_item .term {
  padding: 36px 0;
  font-size: 16px;
  line-height: 1.8;
  font-weight: var(--font-bold);
  color: var(--color-blue);
  border-bottom: 2px solid var(--color-blue);
}
.company_sec .company_list .company_list_item .desc {
  padding: 36px 0 36px 20px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: var(--font-medium);
  color: var(--color-border-black);
  border-bottom: 2px solid var(--color-table-gray);
}
.company_sec .company_list .company_list_item .desc .company_text_list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.company_sec .company_list .company_list_item .desc .company_clients_list {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  -moz-column-gap: 52px;
       column-gap: 52px;
  row-gap: 12px;
}
.company_sec .company_list .company_list_item .desc .company_clients_list .item {
  line-height: 1.5;
  white-space: nowrap;
}
.company_sec .company_list .company_list_item .desc .company_clients_note {
  margin-top: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 1200px) {
  .company_sec .company_card {
    padding: 52px 40px 84px;
  }
  .company_sec .company_list .company_list_item {
    grid-template-columns: minmax(130px, 20.17%) minmax(0, 1fr);
  }
  .company_sec .company_list .company_list_item .desc .company_clients_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .company_sec .company_list .company_list_item .desc .company_clients_list .item {
    white-space: normal;
  }
}
@media screen and (max-width: 767px) {
  .company_sec {
    padding: 0;
  }
  .company_sec .company_card {
    padding: 12px 20px 48px;
  }
  .company_sec .company_list .company_list_item {
    grid-template-columns: 1fr;
  }
  .company_sec .company_list .company_list_item .term {
    padding: 28px 0 8px;
    border-bottom: none;
  }
  .company_sec .company_list .company_list_item .desc {
    padding: 0 0 28px;
  }
  .company_sec .company_list .company_list_item .desc .company_clients_list {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .company_sec .company_list .company_list_item .desc .company_clients_note {
    margin-top: 8px;
  }
}