/*========================================================================================
# カラー定義
=========================================================================================*/
:root {
  --text-color: #333333;
  --main-color: #a3c9a8;
  --base-color: #f7f9fa;
  --bg-color: #eaf3ed;
}

/*========================================================================================
# サイト内共通
=========================================================================================*/

/* ボタンスタイル */
.smb-btn-wrapper.is-style-cta .smb-btn {
  color: #fff;
  background: var(--accent-color);
  border: 2px solid var(--accent-color);
  border-radius: 24px;
  transition: all ease 0.4s;
}

.smb-btn-wrapper.is-style-cta .smb-btn:hover {
  color: var(--accent-color);
  background: #fff;
  filter: none;
}

.smb-btn-wrapper.is-style-cta-sub .smb-btn {
  color: var(--accent-color);
  background: #fff;
  border: 2px solid var(--accent-color);
  border-radius: 24px;
  transition: all ease 0.4s;
}

.smb-btn-wrapper.is-style-cta-sub .smb-btn:hover {
  color: #fff;
  background: var(--accent-color);
  filter: none;
}

/* 見出しブロックのデフォルトスタイル */
/* .is-style-default .smb-section__title {
  border-left: 4px solid #FF6600;
  padding-left: 1rem;
  color: #333;
  font-weight: bold;
} */