#top {
  display: flex;
}
@media (max-width: 767px) {
  #top {
    flex-direction: column-reverse;
  }
}


table.privacy{
  width:96%;
  font-size:106%;
  text-align:left;
  vertical-align:middle;
  margin:30px 0 40px 20px;
  border-collapse: separate;
}
@media (max-width: 767px) {
  table.privacy{
    width: 100%;
    margin-left: 0;
  }
}

table.privacy tr{
}

table.privacy tr th{
  background:#FBECD5;
  font-weight:normal;
  width:30%;
  padding:10px 10px 10px 16px;
}
@media (max-width: 767px) {
  table.privacy tr th{
    display: block;
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5em;
    width: 100%;
  }
}

table.privacy tr td{
  background:#FFF6ED;
  padding:10px 10px 10px 16px;
}
@media (max-width: 767px) {
  table.privacy tr td{
    display: block;
    font-size: 1rem;
    padding: 0.5em 0.5em 1em;
    width: 100%;
  }
}

.section {
  margin:4px 0 18px 8px;
  padding:6px;
}

.section h2{
  color:#412210;
  margin:0 0 1rem;
  border-bottom:2px dotted #412210;
}
@media (max-width: 767px) {
  .section h2{
    font-size: 1.1rem;
  }
}

.section p{
  font-size: 16px;
  line-height:1.6;
  margin:10px 0;
}

.section dl{
  margin:8px;
}

.section dl dt{
  font-weight:bold;
  margin-top:8px;
}

.section_ttl {
  display: block;
  margin-bottom: 1rem;
}

.section_text {
  font-size: 16px;
  line-height:1.6;
}
@media (max-width: 767px) {
  .section_text {
    font-size: 15px;
  }
}

.text-list p {
  margin: 5px 0;
}