/* === トップ3バナーを黒×金（ドラッカーヒーローと同トンマナ）に。写真不使用 === */
.p-index-3banner{background:#0a0908;border-top:1px solid rgba(237,228,211,.08)}
.p-index-3banner-item{position:relative;display:block;overflow:hidden;
  background:linear-gradient(160deg,#14110d 0%,#0a0908 72%);
  border:1px solid rgba(237,228,211,.10);
  min-height:264px;padding:34px 30px 30px;
  color:#ede4d3 !important;transition:border-color .3s,transform .3s}
.p-index-3banner-item:hover{border-color:rgba(201,162,39,.6);transform:translateY(-2px)}
/* 写真と暗幕は使わない */
.p-index-3banner-item-image{display:none !important}
/* 上端の色帯 → 金のヘアライン */
.p-index-3banner-item-border{background:#c9a227 !important;height:2px !important;opacity:.9}
/* サブタイトル＝モノ・金・字間広め（ヒーローのkicker調） */
.p-index-3banner-item-text-subtitle{font-family:"IBM Plex Mono",ui-monospace,monospace !important;
  font-size:10.5px !important;letter-spacing:.28em;text-transform:uppercase;color:#c9a227 !important}
/* タイトル＝明朝・生成色 */
.p-index-3banner-item-text-title{font-family:"Noto Serif JP",serif !important;font-weight:600 !important;
  font-size:clamp(16px,1.35vw,21px) !important;letter-spacing:.06em;line-height:1.65;color:#ede4d3 !important}
/* 矢印を金に */
.p-index-3banner-item .c-animate-arrow-item{background-color:#c9a227 !important;border-color:#c9a227 !important}
/* 英字ゴースト透かし（写真の代わりの世界観） */
.p-index-3banner-item::after{position:absolute;right:16px;bottom:2px;pointer-events:none;
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:.06em;
  font-size:clamp(46px,4.8vw,84px);line-height:1;color:rgba(201,162,39,.12)}
.p-index-3banner-item:nth-of-type(1)::after{content:"DOCTOR"}
.p-index-3banner-item:nth-of-type(2)::after{content:"DENTIST"}
.p-index-3banner-item:nth-of-type(3)::after{content:"CONSULTANT";font-size:clamp(36px,3.6vw,62px)}
.p-index-3banner-item:hover::after{color:rgba(201,162,39,.22);transition:color .3s}
@media(max-width:900px){
  .p-index-3banner-item{min-height:190px;padding:24px 20px 20px}
  .p-index-3banner-item::after{font-size:40px}
  .p-index-3banner-item:nth-of-type(3)::after{font-size:32px}
}
/* テーマ既定の白箱を除去（文字は生成色でカード地に直乗せ） */
.p-index-3banner-item-text,
.p-index-3banner-item-text-inner{background:transparent !important}
.p-index-3banner-item-text{padding-left:0 !important}
/* 特異度強化：テーマの白背景に確実に勝つ */
.p-index-3banner .p-index-3banner-item .p-index-3banner-item-text,
.p-index-3banner .p-index-3banner-item .p-index-3banner-item-text-inner{
  background:transparent !important;background-color:transparent !important;background-image:none !important}

/* ============================================================
   トップページ全体 黒×金 統一（v1.1.0）
   ============================================================ */

/* ---- ヘッダー ---- */
.l-header .p-header-bar{background:rgba(10,9,8,.85)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(237,228,211,.08)}
.l-header .c-logo__image{filter:invert(.9) sepia(.22) brightness(1.06)}
.l-header a,.l-header .p-header-nav-item{color:#ede4d3!important}
.l-header .c-search-button,.l-header button{color:#c9a227!important}
/* メガメニュー/ドロワーも暗く */
.p-megamenu02,.p-megamenu02__inner,.p-drawer{background:#0f0d0b!important;color:#ede4d3!important}
.p-megamenu02 a,.p-drawer a{color:#ede4d3!important}

/* ---- 中央見出し（ABC- Management / 三つの力…） ---- */
.p-cb .gradient-text{
  background:linear-gradient(92deg,#c9a227 0%,#f2e2ac 45%,#c9a227 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
  font-family:"Cormorant Garamond","Noto Serif JP",serif;font-weight:600;letter-spacing:.04em}
.p-cb .roles-subtitle{font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  letter-spacing:.3em;text-transform:uppercase;color:#9a8d77!important;font-size:12px!important}
.p-cb .catchphrase-1{font-family:"Noto Serif JP",serif!important;color:#ede4d3!important;letter-spacing:.12em}
.p-cb .catchphrase-2 .english-line{font-family:"Cormorant Garamond",Georgia,serif!important;
  font-style:italic;color:#c9a227!important;letter-spacing:.08em}
.p-cb .catchphrase-2 .tagline{font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  color:#9a8d77!important;font-size:11px!important;letter-spacing:.22em}
.p-cb .catchphrase-3{font-family:"Noto Serif JP",serif!important;color:#ede4d3!important;letter-spacing:.14em}

/* ---- Analyst / Builder / Creator カード ---- */
.p-cb-grid-column3 .p-cb-grid-item{position:relative;display:block;overflow:hidden;
  background:linear-gradient(160deg,#14110d 0%,#0a0908 72%);
  border:1px solid rgba(237,228,211,.10);
  min-height:260px;padding:34px 30px 30px;
  transition:border-color .3s,transform .3s}
.p-cb-grid-column3 .p-cb-grid-item:hover{border-color:rgba(201,162,39,.6);transform:translateY(-2px)}
.p-cb-grid-column3 .p-cb-grid-item::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#c9a227;opacity:.9}
.p-cb-grid-column3 .p-cb-grid-image{display:none!important}
.p-cb-grid-column3 .p-cb-grid-content{position:static!important;padding:0!important;background:transparent!important}
.p-cb-grid-item .p-cb-header-subtitle{font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:10.5px!important;letter-spacing:.26em;text-transform:uppercase;color:#c9a227!important}
.p-cb-grid-item .p-cb-header-title{font-family:"Cormorant Garamond","Noto Serif JP",serif!important;
  font-weight:600!important;font-size:clamp(30px,2.6vw,44px)!important;letter-spacing:.03em;
  color:#ede4d3!important;line-height:1.15}
.p-cb-grid-item .p-cb-header-desc{font-family:"Zen Kaku Gothic New",system-ui,sans-serif!important;
  color:#9a8d77!important;font-size:13px!important;line-height:1.85;letter-spacing:.05em}
/* 金のゴーストイニシャル */
.p-cb-grid-column3 .p-cb-grid-item::after{position:absolute;right:14px;bottom:-6px;pointer-events:none;
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1;
  font-size:clamp(80px,7vw,120px);color:rgba(201,162,39,.10);transition:color .3s}
.p-cb-grid-column3 .p-cb-grid-item:nth-of-type(1)::after{content:"A"}
.p-cb-grid-column3 .p-cb-grid-item:nth-of-type(2)::after{content:"B"}
.p-cb-grid-column3 .p-cb-grid-item:nth-of-type(3)::after{content:"C"}
.p-cb-grid-column3 .p-cb-grid-item:hover::after{color:rgba(201,162,39,.22)}

/* ---- フッター ---- */
.l-footer{background:#0a0908!important;border-top:1px solid rgba(237,228,211,.10);color:#9a8d77!important}
.l-footer a{color:#ede4d3!important}
.l-footer .c-logo__image{filter:invert(.9) sepia(.22) brightness(1.06)}
.p-footer-copyright{color:#9a8d77!important;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em}

/* ---- サイドボタン（緑/ピンク → 黒×金） ---- */
.p-side-button-item{background:#141110!important;border:1px solid rgba(201,162,39,.5);
  color:#c9a227!important;transition:.25s}
.p-side-button-item:hover{background:#c9a227!important;color:#1a1409!important}
.p-side-button-item-text{color:inherit!important;font-family:"Noto Serif JP",serif;letter-spacing:.2em}

@media(max-width:900px){
  .p-cb-grid-column3 .p-cb-grid-item{min-height:190px;padding:24px 20px}
  .p-cb-grid-column3 .p-cb-grid-item::after{font-size:64px}
}

/* ヘッダー白の正体 = ::before 擬似要素 */
.p-header-bar::before{background:rgba(10,9,8,.88)!important}
/* 検索入力も暗く */
.p-header-search-input{background:#171310!important;color:#ede4d3!important;border:1px solid rgba(237,228,211,.15)!important}

/* ---- 協創AIセクション（彫像写真を黒×金デュオトーンに・青幕排除） ---- */
.p-cb-split-image img{filter:grayscale(1) sepia(.5) saturate(1.5) hue-rotate(-12deg) brightness(.6) contrast(1.08)}
.p-cb-split-overlay{background:linear-gradient(160deg,rgba(10,9,8,.66) 0%,rgba(24,18,9,.38) 100%)!important}
.p-cb-split-content .p-cb-header-subtitle{font-family:"IBM Plex Mono",ui-monospace,monospace!important;
  font-size:11px!important;letter-spacing:.26em;text-transform:uppercase;color:#c9a227!important}
.p-cb-split-content-desc{color:#9a8d77!important;line-height:2!important;letter-spacing:.04em}
.p-cb-split-content-desc strong,.p-cb-split-content-desc b{color:#ede4d3!important}

/* === v2.1: ABCカードの彫像写真をセピアで復活（ユーザー指示） === */
.p-cb-grid-column3 .p-cb-grid-image{display:block!important}
.p-cb-grid-column3 .p-cb-grid-image img{filter:grayscale(1) sepia(.5) saturate(1.5) hue-rotate(-12deg) brightness(.62) contrast(1.08)}
/* ダークカード化を解除→テーマ本来の「写真＋下からグラデ」構造に戻す */
.p-cb-grid-column3 .p-cb-grid-item{padding:0;min-height:0;background:none}
.p-cb-grid-column3 .p-cb-grid-content{position:absolute!important;inset:0;align-content:end;
  padding:30px!important;
  background:linear-gradient(0deg,rgba(10,9,8,.94) 0%,rgba(10,9,8,.42) 45%,transparent 75%)!important}
/* 写真と喧嘩するゴーストイニシャルは撤去（金ヘアライン::beforeは維持） */
.p-cb-grid-column3 .p-cb-grid-item::after{content:none!important}

/* === v2.2: トップのヘッダーバーを非表示（ユーザー指示・front pageのみ読込のCSSなので他ページ影響なし） === */
.l-header{display:none!important}

/* === v2.3: 下地を漆黒に固定（星空キャンバス未描画時も白く見えない） === */
html,body{background:#0a0908!important}
.l-outer,.l-main,.l-container,.l-contents,.p-cb{background:transparent!important}

/* === v2.4: 背景アニメを金マトリックスに置換 === */
#Quietflow{display:none!important}
.l-outer{position:relative;z-index:1}

/* === v2.5: 3バナーの窮屈・枠切れ・透かしサイズ統一 === */
/* どの画面幅でも3枚ぴったり（横スクロール切れを根絶） */
@media(min-width:901px){
  .p-index-3banner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important}
  .p-index-3banner-item{min-width:0!important;width:auto!important}
}
/* ゆとり（窮屈解消） */
.p-index-3banner-item{min-height:320px;padding:46px 40px 40px}
/* テーマ由来の枠・帯は全て消し、意図した内側ヘアライン1本に統一 */
.p-index-3banner-item-border{display:none!important}
.p-index-3banner-item-text{border:none!important;padding:0!important}
.p-index-3banner-item::before{content:"";position:absolute;inset:14px;pointer-events:none;
  border:1px solid rgba(201,162,39,.42);transition:border-color .3s}
.p-index-3banner-item:hover::before{border-color:rgba(201,162,39,.8)}
/* テキストは枠の内側に収める */
.p-index-3banner-item-text{position:relative;z-index:1;margin:14px;max-width:calc(100% - 28px)}
/* 透かし=3枚とも同サイズ・カード内に完全に収める */
.p-index-3banner-item::after{right:26px;bottom:20px;font-size:clamp(30px,2.6vw,44px);letter-spacing:.04em}
.p-index-3banner-item:nth-of-type(3)::after{font-size:clamp(30px,2.6vw,44px)}
@media(max-width:900px){
  .p-index-3banner-item{min-height:230px;padding:30px 24px}
  .p-index-3banner-item::after{font-size:26px}
  .p-index-3banner-item:nth-of-type(3)::after{font-size:26px}
}

/* === v2.5.1: 右端固定パネル（電子カタログ等）との重なり回避＝左右対称の余白 === */
@media(min-width:901px){
  .p-index-3banner{padding:0 84px!important;gap:20px}
  .p-index-3banner-item{border:1px solid rgba(237,228,211,.10)}
}
/* タイトルの半端な折返し防止（1行に収める） */
@media(min-width:901px){
  .p-index-3banner-item-text-title{font-size:clamp(14px,1.1vw,18px)!important;letter-spacing:.04em!important;white-space:nowrap}
}