main > .company {
  margin: 100px 0;
}
main > .company ul.member_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2vw;
}
main > .company ul.member_list li button {
  padding: 0;
  border: none;
  background: none;
  display: block;
  cursor: pointer;
}
main > .company ul.member_list li button .img picture img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: grayscale(0.8);
  transition: filter 0.2s;
}
main > .company ul.member_list li button .txt {
  margin: 10px 0 0;
  text-align: left;
}
main > .company ul.member_list li button .txt .post {
  margin: 0 0 4px;
  font-size: 0.75rem;
  color: rgba(var(--white_rgb), 0.4);
  letter-spacing: 0.1em;
  transition: color 0.2s;
}
main > .company ul.member_list li button .txt .name {
  color: var(--white);
  letter-spacing: 0.1em;
  transition: color 0.2s;
}
main > .company ul.member_list li button:hover .img picture img {
  filter: grayscale(0);
}
main > .company ul.member_list li button:hover .txt .post {
  color: var(--gold);
}
main > .company ul.member_list li button:hover .txt .name {
  color: var(--gold);
}
main > .company table {
  width: 100%;
  max-width: 720px;
  margin: 100px auto;
  border-collapse: collapse;
}
main > .company table.company_list tbody tr th, main > .company table.company_list tbody tr td {
  padding: 1.5em 1em;
  border-bottom: 1px solid rgba(var(--white_rgb), 0.1);
  text-align: left;
  font-weight: 300;
  font-size: 0.875rem;
}
main > .company table.company_list tbody tr th {
  width: 20%;
  min-width: 200px;
  padding-left: 0.5em;
  border-color: rgba(var(--white_rgb), 0.4);
  letter-spacing: 0.25em;
}
main > .company article.phylosophy {
  margin: 100px 0;
  text-align: center;
}
main > .company article.phylosophy h2 {
  font-family: var(--serif);
}
main > .company article.phylosophy p {
  margin: 2em 0;
  line-height: 1.8;
  color: rgba(var(--white_rgb), 0.6);
}

@media screen and (max-width: 991.98px) {
  main > .company ul.member_list {
    margin: 60px 0;
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
  }
}
@media screen and (max-width: 767.98px) {
  main > .company ul.member_list {
    margin: 0 auto;
    max-width: 480px;
    grid-template-columns: 1fr;
  }
  main > .company table {
    margin: 60px 0;
  }
  main > .company table.company_list tbody tr th, main > .company table.company_list tbody tr td {
    padding: 0;
    border-bottom: 1px solid rgba(var(--white_rgb), 0.1);
    display: block;
  }
  main > .company table.company_list tbody tr th {
    width: 100%;
    padding: 10px 0 0;
    font-size: 0.75rem;
    color: rgba(var(--white_rgb), 0.6);
    border-bottom: none;
  }
  main > .company table.company_list tbody tr td {
    padding: 10px 0;
  }
}/*# sourceMappingURL=company.css.map */