@charset "UTF-8";
/* =============================================
   theme-fix.css (v11 - lean / container-based)
   ---------------------------------------------
   各 .html の section-bg-* / cta-section 内に
   .container ラッパーを配置するアプローチに変更。
   これによりWP独自の constrained layout に依存せず、
   HTML版と同じ layout.css の .container ルールに乗る。
   
   このCSSはGutenbergネイティブとテーマ既存CSS
   （typography.css / layout.css / pages/*.css）の
   間にある微小なギャップを埋める薄いパッチ。
   ============================================= */


/* -------------------------------------------
   1. screen-reader-text 視覚的に隠す（保険）
   ------------------------------------------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}


/* -------------------------------------------
   2. ヘッダー・フッター・パンくずのアンダーライン除去
   ------------------------------------------- */
header a,
header .nav-menu a,
header .logo a,
footer a,
footer .footer-links a,
.breadcrumb a,
.breadcrumb-list a {
	text-decoration: none;
}


/* -------------------------------------------
   3. CF7 hidden-fields-container の fieldset枠を消す
   ------------------------------------------- */
.wpcf7-form .hidden-fields-container,
fieldset.hidden-fields-container {
	border: 0;
	padding: 0;
	margin: 0;
	min-width: 0;
}


/* -------------------------------------------
   4. CF7 screen-reader-response を視覚的に隠す
   ------------------------------------------- */
.wpcf7-form .screen-reader-response,
.wpcf7 .screen-reader-response {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


/* -------------------------------------------
   5. CTAセクション白塗りつぶしボタン
   ------------------------------------------- */
.cta-section .wp-block-buttons {
	display: flex;
	gap: 24px;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 40px;
}

.wp-block-button.cta-btn .wp-block-button__link,
.cta-section .wp-block-button .wp-block-button__link {
	padding: 18px 48px;
	background: #fff;
	color: var(--c-brand-800);
	font-size: 18px;
	font-weight: 700;
	border: none;
	border-radius: 6px;
	letter-spacing: 0.05em;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	text-decoration: none;
	min-width: 220px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-button.cta-btn .wp-block-button__link:hover,
.cta-section .wp-block-button .wp-block-button__link:hover {
	background: #eaf2f8;
	color: var(--c-brand-900);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
}


/* -------------------------------------------
   6. 資料一覧 document-btn
   ------------------------------------------- */
.wp-block-button.document-btn .wp-block-button__link {
	display: inline-block;
	padding: 14px 36px;
	background: var(--c-brand-800);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
	border: none;
	letter-spacing: 0.05em;
	transition: background 0.2s ease;
}

.wp-block-button.document-btn .wp-block-button__link:hover {
	background: var(--c-brand-900);
	color: #fff;
}


/* -------------------------------------------
   7. documents-grid 2列
   ------------------------------------------- */
.wp-block-columns.documents-grid {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
	.wp-block-columns.documents-grid {
		grid-template-columns: 1fr;
	}
}


/* -------------------------------------------
   8. ヒーロー抽出済みの page-description を本文側で非表示
   ------------------------------------------- */
main .page-description:first-of-type,
.entry-content > .page-description:first-of-type,
article > .page-description:first-of-type {
	display: none;
}

/* -------------------------------------------
   8b. page-hero 内の page-description は白く
      pages/method.css / contact.css / documents.css で
      color: var(--c-text-muted) に上書きされるため、
      明示的に白にする。pages/* より読み込み順で後に来るので
      勝てるはずだが、念のため !important で強制。
   ------------------------------------------- */
.page-hero .page-description,
.page-hero p.page-description,
section.page-hero .page-description {
	color: #fff !important;
	opacity: 0.95 !important;
}



/* -------------------------------------------
   9. content-block / content-text
      （HTML版 components.css から抽出した本文白カード装飾）
   ------------------------------------------- */
.wp-block-group.content-block {
	background: var(--c-bg, #fff);
	padding: 50px;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	border: 1px solid var(--c-line-subtle, #ececec);
	margin: 0 0 32px;
}

.content-text,
p.content-text {
	font-size: 17px;
	line-height: 1.95;
	color: var(--c-text);
	margin: 0 0 1.5em;
}

.content-text:last-child,
p.content-text:last-child {
	margin-bottom: 0;
}


/* -------------------------------------------
   10. member-intro グレーボックス
   ------------------------------------------- */
.wp-block-group.member-intro {
	background: var(--c-bg-alt, #f7f9fb);
	padding: 24px 28px;
	border-radius: 8px;
	margin: 0 0 32px;
}

.member-intro-text,
p.member-intro-text {
	font-size: 17px;
	line-height: 1.85;
	color: var(--c-text);
	margin: 0;
}