.topics{
  background:#F7F7F7;
  padding: 3rem 0;
}
.topics .topics_list{
  margin-bottom: 2.5rem;
  padding: 0 1rem;
  list-style: none;
}
.topics .topics_list li{
  font-size: 1rem;
  border-bottom: #C3C3C3 solid 1px;
}
.topics .topics_list .date{
  margin-right: 4rem;
  letter-spacing: 1px;
}
.topics_list-icon {
  margin-right: 1rem;
}
.topics .topics_list li a {
  color: #333;
  display: inline-block;
  text-decoration: none;
  padding: 1rem 0;
}
.topics .topics_list li a:hover {
  opacity: 0.7;
  transition-duration: 0.3s;
}
@media screen and (max-width: 767px) {
  .topics .topics_list li{
    font-size: 1rem;
  } 
  .topics .topics_list li .date {
    display: block;
  }
  .topics_list-icon {
    display: none;
  }
}