/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/index.css ***!
  \*********************************************************************************************/
/**
 * 相続診断プラットフォーム - index.hbs専用CSS
 */

/* ==========================================================================
   ヒーローセクション
   ========================================================================== */

.hero-background {
  background-color: var(--bs-body-bg);
  color: #fff;
}

/* ==========================================================================
   ボタン関連
   ========================================================================== */

/* ラジオボタン選択時のprimary色 */
.btn-check:active + .btn.btn-active-primary,
.btn-check:checked + .btn.btn-active-primary,
.btn.btn-active-primary.active,
.btn.btn-active-primary.show,
.btn.btn-active-primary:active:not(.btn-active),
.btn.btn-active-primary:focus:not(.btn-active),
.btn.btn-active-primary:hover:not(.btn-active),
.show > .btn.btn-active-primary {
  color: var(--bs-primary-inverse, #fff) !important;
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary) !important;
}

/* 戻るボタンのホバー時のprimary色 */
.btn-check:checked + .btn.btn-outline.btn-outline-secondary,
.btn-check:active + .btn.btn-outline.btn-outline-secondary,
.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active),
.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active),
.btn.btn-outline.btn-outline-secondary:active:not(.btn-active),
.btn.btn-outline.btn-outline-secondary.active,
.btn.btn-outline.btn-outline-secondary.show,
.show > .btn.btn-outline.btn-outline-secondary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-primary-inverse, #ffffff) !important;
}

/* 戻るボタンのホバー時のアイコン色 */
.btn-check:checked + .btn.btn-outline.btn-outline-secondary i,
.btn-check:active + .btn.btn-outline.btn-outline-secondary i,
.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) i,
.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) i,
.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) i,
.btn.btn-outline.btn-outline-secondary.active i,
.btn.btn-outline.btn-outline-secondary.show i,
.show > .btn.btn-outline.btn-outline-secondary i {
  color: var(--bs-primary-inverse, #ffffff) !important;
}

/* ==========================================================================
   セクション関連
   ========================================================================== */

/* セクションタイトルの背景色 */
.section-title-bg {
  background-color: #a68968 !important;
  color: #ffffff !important;
}

/* セクションタイトル内の注釈テキスト */
.section-title-bg span {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* セクションタイトル内のスイッチボタン（非アクティブ状態） */
.section-title-bg .btn-group .btn:not(.active) {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent !important;
}

/* セクションタイトル内のスイッチボタン（ホバー状態） */
.section-title-bg .btn-group .btn:not(.active):hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* ==========================================================================
   診断コンテンツエリア
   ========================================================================== */

/**
 * 固定フッター用の下部余白
 * フッターの高さ分（約80px）+ 余裕を持たせて100pxのpadding-bottomを追加
 * これによりコンテンツが固定フッターに隠れないようにする
 */
[data-ref="diagnosisContent"] {
  padding-bottom: 100px;
}


/*# sourceMappingURL=index.css.map*/