/* ==============================
   診断ページ（/check-* 固定ページ）専用

   SWELL「タイトル位置：コンテンツ上」が #top_title_area 内に出す：
   - 背景画像 <img.l-topTitleArea__img>
   - 黒モヤ（.c-filterLayer の ::before）
   - ドットテクスチャ（.-texture-dot の ::after）
   - タイトル文字 <div.l-topTitleArea__body> > <h1.c-pageTitle>

   背景画像はそのまま見せ、
   それ以外（黒モヤ・テクスチャ・タイトル文字）を抑止する。
   タイトル文字は display:none で DOM から消すが、
   本文側の最上位見出しが SEO 用 H1 として機能する前提。
============================== */

/* 黒モヤ（::before）とドットテクスチャ（::after）を無効化 */
#top_title_area::before,
#top_title_area::after {
	content: none !important;
	display: none !important;
	background: none !important;
}

/* タイトル文字を含む body 領域を非表示
   （h1.c-pageTitle 単体ではなく、その親ごと消すことで余白も消える） */
#top_title_area .l-topTitleArea__body {
	display: none !important;
}

/* ==============================
   背景画像と本文の間の余白を詰める

   余白の発生源は3層：
   (1) #top_title_area の下マージン
   (2) #content.l-content の padding-top（SWELLデフォルト≈4em／一番大きい）
   (3) .b5-widget 自体の margin: 32px auto（widget自前CSS）

   l-mainContent（白いカード）の内側 padding は触らない。
   触るとカード内の本文がカード端にピッタリくっついて不格好になる。
============================== */
#top_title_area {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#content.l-content {
	padding-top: 0 !important;
}

#main_content .b5-widget {
	margin-top: 0 !important;
}