/* 生態系協会専用 2024-09-03 */

body {
  font-size: 1.3rem; /* または必要に応じて調整 */
}
:root {
  --color_customer_roust: #640606; /* 濃い青色 */
  --color_customer_roust_hover: #02269a; /* マウスオーバー時はさらに濃い青色に */
  --color_customer_input: #1893cc; /* 濃い青色 */
  --color_customer_input_hover: #02269a; /* マウスオーバー時はさらに濃い青色に */
  --color_customer_btn_bg: #FFB6C1; 
  --color_customer_btn_bg_hover: #EAA7B1;
  --color_customer_btn_text: #FFFFFF;
  --color_customer_btn_text_hover: #FFFFFF;
}
.btn_customer_roust {
  background-color: var(--color_customer_btn_bg); /* 濃い青色 */
  color: var(--color_customer_btn_text); 
  padding: 10px 20px; /* ボタンらしさを出すためのパディング */
  border: none; /* ボーダーを削除 */
  border-radius: 5px; /* 角を丸くする */
  cursor: pointer; /* カーソルをポインターに */
  transition: background-color 0.3s ease; /* 背景色の変化をスムーズに */
}
.btn_customer_roust:hover {
  background-color: var(--color_customer_btn_bg_hover); /* マウスオーバー時はさらに濃い青色に */
  color: var(--color_customer_btn_text_hover); /* 文字色を白に設定 */
}

.btn_customer_input {
  background-color: var(--color_customer_btn_bg);
  color: var(--color_customer_btn_text); 
  padding: 10px 20px; /* ボタンらしさを出すためのパディング */
  border: none; /* ボーダーを削除 */
  border-radius: 5px; /* 角を丸くする */
  cursor: pointer; /* カーソルをポインターに */
  transition: background-color 0.3s ease; /* 背景色の変化をスムーズに */
}
.btn_customer_input:hover {
  background-color: var(--color_customer_btn_bg_hover); /* マウスオーバー時はさらに濃い青色に */
  color: var(--color_customer_btn_text_hover); /* 文字色を白に設定 */
}
.customer_roust {
  background-color: var(--color_customer_roust); /* 濃い青色 */
  color: white; /* 文字色を白に設定 */
}
.customer_input {
  background-color: var(--color_customer_input); /* 濃い青色 */
  color: white; /* 文字色を白に設定 */
}
.card {
  margin: 0; /* カード全体の外側のマージンをリセット */
  padding: 0; /* カード全体の内側のパディングをリセット */
}
.card-header {
  margin: 0; /* ヘッダーの外側のマージンをリセット */
  padding: 0.75rem 1.25rem; /* デフォルトのパディングを設定 */
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); /* ヘッダーの下部にボーダーを追加 */
}