@charset "UTF-8";

/* カラー変数の定義 */
:root {
  --res-green: #80B600 !important;   /* リスタート社公式グリーン */
  --res-green-dark: #689400 !important;
  --res-green-light: #f4f9e6 !important;
  --res-dark: #333333;
}

/* ページタイトル */
.page-title { background-color: var(--res-green-light); padding: 60px 0; }
.page-title h1 { color: var(--res-dark); font-weight: 700; margin: 0; }
.breadcrumb { background: none; padding: 0; margin-bottom: 10px; }
.breadcrumb li a { color: var(--res-green); text-decoration: none; }

/* 2. ボタン・アクセントカラーの強制上書き */
.btn-primary, 
.cta-group .btn-primary, 
.php-email-form button[type="submit"],
.scroll-top {
  background-color: #aaaaaa !important;
}

.btn-primary:hover, 
.php-email-form button[type="submit"]:hover {
  background-color: var(--res-green-dark) !important;
  border-color: var(--res-green-dark) !important;
}
.btn-success {
  --bs-btn-bg:  var(--res-green-dark) !important;
  --bs-btn-border-color:  var(--res-green-dark) !important;
  --bs-btn-hover-bg:  var(--res-green-dark) !important;
  --bs-btn-hover-border-color:  var(--res-green-dark) !important;
  --bs-btn-active-bg:  var(--res-green-dark) !important;
  --bs-btn-active-border-color: var(--res-green-dark) !important;
  --bs-btn-disabled-bg: var(--res-green-dark) !important;
  --bs-btn-disabled-border-color: var(--res-green-dark) !important;
}

.btn-outline-success {
  --bs-btn-color: var(--res-green-dark) !important;
  --bs-btn-border-color: var(--res-green-dark) !important;
  --bs-btn-hover-bg:  var(--res-green-dark) !important;
  --bs-btn-hover-border-color: var(--res-green-dark) !important;
  --bs-btn-active-bg: var(--res-green-dark) !important;
  --bs-btn-active-border-color: var(--res-green-dark) !important;
  --bs-btn-disabled-color: var(--res-green-dark) !important;
  --bs-btn-disabled-border-color:  var(--res-green-dark) !important;
}

.list-unstyled a {
  color: #fff;
}
.list-unstyled a:hover {
  color: #ccc;
}
.footer .footer-links ul a:hover {
  color: #ccc;
}

/* 3. ヘッダー・ナビゲーションの統一 */
.header .topbar {
  background-color: var(--res-green) !important;
}
.navmenu ul li a:hover, 
.navmenu ul li a.active {
  color: var(--res-green) !important;
}
.navmenu .active::before {
  background-color: var(--res-green) !important;
}

/* 4. 経営理念（Philosophy）セクションのデザイン統一 */
#philosophy .philosophy-box {
  background-color: var(--res-green) !important; /* ボタンと同じ色に背景を統一 */
  color: #ffffff !important;
  padding: 60px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(128, 182, 0, 0.2);
}
#philosophy .philosophy-box h3,
#philosophy .philosophy-box h4,
#philosophy .philosophy-box p {
  color: #ffffff !important;
}
#philosophy .philosophy-box .divider {
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  margin: 20px 0;
}

/* 5. その他の要素（アイコン、タイトル下線） */
.text-success, 
.service-item i, 
.contact-method i,
.info-item i {
  color: var(--res-green) !important;
}
.section-title h2::after {
  background: var(--res-green) !important;
}

/* 会社概要テーブルのヘッダー色 */
.profile-table th {
  background-color: var(--res-green-light) !important;
  border-left: 5px solid var(--res-green) !important;
}

.dark-background {
  --background-color:var(--res-green) !important;
}