@charset "UTF-8";

:root {
  /* font */
  --accent-font: "Zen Maru Gothic", serif;

  /* color */
  --white-color: #fff;
  --black-color: #333333;
  --text-accent-color: #1f5180;
  --text-accent-color02: #002673;
  --text-accent-color03: #002e5d;
  --bg-color: #ebebeb;
  --bg-color02: #cddddf;
  --bg-color03: #aebbc5;
  --accent-color: #80a28e;
  --accent-color02: #6e80c3;
  --accent-color03: #e2c747;
  --accent-color04: #80b0c7;
  --accent-color05: #86c1ab;
  --default-shadow: 2px 2px 4px 0px rgba(170, 170, 170, 0.16);
  --main-gradation: linear-gradient(
      90deg,
      rgb(171, 205, 211),
      rgba(141, 206, 175, 0.3)
    )
    no-repeat center / cover;

  /* z-index */
  --z-index-back: -1;
  --z-index-default: 1;
  --z-index-deco: 100;
  --z-index-header: 200;
  --z-index-modal: 300;

  /* content */
  --content-width-xs: 800px;
  --content-width-sm: 920px;
  --content-width: 1040px;
  --content-width-lg: 1200px;
}

body {
  background: none;
}

/* ===============================================
# 会社案内
=============================================== */
.about_greeting-body {
  margin-top: 64px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1079px) {
  .about_greeting-body {
    display: block;
  }
}

.about_greeting_img-wrap {
  width: 40%;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 1079px) {
  .about_greeting_img-wrap {
    width: 60%;
  }
}

.about_greeting_img-wrap::after {
  content: "";
  position: absolute;
  top: calc(100% + 32px);
  right: -32px;
  translate: 0 -100%;
  width: 90%;
  height: 70%;
  background: linear-gradient(
      90deg,
      rgb(171, 205, 211),
      rgba(141, 206, 175, 0.3)
    )
    no-repeat center/cover;
  z-index: var(--z-index-back);
}

.about_greeting_img {
  aspect-ratio: 672/757;
  -webkit-clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0% 100%, 0% 0%);
}

.about_greeting_text-wrap {
  padding: 0 24px;
  width: 55%;
}
@media screen and (max-width: 1079px) {
  .about_greeting_text-wrap {
    position: relative;
    z-index: var(--z-index-default);
    margin-top: -56px;
    margin-left: auto;
    width: 90%;
    background: var(--white-color);
    padding: 32px;
  }
}
@media screen and (max-width: 767px) {
  .about_greeting_text-wrap {
    padding: 16px;
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
    background: none;
  }
}

.about_greeting_president-name {
  margin-top: 1em;
  text-align: right;
}

table tr:nth-of-type(2n + 1),
table th {
  background: none;
}

table:not(.has-border-color) :where(th, td) {
  border: none;
}

.about_info-body {
  margin-top: 64px;
}

.about_info-table_row {
  border-bottom: 1px solid var(--bg-color03);
}

.about_info-table_head {
  padding: 16px 0;
  width: 30%;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  color: var(--text-accent-color02);
}

.about_info-table_data {
  font-weight: bold;
  padding: 16px 32px 16px 16px;
  width: 70%;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .about_info-table_data {
    padding: 16px;
  }
}

.about_info-map {
  margin-top: 1em;
  width: 100%;
  max-height: 320px;
}
@media screen and (max-width: 767px) {
  .about_info-map {
    max-height: 160px;
  }
}

.about_history {
  background: var(--bg-color02);
}

.about_history .l_contents {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .about_history .l_contents {
    display: block;
  }
}

.about_history .m_section-heading {
  width: 20%;
}
@media screen and (max-width: 767px) {
  .about_history .m_section-heading {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .about_history-body {
    margin-top: 64px;
  }
}

.about_history-list {
  position: relative;
}

.about_history-list::before {
  content: "";
  position: absolute;
  height: calc(100% - 40px);
  width: 1px;
  background: var(--text-accent-color);
  top: 50%;
  left: 5px;
  translate: -50% -50%;
}

.about_history_unit {
  padding: 8px 0;
  display: flex;
}

.about_history_year {
  font-weight: bold;
  color: var(--text-accent-color);
  width: 40%;
}

.about_history_year:before {
  content: "";
  margin-right: 24px;
  display: inline-block;
  vertical-align: middle;
  aspect-ratio: 1;
  width: 10px;
  background: var(--text-accent-color);
  border-radius: 100vh;
}

.about_history_event {
  font-weight: bold;
  width: 60%;
}

.about_service-body {
  margin-top: 64px;
}

.about_service-list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1079px) {
  .about_service-list {
    flex-wrap: wrap;
    gap: 40px 0;
  }
}

.about_service-item {
  width: 25%;
}
@media screen and (max-width: 1079px) {
  .about_service-item {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .about_service-item {
    width: 100%;
  }
}

.about_service-item_img-wrap {
  width: 70%;
  margin-inline: auto;
}

.about_service_img {
  aspect-ratio: 272/209;
}

.about_service-item_content-list {
  padding: 24px;
  background: var(--bg-color);
  min-height: calc(7.5em + 48px);
}
@media screen and (max-width: 767px) {
  .about_service-item_content-list {
    min-height: auto;
  }
}

.about_service-item_content-item {
  padding-left: 20px;
  position: relative;
  color: var(--text-accent-color);
}

.about_service-item_content-item:before {
  content: "";
  top: 16px;
  left: 0;
  translate: 0 -50%;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  aspect-ratio: 1;
  width: 12px;
  background: var(--text-accent-color);
  border-radius: 100vh;
}

.about_book {
  padding-bottom: clamp(80px, 9.2592592593vw, 100px);
  position: relative;
}

.about_book::before,
.about_book::after {
  content: "";
  position: absolute;
  width: 30%;
  z-index: var(--z-index-back);
}

.about_book::before {
  aspect-ratio: 787/519;
  background: url(../img/leaf02.png) no-repeat center/cover;
  top: 64px;
  left: -5%;
  translate: 0 -60%;
}
@media screen and (max-width: 1079px) {
  .about_book::before {
    translate: 0 -80%;
  }
}
@media screen and (max-width: 767px) {
  .about_book::before {
    width: 40%;
    top: 24px;
  }
}

.about_book::after {
  aspect-ratio: 787/519;
  background: url(../img/leaf01.png) no-repeat center/cover;
  bottom: 0;
  right: -2%;
}
@media screen and (max-width: 767px) {
  .about_book::after {
    width: 40%;
  }
}

.about_book_heading-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 12px 0;
  border: 1px var(--text-accent-color03);
  border-style: solid none;
  position: relative;
}

.about_book_heading-wrap::before {
  content: "";
  position: absolute;
  width: 20px;
  aspect-ratio: 1;
  background: var(--white-color);
  border-right: 1px solid var(--text-accent-color03);
  rotate: 45deg;
  top: 100%;
  left: 50%;
  translate: -50% 3%;
  transform-origin: top right;
}

.about_book_heading-icon {
  max-width: 40px;
}

.about_book_heading {
  line-height: 1.6;
  font-weight: bold;
  font-size: 14px;
}

.about_book_heading__accent {
  display: block;
  color: #e28e1d;
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .about_book_heading__accent {
    font-size: 1.8rem;
  }
}

.about_book-body {
  margin-top: 64px;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .about_book-body {
    flex-direction: column;
    gap: 24px;
  }
}

.about_book-body_img-group {
  padding-left: 5%;
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .about_book-body_img-group {
    width: 80%;
    padding-left: 0;
  }
}

.about_book-body_amazon-info {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .about_book-body_amazon-info {
    display: none;
  }
}

.about_book-body_text-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: 55%;
}
@media screen and (max-width: 767px) {
  .about_book-body_text-group {
    display: contents;
  }
}

.about_book-body_title-wrap {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .about_book-body_title-wrap {
    order: -1;
  }
}

.about_book-body_memo {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .about_book-body_memo {
    font-size: 1.6rem;
  }
}

.about_book-body_title {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .about_book-body_description {
    order: -1;
  }
}

.about_book-body_award {
  width: 80%;
}

.about_book-body_btn-wrap {
  display: block;
}

.about_file-download {
  margin-bottom: 64px;
}

/* ===============================================
# 資料ダウンロード
=============================================== */
.file-download_main {
  margin-top: 64px;
}

.file-download_intro {
  margin-top: 64px;
}

@media screen and (max-width: 767px) {
  .file-download_intro-texts {
    order: -1;
  }
}

.file-download_intro .m_file-download_img-wrap {
  max-width: 280px;
}

.file-download_heading {
  font-size: 20px;
  font-weight: bold;
  color: var(--text-accent-color02);
}
@media screen and (max-width: 767px) {
  .file-download_heading {
    text-align: center;
  }
}

.file-download_description {
  font-weight: bold;
  margin-top: 1.5em;
}

.file-download_section-wrap {
  margin: 64px 0;
}

.file-download_section:not(:first-of-type) {
  margin-top: 64px;
}

.file-download_section-head {
  padding: 8px 24px;
  color: var(--text-accent-color03);
  background: var(--bg-color);
  font-size: 20px;
  font-weight: bold;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .file-download_section-head {
    font-size: 16px;
    padding: 8px;
    gap: 8px;
    font-weight: bold;
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    box-shadow: 0 0 0 100vmax var(--bg-color);
  }
}

.file-download_section-head::before {
  content: "";
  display: inline-block;
  width: 32px;
  aspect-ratio: 1;
  background: url(../img/file/icon_file.svg) no-repeat center/contain;
}

.file-download_section:nth-of-type(2n) .file-download_section-head {
  background: var(--bg-color02);
}
@media screen and (max-width: 767px) {
  .file-download_section:nth-of-type(2n) .file-download_section-head {
    box-shadow: 0 0 0 100vmax var(--bg-color02);
  }
}

.file-download_section-body {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .file-download_section-body {
    flex-direction: column;
  }
}

.file-download_pdf-wrap {
  flex-shrink: 0;
  width: 40%;
}
@media screen and (max-width: 767px) {
  .file-download_pdf-wrap {
    width: 100%;
  }
}

.file-download_texts {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .file-download_texts {
    width: 100%;
  }
}

.file-download_btn-wrap {
  margin-top: 24px;
}

.file-download_btn-wrap .m_btn::before {
  display: none;
}

.file-download_btn-wrap .m_btn::after {
  right: 24px;
}

@media (hover: hover) {
  .file-download_btn-wrap .m_btn:hover.m_btn::after {
    right: 16px;
  }
}

/* ==============================================
--------    記事一覧
============================================== */
.column_main {
  margin-top: clamp(40px, 80 / 1080 * 100vw, 80px);
}

.column_intro {
  margin-top: 64px;
  position: relative;
  z-index: var(--z-index-default);
}

.column_intro::after {
  content: "";
  position: absolute;
  background: url(../img/leaf03.png) no-repeat center / cover;
  width: 240px;
  aspect-ratio: 773/584;
  right: 0;
  top: 20%;
  translate: 0 -50%;
  z-index: var(--z-index-back);
}
@media screen and (min-width: 768px) {
  .column_intro::after {
    top: 70%;
    width: 300px;
  }
}

.column_category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 16px;
}
@media screen and (min-width: 768px) {
  .column_category-list {
    gap: 40px;
    justify-content: center;
  }
}

.column_category-item {
  width: calc((100% - 16px) / 2);
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .column_category-item {
    width: calc((100% - 40px * 3) / 4);
  }
}

.column_category_link {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.column_category-item_title {
  padding-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  font-weight: bold;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .column_category-item_title {
  }
}
@media screen and (min-width: 1080px) {
  .column_category-item_title {
    font-size: 18px;
    padding-bottom: 14px;
  }
}

.column_category-item_thumb {
  width: 100%;
  aspect-ratio: 321 / 251;
}

.column_posts-list {
}

.column_posts-list .l_container {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.column_posts-list_item {
}

.column_posts-list_head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.column_posts-list_head {
  font-weight: bold;
  font-size: clamp(16px, 20 / 1080 * 100vw, 20px);
}

.column_posts-list_head::after {
  content: "";
  display: block;
  background: var(--text-accent-color03);
  width: 36px;
  height: 5px;
  left: 0;
}

.column_posts-list_more {
  color: var(--text-accent-color02);
  font-size: 14px;
  line-height: 1;
}

.column_posts-list_more::after {
  content: "";
  display: block;
  width: 120px;
  height: 8px;
  border-bottom: 1px solid var(--text-accent-color02);
  border-right: 1px solid var(--text-accent-color02);
  transform: skew(45deg) translate(0, -4px);
  transition: all 0.3s;
}

@media (hover: hover) {
  .column_posts-list_more:hover::after {
    translate: 6px;
  }
}

.column_posts .widget-entry-cards,
.widget-entry-cards {
  margin-top: 1em;
  overflow: scroll;
  scrollbar-width: none;
  display: flex;
  gap: 16px;
}
@media screen and (min-width: 1080px) {
  .column_posts .widget-entry-cards,
  .widget-entry-cards {
    overflow: inherit;
  }
}

.column_posts .widget-entry-cards::-webkit-scrollbar,
.widget-entry-cards::-webkit-scrollbar {
  display: none;
}

.column_post,
.column_posts .widget-entry-card-link,
.widget-entry-card-link {
  width: calc(100% / 2.5);
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .column_post,
  .column_posts .widget-entry-card-link {
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 1080px) {
  .widget-entry-card-link {
    width: calc((100% - 16px * 2) / 3);
  }
  .column_post,
  .column_posts .widget-entry-card-link {
    width: calc((100% - 16px * 3) / 4);
  }
}

.column_post_link {
  display: block;
  width: 100%;
  height: 100%;
}

.column_post_thumb-wrap .column_posts .widget-entry-card-thumb {
  background-color: #ccc;
}

.column_post_thumb,
.column_posts .wp-post-image {
  aspect-ratio: 3/2;
}

.column_post_title,
.column_posts .widget-entry-card-title {
  padding: 0 1em;
  margin-top: 8px;
  font-weight: bold;
  font-size: clamp(14px, 16 / 1080 * 100vw, 16px);
}

/* ---------- book ---------- */

.column_book-section {
  margin-top: clamp(80px, 100 / 1080 * 100vw, 100px);
  background: #eaeaea;
}

.column_book-section {
  padding: 64px 8px;
}

.column_book_contents {
  background: var(--white-color);
}

.column_book_container {
  padding: 56px 5%;
  position: relative;
}
@media screen and (min-width: 1080px) {
  .column_book_container {
    padding: 80px 5%;
  }
}

.column_book_title {
  width: clamp(120px, 240 / 1080 * 100vw, 240px);
  position: absolute;
  right: 0;
  top: -24px;
}

.column_file-download {
  margin-bottom: 64px;
}

/* ==============================================
--------    カテゴリページ
============================================== */
.category_title {
  margin-top: 2em;
  margin-bottom: 3em;
  padding-left: 1em;
  position: relative;
  font-weight: bold;
  font-size: clamp(18px, 24 / 1080 * 100vw, 24px);
  font-family: var(--accent-font);
}

.category_title::before,
.category_title::after {
  content: "";
  position: absolute;
  top: 100%;
}

.category_title::before {
  width: 100%;
  height: 6px;
  background: var(--accent-color02);
  translate: -1em 0;
}

.category_title::after {
  border-top: 18px solid var(--accent-color02);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 3em;
}

.category_posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 16px;
}
@media screen and (min-width: 1080px) {
  .category_posts {
    width: 90%;
    margin-inline: auto;
  }
}

.category_posts .m_card-post__sm:not(:first-child) {
  margin-top: 0;
}

.category_posts .m_card-post {
  width: calc((100% - 16px) / 2);
}
@media screen and (min-width: 1080px) {
  .category_posts .m_card-post {
    width: calc((100% - 16px * 2) / 2);
  }
}

@media screen and (max-width: 767px) {
  .category_posts .m_card-post_title {
    font-size: 13px;
  }

  .category_posts .m_card-post_content {
    padding: 16px;
  }
  .category_posts .m_card-post_content::after {
    width: 22px;
    margin-left: auto;
    bottom: 0;
    top: auto;
    translate: 0 5px;
  }
}

/* .pagination {
  overflow-x: scroll;
  overflow-y: visible;
  scrollbar-width: none;
}
.pagination::-webkit-scrollbar {
  display: none;
} */

.pagination {
  margin-bottom: 64px;
}

.pagination .pagination .screen-reader-text {
}

.pagination .nav-links {
  width: 100%;
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .pagination .nav-links {
    gap: 10px;
  }
}

.pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vh;
  aspect-ratio: 1;
  border: 1px solid var(--text-accent-color02);
  color: var(--text-accent-color02);
  background: var(--white-color);
  font-weight: bold;
  font-size: 12px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pagination .page-numbers {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
}

.pagination .current {
  background: var(--text-accent-color02);
  color: var(--white-color);
}

.pagination .prev,
.pagination .next {
  border: none;
}

.pagination .prev::before,
.pagination .next::before {
  content: "";
  width: 8px;
  aspect-ratio: 1;
  display: block;
  border-top: 2px solid var(--text-accent-color02);
  border-right: 2px solid var(--text-accent-color02);
  rotate: 45deg;
}

.pagination .prev::before {
  rotate: -135deg;
}

.pagination .dots {
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* ---------- カテゴリーから探す ---------- */
.m_search-title {
  padding: 4px 16px;
  display: flex;
  align-items: center;
  background: #eaeaea;
  font-weight: bold;
  margin-bottom: 1em;
  color: var(--text-accent-color02);
}

.m_search-title::before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  width: 24px;
  aspect-ratio: 1;
}

.category_search-title::before {
  background: url(../img/posts/category.png) no-repeat center / cover;
}

.category_search-list .column_category-list {
  gap: 0 16px;
}

.category_search-list .column_category-item {
  aspect-ratio: inherit;
}

.category_search-list {
  margin-bottom: 64px;
}

/* ==============================================
--------    記事個別ページ
============================================== */
.single_category {
  width: 200px;
  display: block;
  color: var(--text-accent-color03);
  aspect-ratio: 321 / 81;
  text-align: center;
  padding-top: 4px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 2em;
}

.single_date {
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-family: var(--accent-font);
  color: var(--text-accent-color03);
}

.single_title {
  font-size: clamp(20px, 28 / 1080 * 100vw, 28px);
  font-family: var(--accent-font);
  font-weight: bold;
  color: var(--text-accent-color03);
}

.single_thumb-wrap {
  margin-bottom: 32px;
}

/* ---------- 目次 ---------- */

.toc {
  width: 90%;
  max-width: 640px;
  padding: 32px;
  background: var(--bg-color);
  display: block;
  margin: 64px 0;
  margin-inline: auto;
}

.tnt-number {
}

.toc-center {
}

.border-element {
}

.toc-checkbox {
}

.toc-title {
  font-size: 16px;
  font-weight: bold;
  color: var(--text-accent-color);
  display: block;
  text-align: center;
}

.toc-content {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .toc-content {
    width: 80%;
    margin-inline: auto;
  }
}

.toc-content::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--accent-color02);
  margin-bottom: 20px;
}

.toc-list {
}

ol {
  counter-reset: cnt;
  list-style: none;
}

ol li {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

ol li::before {
  font-size: 12px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  counter-increment: cnt;
  content: counters(cnt, ".");
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vh;

  background: var(--text-accent-color02);
  color: var(--white-color);
}

.toc-list a {
  width: calc(100% - 30px);
  display: inline-block;
  color: var(--text-accent-color);
  font-weight: bold;
  font-size: 14px;
}

.toc .toc-list ol {
  width: 100%;
}

.toc .toc-list ol li::before {
  background: none;
  color: var(--text-accent-color02);
}

.open {
}

.article h2 {
  display: flex;
  align-items: center;
  gap: 1em;
  font-size: clamp(18px, 24 / 1080 * 100vw, 24px);
  font-weight: bold;
  color: var(--text-accent-color02);
}

.article h2:before {
  content: "";
  position: static;
  display: inline-block;
  width: 20px;
  height: 4px;
}

.article h2:after {
  content: none;
}

.article h3 {
  color: var(--text-accent-color02);
  font-weight: bold;
  font-size: clamp(16px, 18 / 1080 * 100vw, 18px);
  border: none;
  padding: 0;
}

.article p {
  font-size: clamp(14px, 16 / 1080 * 100vw, 16px);
}

.single_btn-wrap {
  margin-top: 56px;
  text-align: center;
}

.single_btn {
  width: clamp(240px, 280 / 1080 * 100vw, 280px);
  display: inline-block;
  background: var(--text-accent-color);
  border: 1px solid var(--text-accent-color02);
  color: var(--white-color);
  font-weight: bold;
  text-align: center;
  padding: 16px 0;
  transition: all 0.3s;
}

@media (hover: hover) {
  .single_btn:hover {
    background: var(--white-color);

    color: var(--text-accent-color02);
  }
}

.single_other_posts {
  margin-bottom: 3em;
}
@media screen and (min-width: 1080px) {
  .single_other_posts .widget-entry-cards {
    width: 90%;
    margin-inline: auto;
  }
}

.other_search-title::before {
  background: url(../img/posts/other.png) no-repeat center / cover;
}

.m_search-title ul,
.m_search-title li,
.m_search-title a {
  display: inline-block;
  pointer-events: none;
  cursor: none;
}

/* ==============================================
--------    カテゴリごとの色変更
============================================== */

/* ---------- カテゴリ吹き出し ---------- */
.column_category-item:nth-child(1) .column_category-item_title,
.category-cate-a-post .single_category {
  background: url(../img/posts/category01.png) no-repeat center / contain;
}
.column_category-item:nth-child(2) .column_category-item_title,
.category-cate-b-post .single_category {
  background: url(../img/posts/category02.png) no-repeat center / contain;
}
.column_category-item:nth-child(3) .column_category-item_title,
.category-cate-d-post .single_category {
  background: url(../img/posts/category03.png) no-repeat center / contain;
}
.column_category-item:nth-child(4) .column_category-item_title,
.category-cate-c-post .single_category {
  background: url(../img/posts/category04.png) no-repeat center / contain;
}
.column_category-item:nth-child(5) .column_category-item_title,
.category-cate-e-post .single_category {
  background: url(../img/posts/category05.png) no-repeat center / contain;
}
.column_category-item:nth-child(6) .column_category-item_title,
.category-72-post .single_category {
  background: url(../img/posts/category06.png) no-repeat center / contain;
}
.column_category-item:nth-child(7) .column_category-item_title,
.category-cate-f-post .single_category {
  background: url(../img/posts/category07.png) no-repeat center / contain;
}

/* ---------- カテゴリアイコン ---------- */

.column_category-item:nth-child(1) .column_category-item_thumb {
  background: url(../img/posts/category_img01.png) no-repeat center / contain;
}
.column_category-item:nth-child(2) .column_category-item_thumb {
  background: url(../img/posts/category_img02.png) no-repeat center / contain;
}
.column_category-item:nth-child(3) .column_category-item_thumb {
  background: url(../img/posts/category_img03.png) no-repeat center / contain;
}
.column_category-item:nth-child(4) .column_category-item_thumb {
  background: url(../img/posts/category_img04.png) no-repeat center / contain;
}
.column_category-item:nth-child(5) .column_category-item_thumb {
  background: url(../img/posts/category_img05.png) no-repeat center / contain;
}
.column_category-item:nth-child(6) .column_category-item_thumb {
  background: url(../img/posts/category_img06.png) no-repeat center / contain;
}
.column_category-item:nth-child(7) .column_category-item_thumb {
  background: url(../img/posts/category_img07.png) no-repeat center / contain;
}

/* ---------- カテゴリカラー ---------- */

.category-cate-a-post .category_title::before {
  background: var(--accent-color02);
}
.category-cate-a-post .category_title::after {
  border-top: 18px solid var(--accent-color02);
}

.category-cate-b-post .category_title::before {
  background: var(--accent-color04);
}
.category-cate-b-post .category_title::after {
  border-top: 18px solid var(--accent-color04);
}

.category-cate-d-post .category_title::before {
  background: var(--bg-color);
}
.category-cate-d-post .category_title::after {
  border-top: 18px solid var(--bg-color);
}

.category-cate-c-post .category_title::before {
  background: var(--accent-color05);
}
.category-cate-c-post .category_title::after {
  border-top: 18px solid var(--accent-color05);
}

.category-cate-e-post .category_title::before {
  background: var(--bg-color03);
}
.category-cate-e-post .category_title::after {
  border-top: 18px solid var(--bg-color03);
}

.category-72 .category_title::before {
  background: var(--accent-color);
}
.category-72 .category_title::after {
  border-top: 18px solid var(--accent-color);
}

.category-cate-f-post .category_title::before {
  background: #ccdcde;
}
.category-cate-f-post .category_title::after {
  border-top: 18px solid #ccdcde;
}

.column_posts-list_item:nth-child(1) .column_posts-list_head::after,
.category-cate-a-post h2:before {
  background: var(--accent-color02);
}
.column_posts-list_item:nth-child(2) .column_posts-list_head::after,
.category-cate-b-post h2:before {
  background: var(--accent-color04);
}
.column_posts-list_item:nth-child(3) .column_posts-list_head::after,
.category-cate-d-post h2:before {
  background: var(--bg-color);
}
.column_posts-list_item:nth-child(4) .column_posts-list_head::after,
.category-cate-c-post h2:before {
  background: var(--accent-color05);
}
.column_posts-list_item:nth-child(5) .column_posts-list_head::after,
.category-cate-e-post h2:before {
  background: var(--bg-color03);
}
.column_posts-list_item:nth-child(6) .column_posts-list_head::after,
.category-72-post h2:before {
  background: var(--accent-color);
}
.column_posts-list_item:nth-child(7) .column_posts-list_head::after,
.category-cate-f-post h2:before {
  background: #ccdcde;
}

[id^="toc"]:target {
  padding-top: 80px;
  margin-top: -80px;
}
@media screen and (min-width: 1080px) {
  [id^="toc"]:target {
    padding-top: 170px;
    margin-top: -170px;
  }
}