.topics {
  display: grid;
  gap: 3.125rem;
  grid-template-areas: "topics-contents" "topics-pagination" "topics-aside";
}
@media screen and (min-width: 992px) {
  .topics {
    gap: 3.125rem 5.5282555283%;
    grid-template-columns: 1fr clamp(12.5rem, 0.6518987342rem + 24.6835443038vw, 22.25rem);
    grid-template-areas: "topics-contents topics-aside" "topics-pagination topics-pagination";
  }
}

.topics__contents {
  grid-area: topics-contents;
}

.topics__list {
  display: grid;
  gap: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  margin: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) auto 0;
}
.topics__list .post-card {
  box-shadow: 0 0 15px rgba(0, 73, 153, 0.15);
}
.topics__list .post-card__tagblock {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
}
.topics__list .post-card__categories {
  flex-wrap: wrap;
}
.topics__list .post-card__tagchip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
}

.topics__aside {
  width: 100%;
  max-width: 26.25rem;
  margin-inline: auto;
  grid-area: topics-aside;
}

.topics__aside_unit {
  border-bottom: 1px solid #D0D0D0;
}

.topics__aside_unit_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  padding-block: 1.1111111111em;
  padding-right: 0.625rem;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.topics__aside_unit_head::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("/media/images/icon/icon_arrow_b.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease-in-out;
}
.topics__aside_unit_head.is-accordion-open::after {
  transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  .topics__aside_unit_head:hover {
    opacity: 0.7;
  }
}

.topics__aside_unit_list {
  display: none;
  padding-bottom: 1.25rem;
}

.topics__aside_unit_item + .topics__aside_unit_item {
  margin-top: 0.5rem;
}

.topics__aside_unit_link {
  font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  font-weight: 400;
}

.topics__pagination {
  justify-self: center;
  grid-area: topics-pagination;
}/*# sourceMappingURL=style-topics.css.map */