@charset "utf-8";

#mainvis {
  background: url("../img/company/bg.jpg") center 55% / cover no-repeat;
}

table {
  width: 60vw;
  margin: 3em auto;
}
tbody th,
tbody td{
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
  padding: 1em 1em 1em 3em;
  border-collapse: collapse;
  vertical-align: top;
  color: #587999;
}
tbody th {
  width: 15%;
  padding: 1em 1em 1em 3em;
}
tbody td {
  width: 85%;
  background: #fff;
  padding: 1em 3em 1em 1em;
  color: #333;
}
tbody td a:link {
  color: #587999;
  border-bottom: 1px solid #587999;
}

.fadeIn{ 
  animation-duration: 2s; 
}

@media screen and (max-width: 1400px) {
  table {
  width: 70vw;
  }
}
@media screen and (max-width: 1024px) {
  table {
    width: 80vw;
  }
  tbody th, tbody td {
    width: 100%;
    font-size: .8em;
    padding: 1em;
  }
  tbody th {
      width: 20%;
      padding-left: 2em;
  }
  tbody td {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  tbody th {
      width: 25%;
  }
  tbody td {
    width: 75%;
  }
}

@media screen and (max-width: 540px) {
  table {
    width: 90vw;
  }
}