/* =========================
   サイトマップページ専用（/sitemap.html）
   ========================= */

.page-sitemap main{
  background-color:#ffffff;
}

/* 見出し装飾 */
.page-sitemap .section-title{
  position:relative;
  padding-left:12px;
  margin:0 0 16px;
  font-weight:700;
  line-height:1.4;
  font-size:clamp(1.25rem,2.2vw,1.6rem);
  color:#0b4f66;
}

.page-sitemap .section-title::before{
  content:"";
  position:absolute;
  top:0.2em;
  bottom:0.2em;
  left:0;
  width:4px;
  border-radius:2px;
  background:var(--primary);
}

/* リード文 */
.page-sitemap .sitemap-lead{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}

/* サイトマップボックス */
.page-sitemap .sitemap-box{
  margin-top:20px;
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:20px;
  box-shadow:0 2px 8px rgba(15,23,42,0.03);
}

/* リスト */
.page-sitemap .sitemap-list{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

/* 各項目 */
.page-sitemap .sitemap-list li{
  margin:0;
}

/* リンクカード */
.page-sitemap .sitemap-list a{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px 16px;
  border:1px solid #d9e6f0;
  border-radius:12px;
  background:#eef6fd;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease;
}

/* hover */
.page-sitemap .sitemap-list a:hover{
  transform:translateY(-2px);
  border-color:#b9d9ec;
  box-shadow:0 4px 12px rgba(15,23,42,0.06);
}

/* ページタイトル */
.page-sitemap .sitemap-list strong{
  font-size:15px;
  color:#0b4f66;
  line-height:1.5;
}

/* ページ説明 */
.page-sitemap .sitemap-list span{
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
}

/* =========================
   レスポンシブ
   ========================= */

@media (max-width:720px){

  .page-sitemap .sitemap-box{
    padding:16px;
  }

  .page-sitemap .sitemap-list a{
    padding:12px 14px;
  }

  .page-sitemap .sitemap-list strong{
    font-size:14px;
  }

  .page-sitemap .sitemap-list span{
    font-size:12px;
  }
}