/* =========================================
   【このページ専用CSS】サイトマップ
   ブレークポイント対応: max-width:640px → min-width:641px（単発、標準568/961/1025とは別）
========================================= */

/*-----------------------------------
    スムーズスクロール設定
-----------------------------------*/
html {
  scroll-behavior: auto;
}

/*-----------------------------------
    サイトマップ
-----------------------------------*/
/* サイトマップ全体の囲み */
#sitemap_block {
  background-color: #FFFCEB;
}

.sitemap_wrap {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  padding: 30px 15px;
}

/* 各列の幅 */
.sitemap_col {
  width: 100%;
}

/* 見出しのスタイル */
.sitemap_heading {
  font-size: 18px;
  font-weight: bold;
  color: #1993FA;
  border-bottom: 2px solid #1993FA;
  padding-bottom: 7px;
  margin-top: 0;
  margin-bottom: 15px;
}

.sitemap_heading a {
  color: inherit;
  text-decoration: none;
}

.sitemap_heading a:hover {
  color: #1993FA;
  transition: all 0.3s ease;
}

.top {
  color: #333;
}

/* リスト全体のスタイル */
.sitemap_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 各リストアイテムのスタイル */
.sitemap_list li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 1.2em; /* 矢印マークの分の余白を空ける */
}

/* リンクの先頭に「＞」をつける */
.sitemap_list li::before {
  position: absolute;
  left: 0;
  color: #1993FA;
  font-size: 0.9em;
}

/* リンクの文字スタイル */
.sitemap_list li a {
  color: #333;
  font-weight: 500;
  text-decoration: none;
  font-size: 15px;
  transition: all 0.3s ease;
}

.sitemap_list li a:hover {
  color: #1993FA;
}

@media screen and (min-width: 641px) {
  .sitemap_wrap {
    flex-direction: row;
    gap: 40px;
    padding: 40px 20px;
  }

  .sitemap_col {
    /* 隙間(40px × 3箇所 = 120px)を引き、4等分する */
    width: calc((100% - 120px) / 4);
  }

  .sitemap_heading {
    font-size: 20px;
  }

  .sitemap_list li a {
    font-size: 16px;
  }
}