/* ===== 白背景（ライト）テーマ =====
   ベースの style.css を読み込み、色だけ明るく上書き。
   ヒーローは写真セクションのためダーク基調のまま活かす。 */
@import url('style.css');

:root {
  --muted: #5f6b7a;
  --line: rgba(20,28,45,0.12);
}

body { background: #ffffff; color: #2b3340; }

/* ---- 見出し ---- */
.sec-title,
.sec-head.light .sec-title { color: #1c2230; }
.sec-en,
.sec-en.gold { color: var(--gold-deep); }
.sec-desc { color: #5f6b7a; }

/* ---- ヘッダー（最上部は写真の上＝白文字のまま／スクロールで白バー＝濃文字） ---- */
.site-header.scrolled { background: rgba(255,255,255,0.95); box-shadow: 0 6px 24px rgba(20,28,45,.12); }
.site-header.scrolled .logo { color: #1c2230; }
.site-header.scrolled .global-nav a { color: #2b3340; }
.site-header.scrolled .menu-toggle span { background: #1c2230; }

/* ---- 事業内容 ---- */
.service { background: #ffffff; }
.svc-card {
  background: #ffffff; border-color: rgba(20,28,45,.08);
  box-shadow: 0 10px 30px rgba(20,28,45,.07);
}
.svc-card:hover { border-color: rgba(245,181,33,.6); box-shadow: 0 22px 44px rgba(20,28,45,.16); }
.svc-ttl { color: #1c2230; }
.svc-tags li { color: #b07d0a; background: rgba(245,181,33,.12); border-color: rgba(245,181,33,.4); }

/* ---- 選ばれる理由 ---- */
.strength { background: #f4f6f8; }
.str-item { background: #ffffff; border-color: rgba(20,28,45,.07); box-shadow: 0 8px 24px rgba(20,28,45,.05); }
.str-item h3 { color: #1c2230; }
.str-no { color: var(--gold-deep); }

/* ---- 施工実績（白セクション・タイルは写真） ---- */
.works { background: #ffffff; }
.case-ttl { color: #1c2230; }

/* ---- 会社概要 ---- */
.company { background: #f4f6f8; }
.company-table th { color: #b07d0a; }
.company-table td { color: #3a4350; }

/* ---- 許可・資格 ---- */
.license { background: #ffffff; }
.lic-card.lic-main {
  background: linear-gradient(160deg,#ffffff,#eef1f5);
  border-color: rgba(245,181,33,.5); box-shadow: 0 10px 30px rgba(20,28,45,.08);
}
.lic-label { color: var(--gold-deep); }
.lic-value { color: #1c2230; }
.lic-list { background: #ffffff; border-color: rgba(20,28,45,.08); box-shadow: 0 8px 24px rgba(20,28,45,.05); }
.lic-list li { color: #3a4350; }
.qual-head { color: #1c2230; }
.qual-item { background: #ffffff; box-shadow: 0 8px 22px rgba(20,28,45,.06); }
.qual-num { color: var(--gold-deep); }
.qual-name { color: #1c2230; }

/* ---- お問い合わせ（ライト） ---- */
.contact-bg { background: linear-gradient(180deg,#ffffff 0%, #eef1f5 100%); }
.contact-title { color: #1c2230; }
.contact-lead { color: #46505f; }
.c-mail { background: #ffffff; color: #1c2230; border: 1px solid rgba(20,28,45,.14); }
.contact-mail { color: #46505f; }
.contact-mail a { color: #1c2230; }

/* ---- フッター（ライト） ---- */
.site-footer { background: #eef1f5; }
.footer-brand .logo-ja { color: #1c2230; }
.footer-tel { color: #46505f; }
.footer-tel a { color: #1c2230; }
.footer-addr { color: #5f6b7a; }
.footer-nav a { color: #3a4350; }
.copyright { color: #8a909c; border-top-color: rgba(20,28,45,.1); }

/* ---- モバイルメニュー（白パネル） ---- */
@media (max-width: 760px){
  .global-nav { background: rgba(255,255,255,.98); box-shadow: -10px 0 40px rgba(20,28,45,.18); }
  .global-nav a { color: #2b3340; }
  body.nav-open .menu-toggle span { background: #1c2230; }
}