.column_content {
  padding: 7rem 0;
  background: var(--back-purple);
}

/*--------------------------------------------------------------
# 一覧
--------------------------------------------------------------*/
.tax_btn_area {
  padding: 5rem 0;

  .tax_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, 9em);
    justify-content: center;
    gap: 1em;

    & li {
      list-style: none;
      color: #FFF;
      text-align: center;
      background: var(--key-color);
      border-radius: 0.5rem;

      & a {
        display: block;
        color: inherit;
        padding: 0.5em;
      }
    }
  }
}
.column_content.archive {

  .post_list {
    min-height: 20rem;
    margin: 0 auto 7rem;
    @media (min-width: 768px) {
      padding: 0 3rem;
      justify-content: left;
      gap: 3.7%;
    }

    & li {
      list-style: none;
      margin-bottom: 4.5rem;
      padding: 4.16%;
      background: #FFF;
      @media (min-width:768px) {
        padding: 2.5%;
      }

      & a {
        display: block;
        color: var(--fc-base);
      }
    }

    .img_wrap  img {
      aspect-ratio: 310 / 170;
    }
    .post_cat {
      display: inline-block;
      color: #FFF;
      margin-left: 0.5em;
      padding: 0 0.5em;
      background: var(--key-color);
      border-radius: 0.2em;
    }
    .post_title {
      font-size: var(--fs-large);
      font-weight: 700;
      line-height: 1.5;
      margin: 1em 0 0;
    }
  }
}

/*--------------------------------------------------------------
# 記事
--------------------------------------------------------------*/
.page_column .page_title {
  margin: 0;
}
.column_content.single {
  & section {
    padding: 3rem 1.4rem;
    background: #FFF;
    @media (min-width:768px){
      padding: 3rem;
    }
  }
  .column_title {
    font-size: var(--fs-sec-title);
    margin: 1em 0 2em;
  }
  & h2 {
    line-height: 1.5;
    margin-top: 2em;
    padding-bottom: 0.2em;
    border-bottom: 0.3rem solid var(--key-color);
  }
  & h3 {
    line-height: 1.5;
    margin: 2em 0 0.5em;
  }
  & figure {
    margin-bottom: 1.6rem;
  }
  & ul {
    margin: 0 0 1em 1.5em;
    & li + li {
      margin-top: 0.5em;
    }
  }
  & ul.kome {
    list-style: none;
    margin-left: 0.5em;
    & li::before {
      display: inline-block;
      content: "※";
      margin-right: 0.5em;
    }
  }
  & ol {
    margin: 0 0 1em 1.5em;
    & li {
      padding-left: 0.5em;
      + li {
        margin-top: 0.5em;
      }
    }
  }
  & dl {
    margin-bottom: 1em;
  }
  .brackets {
    &::before {
      content: "【";
    }
    &::after {
      content: "】";
    }
  }
  .colon {
    &::after {
      content: "：";
    }
  }
  .flex {
    display: flex;
  }
}