/*
=====================
Typography & Layout
=====================
*/
/* ナビゲーションの背景を白に */
.navbar-custom.navbar-light {
  background-color: #ffffff !important;
}

/* ナビゲーションリンクの文字色を濃い色に */
.navbar-custom .navbar-nav .nav-link {
  color: #333333 !important;
}

/* ホバー時の色 */
.navbar-custom .navbar-nav .nav-link:hover {
  color: #ff9800 !important; /* オレンジ色 */
}

/* ロゴの表示調整 - ダークモード用ロゴを非表示、ライトモード用を表示 */
.navbar-custom .logo-dark-mode {
  display: none !important;
}

.navbar-custom .logo-light-mode {
  display: block !important;
}

/* DOWAロゴの色調整（必要に応じて） */
.navbar-custom .l-dark {
  display: block !important;
}

.navbar-custom .l-light {
  display: none !important;
}

/* お問い合わせボタンの調整 */
.navbar-custom .btn-custom {
  color: #ffffff !important;
  background-color: #ff9800 !important;
  border-color: #ff9800 !important;
}


.bg-overlay-white {
  background-color: rgba(255, 255, 255, 0.6);
}