#system{
  padding: 0 0 1rem;
}
@media screen and (min-width: 768px){
  #system{
    padding: 0 0 2rem;
  }
}

#system table {
  width: 90%;
  margin: 0 auto 1rem;
}

@media screen and (min-width: 768px){
  #system table {
    width: 80%;
    margin: 0 auto 2rem;
  }
}

#system table th, #system table td {
  border: 1px solid #666666;
  padding: 1rem 0;
  vertical-align: middle;
  text-align: center;
}
@media screen and (min-width: 768px){
  #system table th, #system table td {
    padding: 1rem 0;
    background: #ffffff;
  }
}

#system table th {
  background: #ffdadf;
  width: 40%;
}
@media screen and (min-width: 768px){
  #system table th {
    width: 300px;
  }
}

#system table thead th {
  background: #fff9da;
}

.system_desc {
  padding: 0;
  width: 90%;
  margin: 1rem auto 0;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px){
  .system_desc {
    width: 80%;
    margin: 2rem auto 0;
  }
}

.caution {
  padding: 0 0px;
  width: 90%;
  margin: 1rem auto 0;
  font-size: 0.9rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px){
  .caution {
    width: 80%;
    margin: 2rem auto 0;
  }
}

.caution ul {
  list-style: disc;
  padding: 0 0 0 30px;
}

.caution ul li {
  text-align: left;
  margin: 1rem 0 0;
}