.p-topics {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-topics-list {
    padding: 223px 0 160px;
  }
  .p-topics-list__category {
    margin-top: 48px;
  }
  .p-topics-list__list {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-topics-list {
    padding: 185px 0 100px;
  }
  .p-topics-list__category {
    margin-top: 32px;
  }
  .p-topics-list__list {
    margin-top: 64px;
  }
}
@media screen and (min-width: 768px) {
  .p-topics-detail__info-subtitle {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-thin);
    color: #999085;
  }
  .p-topics-detail__info-title {
    margin-top: 32px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing);
  }
  .p-topics-detail__info-text {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.9;
    letter-spacing: var(--letter-spacing);
  }
  .p-topics-detail__share:not(:first-child) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-topics-detail__info-subtitle {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-thin);
    color: #999085;
  }
  .p-topics-detail__info-title {
    margin-top: 32px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing);
  }
  .p-topics-detail__info-text {
    margin-top: 17px;
    font-size: 13px;
    line-height: 1.9;
    letter-spacing: var(--letter-spacing);
  }
  .p-topics-detail__aside {
    width: 91.5%;
  }
  .p-topics-detail__aside + .p-topics-detail__body {
    margin-top: 100px;
  }
  .p-topics-detail__body {
    width: 100%;
  }
  .p-topics-detail__share:not(:first-child) {
    margin-top: 60px;
  }
}