@charset "UTF-8";
.max630 {
  max-width: 680px;
  margin: 0 auto;

}
.topics {
  width: 100%;
}

.topics dl {
  padding: 15px 0;
  border-bottom: 1px dotted #ccc;
  font-size: 15px;
  letter-spacing: 1px;
  padding-bottom: 8px;
  font-weight: normal;
}

.topics dt {
  padding-bottom: 5px;
}

br.sp{
  display: block;
}
@media screen and (min-width: 768px) {

  .topics dl {
    width: 100%;
    margin: 0 auto;
    letter-spacing: 1px;
    font-size: 16px;
    padding-bottom: 8px;
    font-weight: normal;
  }

  .topics dt {
    clear: left;
    float: left;
    width: 20%;
    margin-bottom: 0;
    font-weight: normal;
  }

  .topics dd {
    margin: 0 0 0 30%;
    font-weight: normal;
  }
  br.sp{
    display: none;
  }


}