@charset "utf-8";

.list {
  max-width: 768px;
  margin: 40px auto 50px;
}

.list table,
.list thead,
.list tbody,
.list th,
.list td,
.list tr {
  font-family: "Sawarabi Mincho";
  text-align: center;
  font-weight: normal;
  display: block;
}

.list thead {
  background: #517e95;
}

.list th {
  font-size: 2.2rem;
  color: #fff;
}

.list td {
  font-size: 2.0rem;
}

.list tbody tr:nth-child(even) {
  background: #f1f1f1;
}

.list tbody tr:nth-child(odd) {
  background: white;
}

.list thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.list tr {
  border-bottom: 1px solid #165e83;
}

.list tr:nth-child(even) {
  background: #f1f1f1;
}

.list tr:nth-child(odd) {
  background: white;
}

.list td {
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 50%;
}

.list td:before {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
}

.list td:nth-of-type(1):before {
  content: "役職";
  background: #165e83;
  color: #fff;
}

.list td:nth-of-type(2):before {
  content: "氏名";
  background: #165e83;
  color: #fff;
}

.list td:nth-of-type(3):before {
  content: "兼任";
  background: #165e83;
  color: #fff;
}

.list .table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 50%;
}