@layer page {
  .info-body {
    margin-top: 3.75rem;
    padding-bottom: 7.5rem;
  }
  @media screen and (max-width: 767px) {
    .info-body {
      margin-top: 10.2564102564vw;
      padding-bottom: 20.5128205128vw;
    }
  }
  .info-body .p-posts {
    margin-top: 3.75rem;
    border-top: 1px solid #DFE5E9;
  }
  @media screen and (max-width: 767px) {
    .info-body .p-posts {
      margin-top: 10.2564102564vw;
    }
  }
  .info-body .p-posts__tax span {
    background: var(--sub);
  }
  @media screen and (min-width: 768px) {
    .info-filter {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      gap: 1.25rem;
    }
  }
  @media screen and (max-width: 767px) {
    .info-filter {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 5.1282051282vw;
    }
  }
  .info-filter__item {
    appearance: none;
    border: 1px solid #C9CACE;
    background: url("../../../img/icon/arrow_btm.svg") calc(100% - 1rem) 50%/0.625rem auto no-repeat;
    font-size: 0.875rem;
    padding-left: 1.25rem;
    padding-right: 1.875rem;
    box-sizing: border-box;
  }
  @media screen and (min-width: 768px) {
    .info-filter__item {
      width: 12.5rem;
      height: 3rem;
    }
  }
  @media screen and (max-width: 767px) {
    .info-filter__item {
      height: 12.3076923077vw;
      font-size: 3.3333333333vw;
      background-position: calc(100% - 3.5897435897vw);
    }
  }
}