@charset "utf-8";

/* 見本用の注釈・安全設定（このファイルは見本のためだけの追加） */
:root {
  color-scheme: only light;
}

/* スマホの「ダークモード」で背景が反転しないよう、現行の背景色を明示しておく。
   ※ここを白にすると、現行の薄緑（#e7fbb7）が消えて背景が途中で切れて見える */
body {
  background-color: #e7fbb7;
}

.proposal-note {
  background: #14396b;
  color: #eef2f8;
  font-size: 12px;
  line-height: 1.6;
  padding: 8px 16px;
  text-align: center;
}

/* 本文中の電話番号をタップできるようにした分。見え方は現行のまま。
   ※画面下の電話バー（.sp-call）は白文字なので、ここから必ず除く。
     除かないと「周りの文字色を継ぐ」が効いて、バーの文字が読めなくなる */
a[href^="tel:"]:not(.sp-call) {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

/* 見出しの文字版：パソコンでは画像のままなので隠す（スマホで入れ替える） */
.sp-heading {
  display: none;
}

/* 施工管理の図：パソコンでは元の1枚、スマホでは切り分けた2枚（下のmobile.cssで切替） */
.sp-split {
  display: none;
}

/* スマホ用の電話バー。パソコンでは出さない */
.sp-call {
  display: none;
}