/* 旭産業 白基調プレビュー用の上書きCSS（2026-08-12）
 *
 * 元サイトの色は、脱Elementorの際に持ち込んだ生成CSS（vendor/…/uploads/core/css/post-*.css）に
 * 焼き込まれている。編集画面はもう無いので、**このファイル1枚を最後に読ませて上から塗り替える**。
 * ⛔ 生成CSSそのものは書き換えない（元に戻せなくなるため）。この1枚を外せば黒基調に戻る。
 *
 * 色の考え方:
 *   背景 #FFFFFF / 本文 #222222 / 薄い帯 #F4F4F2
 *   ブランド色（緑 #8FC320・橙 #DE8B2A）は残す。ただし緑は白地だと薄すぎるので、
 *   文字・リンクに使う分だけ濃い緑 #4F7C14 に置き換える（面で使う分は元のまま）。
 */

/* ---- 1. 基本の対（ページ全体の背景と標準の文字色） ---- */
.elementor-kit-6{
  --e-global-color-7a82e42:#FFFFFF;   /* ページ背景（旧 #000000） */
  --e-global-color-text:#222222;      /* 標準の文字色（旧 #FFFFFF） */
  --e-global-color-d8cfa9d:#F4F4F2;   /* 区切りの帯（旧 #282828） */
}
.elementor-kit-6 a{color:#4F7C14}
.elementor-kit-6 a:hover{color:#DE8B2A}

/* ---- 2. 白文字を濃色へ回す箇所 ----
 * 生成CSSの `color:#FFFFFF` 38か所のうち、**地が白くなる所に載る文字だけ**を濃色へ回す。
 * ボタン・送信ボタン（色の付いた面）と、下の 2-b（写真の上）は白のまま。
 * ⚠️ 見出しを一括で濃色にすると WORKS の緑などブランド色の見出しまで潰れる。
 */
.elementor-1100 .elementor-element.elementor-element-588ad2e .elementor-post__title, .elementor-1100 .elementor-element.elementor-element-588ad2e .elementor-post__title a,
.elementor-1806 .elementor-element.elementor-element-34e99fa .elementor-heading-title,
.elementor-1806 .elementor-element.elementor-element-6177002 .elementor-heading-title,
.elementor-1806 .elementor-element.elementor-element-69e3a05 .elementor-heading-title,
.elementor-1806 .elementor-element.elementor-element-e498c20 .elementor-heading-title,
.elementor-59 .elementor-element.elementor-element-ac9cdb2 .elementor-heading-title,
.elementor-59 .elementor-element.elementor-element-ca96304 .elementor-heading-title,
.elementor-59 .elementor-element.elementor-element-e9848eb .elementor-heading-title,
.elementor-975 .elementor-element.elementor-element-813920e .elementor-post__title, .elementor-975 .elementor-element.elementor-element-813920e .elementor-post__title a{
  color:#222222;
}

/* ---- 2-b. 写真の上に載る文字は白のまま（19 か所） ----
 * ★見分け方＝**生成CSSで `text-shadow: … rgba(0,0,0,…)` が付いている**こと。
 *   写真の上で読ませるための影なので、影が付いている＝下は写真、と機械的に判定できる。
 * これを見落として3回失敗した:
 *   ①ファーストビュー「ASAHI SANGYO / SINCE 1968」 ②ページタイトル帯「COMPANY / 会社概要」
 *   ③トップの「COMPANY」「TRANSACTIONFLOW」
 * ⚠️ これらは `color:#FFFFFF` の直書きではなく **`var(--e-global-color-text)`（＝全体の文字色）**
 *   を使っている。だから「白の直書きを探す」だけでは見つからない。
 */
.elementor-1067 .elementor-element.elementor-element-1177757 .elementor-heading-title,
.elementor-1100 .elementor-element.elementor-element-7539dc7 .elementor-heading-title,
.elementor-1806 .elementor-element.elementor-element-9f37232 .elementor-heading-title,
.elementor-1843 .elementor-element.elementor-element-ab0787e .elementor-heading-title,
.elementor-1870 .elementor-element.elementor-element-53ab6ed .elementor-heading-title,
.elementor-47 .elementor-element.elementor-element-f36f68e .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-7bf20f8 .elementor-heading-title,
.elementor-497 .elementor-element.elementor-element-d9a37ea .elementor-heading-title,
.elementor-57 .elementor-element.elementor-element-f1b60ea .elementor-heading-title,
.elementor-59 .elementor-element.elementor-element-1ab1b39 .elementor-heading-title,
.elementor-63 .elementor-element.elementor-element-1f1bdfe .elementor-heading-title,
.elementor-674 .elementor-element.elementor-element-8dd76ee .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-2282a3a .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-cff7b62 .elementor-heading-title,
.elementor-7 .elementor-element.elementor-element-0f327e1 .elementor-heading-title,
.elementor-900 .elementor-element.elementor-element-c43dbc1 .elementor-heading-title,
.elementor-957 .elementor-element.elementor-element-54a108e .elementor-heading-title,
.elementor-965 .elementor-element.elementor-element-20907a1 .elementor-heading-title,
.elementor-975 .elementor-element.elementor-element-b78d902 .elementor-heading-title{
  color:#FFFFFF;
}

/* ---- 2-c. `.h-wht` はトップの小見出し（「施工事例」「お知らせ」）専用 ----
 * 🔴 クラス名から「写真の上の白見出し」だと思い込んで白のまま残したが、**誤り**だった。
 *    実際の用途は page_7 の2か所だけで、いずれも**白い帯の上**に載る。白のままだと消える。
 *    ★クラス名で判断せず、`orig/*.html` で実際の使われ方を見ること。
 *    （ページタイトル帯「COMPANY / 会社概要」が潰れた原因は別＝全体の文字色。2-b で対処済み）
 */
.h-wht{color:#444444}

/* ---- 3. ヘッダー（旧 #000000B3 の半透明の黒帯） ---- */
.elementor-35 .elementor-element.elementor-element-d131eed:not(.elementor-motion-effects-element-type-background),
.elementor-35 .elementor-element.elementor-element-39a69df:not(.elementor-motion-effects-element-type-background){
  background-color:#FFFFFFF2;
  border-bottom:1px solid #E4E4E0;
}
.elementor-35 .elementor-heading-title,
.elementor-35 .elementor-nav-menu a{color:#222222}
.elementor-35 .elementor-nav-menu a:hover,
.elementor-35 .elementor-nav-menu a.elementor-item-active{color:#4F7C14}
/* メニューの区切り線が白のままだと白地で消える */
.elementor-35 .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child)::after{border-color:#DDDDD8}

/* ---- 4. スマホのメニュー（トグルと展開部分） ---- */
.elementor-35 .elementor-element.elementor-element-63dc9dd .elementor-menu-toggle{
  background-color:#222222;color:#FFFFFF;
}
.elementor-35 .elementor-nav-menu--dropdown{
  background-color:#FFFFFF;border-top:3px solid #4F7C14;
}
.elementor-35 .elementor-nav-menu--dropdown a{color:#222222;border-bottom:1px solid #EDEDE9}

/* ---- 5. フッター（旧 #36342F8C） ---- */
.elementor-77 .elementor-element.elementor-element-3ce0056:not(.elementor-motion-effects-element-type-background){
  background-color:#F4F4F2;
  border-top:1px solid #E4E4E0;
}
.elementor-77 .elementor-heading-title,
.elementor-77 .elementor-widget-text-editor,
.elementor-77 .elementor-nav-menu a,
.elementor-77 .elementor-icon-list-text{color:#333333}

/* ---- 6. ファーストビューの写真は触らない ----
 * 写真の上に黒の覆い（#000000B3）が掛かり、その上に白文字が載っている。
 * ここは「写真の帯」として白基調でも成立するため、あえて残す。
 */

/* ---- 7. 白地で見えなくなる線・枠 ---- */
.elementor-divider-separator{border-color:#E4E4E0 !important}
.elementor-kit-6 hr{border-color:#E4E4E0}

/* ---- 8. ロゴ ----
 * 元のロゴ `logo_nav_wht.png` は**白抜き**（不透明部分が全て #E0E0E0）なので、
 * 白いヘッダーでは完全に見えなくなる。形と透明度はそのままに色だけ #222222 へ変えた
 * 濃色版をここに埋め込んで差し替える（画像ファイルを増やさず、この1枚で完結させるため）。
 * ⚠️ これは当社が自動生成した派生物。旭産業さんが正式な濃色ロゴをお持ちなら差し替えること。
 */
.elementor-35 .elementor-widget-theme-site-logo img,
.elementor-35 .elementor-widget-image img[src*="logo_nav_wht"]{
  content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAiCAYAAAA53MevAAAJWElEQVR42u1c7XHbSAx9N+P/YQfHoAHTFViqIHIFliqIWYGtCiRXIKoCyxWYqSB0A3tMBWEqyP0wGEPwcrlcUpJ9R8xkIsnkcj/wgAcslsAoo4wyyiijjDLKKKN4yV9dbyCiyBhTjVM3yrGFiCbia2mMKT9K388C7kmI6AlAAaAEsDXG7HpMXgQgafhzBCAxxtwRUQxg3rV9Y8xdz779BFCJ8aZDGBqew1px1saYtOX6GEB8DEVjha77VgHI3olxfRKfUwDrA43/DsAtfy2MMRdE9FtcctVV58969CfhfyWAXc92nloG/gXAVgy+i9z16NuNAPyEx3oIefS4Zq7GfzBF47FKRVvj/UkxILDmAKKGcVYW473j+2rdXbQBLwRosXpoeoRJTfRzj0BTEguwa6+6/i8pWotUnh62jVnk75SO3gBY8edzY8yiA9vZsBF+ICInKwkB2rn4fIjJyyVtFL9nwsOU7OFs8ncIxWyYRKlsEX9eEVFljMn+5yHTvCPD+Msx379DaCQR+Vw37QDyObf5w+PaldDPyqGPdqB1HPQkcJKWTbGTMWYqLI0cyKMEWtP9HF/MeyrRSoE8BXAp2t0QEYYGG3vRckw2HdSDaQNecOgz4+8z5UAilYSpqeZM6rO+ToP77B3PybXyZnANXtHMvp5MTuKaAZUxEBIBtkvf5IhKfrisc0FE0w8GtspCZaMOa5E3hChxyzX6GbkH9W3LCURq/W3XbyyG2enBzzwH3TT4oonDt0jZopSxmsCtoG5eCZRAb7LRdFXx7ik/NxH0aUJEywG9W8LAOyrYVKbNyVqMMZoGFjUTUczCa430vWI9vouf7nXCgYjkeuW2dt6LnPkMWgzsQQCtMsZcHKhfM7WIhcODDUElbixKlunA2BhTEZEGW8ze7RbAPYDdAGn3nBW8UrHnHiBVjFIZYwr8R4TXvBDz/AUiu23Z7ll2MPLLFiYVCyYl47VLwUpyAN+CgdbiZfYA0EH5u+75XCtv5kNVOlEWAbCvylvWnnrrGF9qieNi/m3FCvLIYC09DNhGKE3FivDTI47U4Jx+RFA5vKlOVMwDkiN7no7X4054Tb32n7C/rbN16GXpq+ddYjS9sBNHzPEm+QHP/SxLsLqzXFY0KW4bZeHF+qKMBjryeB/6F8NjG4CIZsoyp+w5j+1B7oQCSsXPjTHTlqRXzPfA4YHfo6xadHjm0JNNFz0/81T+WYtiDimRI5AdQuKGsRT87DigzZQVM1IxReUZF/4xKh902yBGWDFBE7XbKg8DAL8a6N0OwHNoPuBkMZqHMtSdLz0mv7PSGmNKIloKxX0AcGGJT548gGqTtaKLJV62GzJuM6TPayLKGMDXbCXXHvP6JPpRAFg0JRws9Gr6XjeB+wJNbt3wNs8tx0v3rB+XYp2+9ahc2bbEWX93jAPzIKBZlOFPB9tqCD15tw8YEp7sQoEpKDnCtOweLxvvuk4z9QBqY7usDJmn8dLzun2nKX2fPpWWWLp34QBLrQc3vOYXFiYSSpczDiWuPY32paOtaZBHc4AMAK7ZqrR5NPQEQw3UWwBXA8cj1kzXEQL/OccGel5XXNOZvoPsoYyvnrt6IRErzweYK6lH99xupNhNUxOFh/GKOxjtSehYzgK9UYzD1x6uRR+0ByvwNvOXKuuWsPLObAWfgRUtvpJb9pUivN0Mty3kd6ah6Qk9XHxioNfztfJIQKwczUxxmDLBfkBja6HT1mA6FPdBdKBXy8UzpQetjDE5ET3KvtYxCydvapA+EFHmWyx6ZC8m6Zn825x/S0/U5cQn7jiwbEJpfAC7uWtYtwlE9tmyUR/s0W4tIEs52H9SwNu2tH09AEdvS7gUisuvZTW2UOIfJz6wWiqlKbnvMzGOpTByFfw3YIc2CrGlr60ecMj0Pq/hTLGbpqxjhuYi4LINPB379bsDgJ0lWAsA/wgFXfQ51DmARC2D2XH1RMSL/R1v9+AWDQCbtlC4W5Vtyi0B+tIngcDet/bOO57nPWXia6YMtucTGoWJYg5eQMNw6f1E9WGnj5+orOP2I2Rfz5RC1Kn1c4eC1tRmfogOCcv4CX57dzJpkghFX7rSvq7F4XKqN4E+xw0P2D99vPAExRKiXs8WwHM7ixPrxOUJaOO5YksTXssCQGXZyklUEqmyJEFShxHMOxocG5OqgoEmOOsp5WuDJ3tsGPxaUYkKL3tMRSDQJ+o5qcPLztiTthYAfwSry4ZEGjffWr7SI5TwTb78Yrax4rl/aFH6pGNMVrjYjOUsYqPh7LKmocdkShxow5qtzcwCpsKRNFkI3h0xWEM9g/RmuaTOoqh4JTx6AuAfBluBjy03ypC4woZMeAZnQTMRPRDRioGbW4xSorzRH89+rFK0ltpXG7ifODu89KHXoUA75IZ1ynRQxgmF5fBdJPj8OS96fc2c9wGvuhQzc3ZQ0sJUPbf+/AP7mcIIr0dbPiTYeD6/qtiodHgGH2Ori9Fv8LLhXKg5RxNdbThCI8/29aqQ4Qz1F0soVGH/VH8d1z+IdZ+zruWMiWxooPnIp5Cb5ALW76XgxbhUCv/TYmEz5Wm+E9G9zSiwIbh0WNYI++ehfBI3vcHWckBUSlO1eqji6eKEe0cfV9jPAvrGfKWcGwa3NMYHf9uWoMeX/H/UEIMt8FqRIhNWn/F2P3SCl2NNG7zWXmbSUJ0NPIg5XstZkgGajOCfio25yrzC/jGHWyK65qRFrizWZOB1rMH2+SOdkFYHKGtvlrdQzCAmpL6vVHjx7Khh7ZIMsTEw6W02jpDozyFe2zEpXtcr/tvGEh7N+N/6kB6tHFJ5mTJWDs5csvV5ruMJY0xKRM/Y3yCO2XLmPTJqubB2v0ScWnLbcwG2FU6fPewi98K6lw19L3oaz0Iqn+XgZsbXrDq269OnbyrOztSzC7xkhLMOupkD+MyA+6o83Js49FjvDMl73jtToMrhqGPjYtECr68mKKBqJRnEJYOwCUS+p5YXrDgTOF481CFGjXoqdIhBq+OPK8e+4zywb5WmhbyVtOA1KnncyZH0ccvr/oieJ+IZcLmipN/6xGiF8iRN1+hN3F2LslYtQNziZQP3rqvyALjgKoO8QXlSvLw4Mxtg8a6YvhYBxqdU/T668HM/O/5eYeD3WbJBhDCaOQJeUx8KDk8DkXu2WcHz9MYoo4wyyiijjDLKKKM45F/ThYQxtnx8pAAAAABJRU5ErkJggg==");
}

/* ---- 9. 「ページ背景の変数」を色として使っている箇所 ----
 * 生成CSSには `var(--e-global-color-7a82e42)`（＝元は #000000）を**背景ではなく色として**
 * 使っている所が9か所ある。変数を白にした瞬間、ここが全部「白」になって消える。
 * 実際にフッターの「お問い合わせフォーム」ボタンが白地に白で沈んだ。
 * ★変数を入れ替えるときは「その変数をどこで使っているか」を必ず数えること。
 */
/* フッターのボタン（旧: 黒地に白文字） */
.elementor-77 .elementor-element.elementor-element-7736c22 .elementor-button{
  background-color:#222222;
  color:#FFFFFF;
}
.elementor-77 .elementor-element.elementor-element-7736c22 .elementor-button:hover,
.elementor-77 .elementor-element.elementor-element-7736c22 .elementor-button:focus{
  background-color:#4F7C14;
  color:#FFFFFF;
}
/* 事業紹介ページのボタン文字（旧: 黄緑の面に黒文字）と、フォームの必須マーク */
.elementor-1870 .elementor-element.elementor-element-365a6b4 .elementor-button,
.elementor-49 .elementor-element.elementor-element-91b59f3 .elementor-button,
.elementor-49 .elementor-element.elementor-element-3bcb0a0 .elementor-button{
  color:#222222;
  fill:#222222;
}
.elementor-63 .elementor-element.elementor-element-200f021 .elementor-field-group > label{
  color:#222222;
}

/* ---- 10. 明るいアクセント色の見出し（黒地でこそ映える色） ----
 * ★全生成CSSの `color:` を明度で機械的に洗い出して見つけた8か所。
 *   #E5FD10（黄緑）と #F0D00D（黄）は黒地では映えるが、白地ではほぼ読めない。
 *   色みは残したまま濃度だけ落とす（ブランドの印象を変えないため）。
 * ⚠️ 「白文字を探す」だけでは見つからない。**明るい色すべて**を対象に数えること。
 */
.elementor-49 .elementor-element.elementor-element-9779c26 .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-205fb5c .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-8892116 .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-80a22c5 .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-2a783a8 .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-a7a31ad .elementor-heading-title,
.elementor-49 .elementor-element.elementor-element-2f09062 .elementor-heading-title{
  color:#5F7A08;   /* 旧 #E5FD10 */
}
.elementor-1843 .elementor-element.elementor-element-727b769 .elementor-heading-title{
  color:#9A7D06;   /* 旧 #F0D00D */
}

/* ---- 11. スマホのメニューボタン ----
 * 黒い正方形にはなったが、中のアイコン(eicon)が色を継いで**黒地に黒**になっていた。
 * アイコン要素へ直接指定する（背景色の指定だけでは中身に効かない）。
 */
.elementor-35 .elementor-element.elementor-element-63dc9dd .elementor-menu-toggle i,
.elementor-35 .elementor-element.elementor-element-63dc9dd .elementor-menu-toggle svg{
  color:#FFFFFF;
  fill:#FFFFFF;
}

/* ---- 12. 開いていないドロップダウンの線が出てしまう ----
 * 展開メニューに付けた border-top が、閉じている状態でも**ヘッダーの下に緑の線**として出た。
 * 線はやめて影で段差を出す（開閉のどちらでも破綻しない）。
 */
.elementor-35 .elementor-nav-menu--dropdown{
  border-top:0;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}