@charset "utf-8";

/* =========================================================
   サイトマップ  （style.css → page.css → このファイル の順で読む）

   実測の縦位置（1440幅レンダリング / ページ左上原点）
     パン屑      y=100     和文見出し y=179（1000版面 x=220）/ 欧文 y=248
     3列のリンク y=357.7
       1列目 「サービス」24px → 下位リスト y=405.7（18px / 左罫0.667 + pad14 / gap14 / 幅166.9）
       2列目 24px×5（左罫0.667 + pad20 / gap24 / 幅164.7 / x=459.2）
       3列目 16px×2（左罫0.667 + pad20 / gap24 / 幅180.4 / x=703.9）
       列の間隔 80px
     main 下端   y=713.7
   ========================================================= */

.pg-sitemap { position: relative; z-index: 1; padding-top: 70.5px; padding-bottom: 140px; }

.pg-sitemap__cols {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px 80px;
}
.pg-sitemap__col { flex: none; }

.pg-sitemap__h {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  color: var(--c-ink);
}
.pg-sitemap__h a:hover { color: var(--c-blue); }

.pg-sitemap__sub {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 24px;
  padding-left: 14px;
  border-left: .667px solid var(--c-blue);
}
.pg-sitemap__sub li {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: var(--c-ink);
  white-space: nowrap;
}

.pg-sitemap__main,
.pg-sitemap__sm {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: 20px;
  border-left: .667px solid var(--c-blue);
}
.pg-sitemap__main li {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  color: var(--c-ink);
  white-space: nowrap;
}
.pg-sitemap__sm li {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: var(--c-ink);
  white-space: nowrap;
}
.pg-sitemap__cols a:hover { color: var(--c-blue); }

/* =========================================================
   スマホ（〜767px）
   ========================================================= */
@media (max-width: 767px) {
  .pg-sitemap { padding-top: 40px; padding-bottom: 80px; }
  .pg-sitemap__cols { display: block; }
  .pg-sitemap__col + .pg-sitemap__col { margin-top: 32px; }
  .pg-sitemap__h { font-size: 20px; line-height: 20px; }
  .pg-sitemap__sub { margin-top: 18px; gap: 12px; }
  .pg-sitemap__sub li { font-size: 16px; line-height: 16px; }
  .pg-sitemap__main { gap: 18px; }
  .pg-sitemap__main li { font-size: 20px; line-height: 20px; }
  .pg-sitemap__sm { gap: 16px; }
  .pg-sitemap__sm li { font-size: 14px; line-height: 14px; }
}