.pc {
  display: none;
}

@media (min-width: 768px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }
}
img {
  width: 100%;
}

article section {
  padding: 160px 10px 40px;
}
@media (min-width: 768px) {
  article section {
    padding: 200px 10px 60px;
  }
}
article section h3 {
  margin-top: 40px;
  padding: 10px;
  background: #569E93;
  color: #fff;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}
@media (min-width: 768px) {
  article section h3 {
    margin-top: 80px;
  }
}
article section table {
  width: 100%;
  margin-top: 20px;
}
article section table thead tr {
  background: #097363;
  color: #fff;
}
article section table thead tr th {
  padding: 0.5em 1em;
}
article section table tbody tr:nth-child(even) {
  background: #EBF4F3;
}
article section table tbody tr th, article section table tbody tr td {
  padding: 0.5em 1em;
}
article section table tbody tr th {
  width: 6em;
}
@media (min-width: 768px) {
  article section table {
    margin-top: 40px;
  }
}