/* 下層ページの中身の見た目を、案A「表紙」と同じ会社のデザインにそろえる（2026-10-29）
   文・画像・リンク・ページの構成は変えない。色・余白・書体だけをここで上書きする（src/content の HTML はさわらない）。
   範囲：.pa-sub-a .l-contents（固定ページ・サービス・コラム一覧・記事・カテゴリーの中身）。トップ（.pa-top）・ヘッダー・フッターは top-a.css
   色は8期パレットの5色だけ：コーラル #fe6549／クリーム #fffff8／グレージュ #988b6f／チャコール #393837／ライトグレージュ #efebe7
     文字はチャコール（濃い地の上だけクリーム）。コーラル・グレージュは文字に使わない（線・印・アイコンだけ）
   文字の大きさは4種類：見出し大 --pb-f1／見出し小 20px／本文 16px／補足 12px。行間 本文1.6・見出し1.4、字間 0.03em
   どこを何色から何色にしたかの一覧：company/drafts/2026-10-29_会社サイト_トップ案/案A_下層/色の置きかえ一覧.md */
:root{
  --pb-coral:#fe6549;--pb-cream:#fffff8;--pb-greige:#988b6f;--pb-ink:#393837;--pb-light:#efebe7;
  --pb-f1:clamp(22px,2.4vw,28px);--pb-f2:20px;--pb-f3:16px;--pb-f4:12px;
}
/* テーマの色の変数（リンクの青・アクセントの茶色など）も5色に（SERVICE のページは前のまま） */
.pa-sub-a{
  --ep-primary-color:#393837;--ep-primary-light-color:#393837;--ep-primary-secondary-color:#988b6f;
  --ep-primary-link-color:#393837;--ep-primary-link-hover-color:#393837;--ep-white:#fffff8;--ep-black:#393837;
}

/* ===== 1. 文字の色：すべてチャコール ===== */
.pa-sub-a .l-contents,.pa-sub-a .l-contents *:not(svg):not(svg *),
.pa-sub-a .l-contents *::before,.pa-sub-a .l-contents *::after{color:var(--pb-ink)!important}
/* リンクは下線で見分ける */
.pa-sub-a .l-contents .article-body a:not(.epb-btn):not(.block-btn):not(.wp-block-button__link),
.pa-sub-a .l-contents .pw-ameblo-body a{text-decoration:underline;text-decoration-color:var(--pb-greige)!important;text-underline-offset:4px}

/* ===== 2. 地の色 ===== */
/* 白 #fff の面 → クリーム */
.pa-sub-a .l-contents [style*="#ffffff"],.pa-sub-a .l-contents [style*="#fff;"],.pa-sub-a .l-contents [style*="#FFFFFF"],
.pa-sub-a .l-contents .epb-box__body,.pa-sub-a .l-contents input,.pa-sub-a .l-contents textarea,.pa-sub-a .l-contents select,
.pa-sub-a .l-contents .is-style-paragraph__border-radius,.pa-sub-a .l-contents .wp-block-table td,.pa-sub-a .l-contents table td,.pa-sub-a .l-contents table th{background-color:var(--pb-cream)!important}
.pa-sub-a .l-contents{--epb-box-padding-background-color:#fffff8!important;--epb-headling-background-color:#fffff8!important}
.pa-sub-a .l-contents [style*="--epb-box-padding-background-color"]{--epb-box-padding-background-color:#fffff8!important}
.pa-sub-a .l-contents [style*="--epb-headling-background-color"]{--epb-headling-background-color:#fffff8!important}
/* 灰色・ベージュの面（表のセル・吹き出し・著者カード・カテゴリー名など）→ ライトグレージュ */
.pa-sub-a .l-contents table tr:nth-child(odd) td[style*="background"],.pa-sub-a .l-contents td[style*="#f2f2f2"],.pa-sub-a .l-contents td[style*="#fafafa"],.pa-sub-a .l-contents td[style*="#e5e5e5"],
.pa-sub-a .l-contents table[style*="background"],
.pa-sub-a .l-contents .epb-balloon__text,.pa-sub-a .l-contents [style*="background-color:#f2ece6"],.pa-sub-a .l-contents [style*="background-color:#f8f8f8"],
.pa-sub-a .l-contents .author-card,.pa-sub-a .l-contents .cat-name,.pa-sub-a .l-contents .epb-post-list__term-name,
.pa-sub-a .l-contents .share-button,.pa-sub-a .l-contents .js-clipboard.share-button{background-color:var(--pb-light)!important}
/* 茶・灰・赤・紺の帯（ボックスの見出し・番号）→ ライトグレージュ＋チャコールの文字 */
.pa-sub-a .l-contents .epb-box__headline,.pa-sub-a .l-contents .epb-timeline__number,
.pa-sub-a .l-contents [style*="background-color:#828990"],.pa-sub-a .l-contents [style*="background-color:#685955"],.pa-sub-a .l-contents [style*="background-color:#484848"]{background-color:var(--pb-light)!important}
.pa-sub-a .l-contents [style*="--epb-box-headline-background-color"]{--epb-box-headline-background-color:#efebe7!important}
/* 「背景色つきの見出し」（お客様の声の見出しなど：コーラル地に白い文字）→ ライトグレージュ地＋左にコーラルの線 */
.pa-sub-a .l-contents .is-style-epb-headling-background-color{background-color:var(--pb-light)!important;border-left:4px solid var(--pb-coral)!important;padding:8px 16px!important}
.pa-sub-a .l-contents .is-style-epb-headling-background-color::before,.pa-sub-a .l-contents .is-style-epb-headling-background-color::after{display:none!important}
.pa-sub-a .l-contents [style*="background-color:#b22f37"]:not(.epb-btn):not(.block-btn){background-color:var(--pb-light)!important}

/* ===== 3. ボタン：チャコールの地にクリームの文字（コーラルの地に白い文字だとコントラストが足りない） ===== */
.pa-sub-a .l-contents .epb-btn,.pa-sub-a .l-contents .block-btn,.pa-sub-a .l-contents .wp-block-button__link,.pa-sub-a .l-contents button[type="submit"],.pa-sub-a .l-contents input[type="submit"]{
  background:var(--pb-ink)!important;border-color:var(--pb-ink)!important;color:var(--pb-cream)!important;
  --epb-button-bg-color:#393837!important;--epb-button-border-color:#393837!important;--epb-button-text-color:#fffff8!important}
.pa-sub-a .l-contents .epb-btn *,.pa-sub-a .l-contents .block-btn *,.pa-sub-a .l-contents .wp-block-button__link *{color:var(--pb-cream)!important}
/* ページ送りの今のページ */
.pa-sub-a .l-contents .page-numbers.current{background:var(--pb-ink)!important;border-color:var(--pb-ink)!important;color:var(--pb-cream)!important}

/* ===== 4. 線の色 ===== */
.pa-sub-a .l-contents *:not(.epb-balloon__before):not(.epb-balloon__after),
.pa-sub-a .l-contents *:not(.epb-balloon__before):not(.epb-balloon__after)::before,
.pa-sub-a .l-contents *:not(.epb-balloon__before):not(.epb-balloon__after)::after{border-color:var(--pb-light)}
.pa-sub-a .l-contents [style*="border-color"]:not(.epb-balloon__before):not(.epb-balloon__after){border-color:var(--pb-light)!important}
.pa-sub-a .l-contents [style*="--epb-border-color"],.pa-sub-a .l-contents [style*="--epb-box-border-color"]{--epb-border-color:#efebe7!important;--epb-box-border-color:#efebe7!important}
.pa-sub-a .l-contents .epb-box__body,.pa-sub-a .l-contents .epb-box__headline,.pa-sub-a .l-contents td,.pa-sub-a .l-contents th,.pa-sub-a .l-contents img,
.pa-sub-a .l-contents .epb-timeline__item::before,.pa-sub-a .l-contents .epb-timeline__number{border-color:var(--pb-light)!important}
/* 吹き出しの三角（左右の向きはそのまま、色だけ） */
.pa-sub-a .l-contents .epb-balloon__before,.pa-sub-a .l-contents .epb-balloon__after{border-color:transparent var(--pb-light)!important}
.pa-sub-a .l-contents .epb-img-right .epb-balloon__before,.pa-sub-a .l-contents .epb-img-right .epb-balloon__after{border-color:transparent transparent transparent var(--pb-light)!important}
/* 入力欄は枠が見えるように（線・枠は3:1でよい）グレージュ */
.pa-sub-a .l-contents input,.pa-sub-a .l-contents textarea,.pa-sub-a .l-contents select{border-color:var(--pb-greige)!important}
/* よくある質問の Q・A の丸 */
.pa-sub-a .l-contents .epb-faq__question__label,.pa-sub-a .l-contents .epb-faq__answer__label{border-color:var(--pb-ink)!important;background:var(--pb-cream)!important}
/* （要確認）の点線の枠はコーラルの線のまま目立たせる */
.pa-sub-a .l-contents .pw-check{border-color:var(--pb-coral)!important}
/* 見出しの飾り線・縦の棒 → コーラル（文字ではない所） */
.pa-sub-a .l-contents{--epb-style-color:#fe6549}
.pa-sub-a .l-contents [style*="--epb-style-color"]{--epb-style-color:#fe6549!important}
.pa-sub-a .l-contents [style*="--epb-headling-style-color"]{--epb-headling-style-color:#efebe7!important}
.pa-sub-a .l-contents [style*="--epb-sub-text-style-color"],.pa-sub-a .l-contents [style*="--epb-sub-text-hover-color"]{--epb-sub-text-style-color:#efebe7!important;--epb-sub-text-style-hover-color:#efebe7!important;--epb-sub-text-hover-color:#393837!important}
.pa-sub-a .l-contents .is-style-epb-headling-border-vertical-up::before{background-color:var(--pb-coral)!important}
.pa-sub-a .l-contents h2.epb-advance-headling__text::after{background-image:none!important;background-color:var(--pb-coral)!important}

/* ===== 5. 横線を減らす：区切り線は余白に ===== */
.pa-sub-a .l-contents hr,.pa-sub-a .l-contents .wp-block-separator{border:0!important;background:none!important;height:0!important;margin:48px 0!important}

/* ===== 6. マーカー（黄色・赤）→ 下にコーラルの細い線 ===== */
.pa-sub-a .l-contents .epb-underline-yellow,.pa-sub-a .l-contents .epb-underline-red,.pa-sub-a .l-contents [class*="epb-underline-"]:not(.epb-underline-dashed){
  background-image:linear-gradient(transparent 84%,var(--pb-coral) 84%)!important;background-color:transparent!important}
.pa-sub-a .l-contents .epb-underline-dashed{border-color:var(--pb-greige)!important}

/* ===== 7. アイコン（家・ダイヤ・王冠・太陽・矢印など）→ グレージュ（文字ではない） ===== */
.pa-sub-a .l-contents [class*="icon-"]::before,.pa-sub-a .l-contents [class*="icon-"]::after,
.pa-sub-a .l-contents .page-numbers.next::after,.pa-sub-a .l-contents .page-numbers.prev::before{color:var(--pb-greige)!important}
.pa-sub-a .l-contents .epb-box__headline[class*="icon-"]::before{color:var(--pb-ink)!important}
.pa-sub-a .l-contents svg:not([fill="none"]) path[fill]:not([fill="none"]){fill:currentColor}

/* ===== 8. 影 ===== */
.pa-sub-a .l-contents article,.pa-sub-a .l-contents .sp-list,.pa-sub-a .l-contents .pc-list{box-shadow:none!important}

/* ===== 9. 書体・大きさ・行間（案Aにそろえる） ===== */
.pa-sub-a .l-contents{font-family:var(--pw-font-jp);font-size:var(--pb-f3);line-height:1.6;letter-spacing:.03em}
.pa-sub-a .l-contents *:not([class*="icon"]):not(.pw-en):not(.breadcrumb-home){font-family:var(--pw-font-jp)!important}
.pa-sub-a .l-contents .pw-en,.pa-sub-a .l-contents .breadcrumb-home,.pa-sub-a .l-contents .article-title.pw-en{font-family:var(--pw-font-en)!important;font-weight:400}
/* 本文 16px */
.pa-sub-a .l-contents :is(p,li,td,th,dt,dd,blockquote,label,input,textarea,select,button,.pw-check,.epb-btn-text,.epb-advance-headling__sub-text,.epb-box__body,.epb-timeline__content,.author-card__description,.epb-balloon__text){font-size:var(--pb-f3)!important;line-height:1.6!important;letter-spacing:.03em!important}
.pa-sub-a .l-contents :is(span,strong,b,em,a,font,small,i,u,mark):not(.page-numbers):not(.breadcrumb-home):not([class*="icon"]){font-size:inherit!important}
/* 見出し大（ページ名・h1・h2） */
.pa-sub-a .l-contents :is(h1,h2,.article-title,.archive-title,.epb-advanced-headling__text,h2.epb-advance-headling__text,.epb-advance-headling__text:is(h1,h2)):not(.screen-reader-text){font-size:var(--pb-f1)!important;line-height:1.4!important;letter-spacing:.06em!important}
/* 見出し小（h3〜h6・ボックスの見出し・記事一覧の題・関連記事） */
.pa-sub-a .l-contents :is(h3,h4,h5,h6,.epb-box__headline,.epb-timeline__headline,.author-card__title,.related-posts__title,.epb-post-list__title,.c-post-list__title,.related-post-list__title,.blog-card__title,article h2.article-title){font-size:var(--pb-f2)!important;line-height:1.4!important;letter-spacing:.04em!important}
.pa-sub-a .l-contents .epb-advance-headling__text:is(h3,h4){font-size:var(--pb-f2)!important}
/* 補足 12px（パンくず・写真の説明・日付・ページ送り・注記・前後の記事） */
.pa-sub-a .l-contents :is(.breadcrumb,.breadcrumb *,figcaption,time,.epb-post-lists__date,.page-numbers,.epb-font-size,.label-previous,.label-next,.wp-element-caption,.post-date,.cat-name,.epb-post-list__term-name){font-size:var(--pb-f4)!important;line-height:1.6!important}
.pa-sub-a .l-contents .page-numbers{line-height:2.75!important}
/* 記事の中の大きい太字（理念など）も見出し大に */
.pa-sub-a .l-contents p > strong[style*="font-size"],.pa-sub-a .l-contents span[style*="font-size"]:not(.epb-font-size){font-size:inherit!important}

/* ===== 10. 残り（見直しで見つけた所） ===== */
/* 枠つき・吹き出しの段落：白の地 → クリーム（吹き出しはライトグレージュ。三角も同じ色） */
.pa-sub-a .l-contents [class*="is-style-paragraph__"]{background-color:var(--pb-cream)!important}
.pa-sub-a .l-contents [class*="is-style-paragraph__speech-bubble"],.pa-sub-a .l-contents [class*="is-style-paragraph__speech-bubble"]::before,.pa-sub-a .l-contents [class*="is-style-paragraph__speech-bubble"]::after,
.pa-sub-a .l-contents .is-style-paragraph__bubble,.pa-sub-a .l-contents .is-style-paragraph__bubble::before,.pa-sub-a .l-contents .is-style-paragraph__bubble::after{background-color:var(--pb-light)!important}
/* ページ送りの番号 */
.pa-sub-a .l-contents a.page-numbers{background-color:var(--pb-cream)!important}
/* 表の地（灰色のすき間）→ ライトグレージュ */
.pa-sub-a .l-contents table{background-color:var(--pb-light)!important}
/* 見出しの下の小さな説明（太字） */
.pa-sub-a .l-contents .epb-advanced-headling__sub-text,.pa-sub-a .l-contents .epb-advanced-headling__sub-text *{font-size:var(--pb-f3)!important;line-height:1.6!important}
/* 記事の下の関連記事・前後の記事・コラム一覧のカード：白の地 → クリーム、影 → なし */
.pa-sub-a .l-contents .related-post-list__item,.pa-sub-a .l-contents .u-item-scroll__item,.pa-sub-a .l-contents .nav-previous a,.pa-sub-a .l-contents .nav-next a,.pa-sub-a .l-contents article.sp-list{background-color:var(--pb-cream)!important;box-shadow:none!important}
.pa-sub-a .l-contents .u-shadow-border{box-shadow:none!important;border:1px solid var(--pb-light)!important}
/* 「背景色つきの見出し」の中の文字の後ろの面は付けない（ライトグレージュの帯の上に文字がそのまま乗る・2026-10-29 陽子さん） */
.pa-sub-a .l-contents .is-style-epb-headling-background-color *{background:transparent!important;background-color:transparent!important;--epb-headling-background-color:transparent!important}
/* CLIENT VOICE の見出し（お客様の声）→「10 引用符（声らしく）」（2026-10-29 陽子さん決定）。“ はお客様の声だけ（body.pa-voice）
   帯・左の線・背景はなし。左にコーラルの “（Georgia 56px）、見出しは左を40pxあけて 20px・太字・行間1.4。1文字だけの改行を防ぐ
   PROFILE の講座一覧などほかのページの同じ見出しは、ライトグレージュの帯＋左にコーラルの線のまま */
.pa-sub-a.pa-voice .l-contents .article-body .epb-advance-headling__text-wrapper.is-style-epb-headling-background-color{background:none!important;background-color:transparent!important;border:0!important;border-left:0!important;padding:0 0 0 40px!important;position:relative}
.pa-sub-a.pa-voice .l-contents .article-body .epb-advance-headling__text-wrapper.is-style-epb-headling-background-color::before{content:"“"!important;display:block!important;position:absolute;left:0;top:-14px;font-family:Georgia,serif!important;font-size:56px!important;line-height:1!important;color:var(--pb-coral)!important;background:none!important;border:0!important;width:auto;height:auto}
.pa-sub-a.pa-voice .l-contents .article-body .is-style-epb-headling-background-color :is(h1,h2,h3,h4,h5,h6,.epb-advance-headling__text){font-size:var(--pb-f2)!important;font-weight:700!important;line-height:1.4!important;margin:0!important;padding:0!important;text-wrap:balance;word-break:auto-phrase;color:var(--pb-coral)!important}
/* ↑ 見出しの文字もコーラル（2026-10-29 陽子さん「文字もオレンジに」） */
/* 記事・コラムの右の欄の見出し（NEW POST・Category など全部）→「A 英字＋短い線」（2026-10-29 陽子さん決定）
   帯・左の線・背景はなし。Questrial 16px・字間0.2em・チャコール、下に幅24px・高さ2pxのコーラルの線 */
.pa-sub-a .l-contents .widget .epb-advance-headling__text-wrapper.is-style-epb-headling-background-color{display:grid!important;gap:8px;background:none!important;background-color:transparent!important;border:0!important;padding:0!important}
.pa-sub-a .l-contents .widget .epb-advance-headling__text-wrapper.is-style-epb-headling-background-color::before{display:none!important}
.pa-sub-a .l-contents .widget .epb-advance-headling__text-wrapper.is-style-epb-headling-background-color::after{content:""!important;display:block!important;position:static!important;width:24px!important;height:2px!important;background:var(--pb-coral)!important;border:0!important}
.pa-sub-a .l-contents .widget .is-style-epb-headling-background-color :is(h1,h2,h3,h4,h5,h6,.epb-advance-headling__text){font-family:var(--pw-font-en)!important;font-size:var(--pb-f3)!important;font-weight:400!important;letter-spacing:.2em!important;line-height:1.4!important;color:var(--pb-ink)!important;margin:0!important;padding:0!important;background:none!important}
/* 関連記事・前後の記事のカードの題は本文の大きさ（カードの高さが決まっていて、20pxだとスマホで字が切れるため） */
.pa-sub-a .l-contents :is(.related-post-list__title.related-post-list__title,.nav-title.nav-title){font-size:var(--pb-f3)!important;line-height:1.6!important}