.topics .ArticleArea {
  display: flex;
  flex-direction: column;
}

.topics .ArticleArea a figure {
  display: flex;
  gap: 60px;
  padding-block: 40px;
  border-top: 1px solid #eee;
  color: #515151;
}

@media (max-width: 428px) {
  .topics .ArticleArea a figure {
    flex-direction: column;
    align-items: center;
    gap: 0px;
    padding-inline: 20px;
  }
}

.topics .ArticleArea a figure img {
  max-width: 280px;
  width: calc(28% + 60px);
}

@media (max-width: 428px) {
  .topics .ArticleArea a figure img {
    width: 100%;
  }
}

.topics .ArticleArea article:last-child {
  border-bottom: 1px solid #eee;
}