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

/* スマホの「ダークモード」で背景が黒く反転しないよう、白を明示しておく */
body {
  background-color: #ffffff;
}

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

/* --- 直し① 社名のロゴが画面からはみ出して切れる ---
   現行は 558px の画像をそのまま置いているため、画面が狭いと社名の後ろが切れる。
   画面に収まるように縮める。パソコンでは558pxのままなので見え方は変わらない。 */
#header .logo img {
  max-width: 100%;
  height: auto;
}

/* --- 直し② 電話番号をタップできるように（見た目は現行のまま） --- */
#header a[href^="tel:"],
#footer a[href^="tel:"],
#contents a[href^="tel:"] {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

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