/* —— まず親コンテナ側の帯装飾を殺す —— */
header.page-header,
header.page-header::before,
header.page-header::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
  position: static !important;
}

/* —— 本文用H1をハードリセット —— */
/* all: unset で既存の強い指定を切り、必要な値だけ再指定します */
#page-title {
  all: unset;                 /* ← ここで一気にリセット */
  display: block;
  margin: 1.2rem 0 .8rem;
  font-size: clamp(1.6rem, 2vw + 1rem, 2.2rem);
  line-height: 1.35;
  font-weight: 700;
  color: #333;
}

/* 疑似要素で帯を描いている場合にも対応 */
#page-title::before,
#page-title::after {
  content: none !important;
  display: none !important;
}

/* 念のため、古い強セレクタ対策（上書き網） */
div.contents .main header.page-header h1#page-title,
div.contents .main header.page-header h1#page-title::before,
div.contents .main header.page-header h1#page-title::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
}

/* H1（ページタイトル）— 少し小さめに */
#page-title{
  font-size: clamp(1.35rem, 1rem + 1.4vw, 1.9rem) !important;
  margin: .6rem 0 .5rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #333 !important;
}

/* 中見出し（本文用H2）— “■”はCSSで付けると綺麗 */
.section-title{
  font-size: clamp(1.05rem, .9rem + .6vw, 1.25rem);
  font-weight: 700;
  margin: 1.2rem 0 .6rem;
  line-height: 1.4;
}
.section-title::before{
  content: "■";
  margin-right: .45em;
  display: inline-block;
  transform: translateY(-.02em);
}

/* H1直後にパンくずを出す場合の余白調整（必要なら） */
.page-header + .breadcrumb { margin-top: .25rem; }


.main .breadcrumb--local { display: none; }