@charset "utf-8";
/* recruit-common.css：全ページ共通の修正・補完 */

/* 1. 共通カラー & アイコン鎮圧 */
.text-satoh { color: #3b5037 !important; }
.bi, svg.bi, i.bi {
    width: 1em !important; height: 1em !important;
    display: inline-block; vertical-align: -0.125em; fill: currentColor;
}

/* 2. UIコンポーネント (FAQ, ボタン, カード) */
/* --- アコーディオン（FAQ）おもてなし完全版 --- */
.recruit-faq {
    border-radius: 20px !important;
    overflow: hidden;
    border: 1px solid #dee2e6 !important;
}

/* 1. 【追加】マウスを乗せた時：極薄のサトウベージュ */
.recruit-faq .accordion-button:hover {
    background-color: #FDF9F4 !important; 
    color: #3b5037 !important;
}

/* 2. 【追加】クリック後の「薄水色」の影を撃退 */
.recruit-faq .accordion-button:focus {
    box-shadow: none !important; 
    border-color: rgba(211, 193, 175, 0.5) !important;
}

/* 3. 【更新】開いている時：サトウベージュ */
.recruit-faq .accordion-button:not(.collapsed) {
    background-color: #FCF5ED !important;
    color: #3b5037 !important;
    box-shadow: none !important;
}

/* 4. 【追加】ホバー時に左のアイコンも連動して色を変える */
.recruit-faq .accordion-button:hover i {
    color: #3b5037 !important;
}
.btn-hanamise-action { background-color: #5d5043; color: #fff !important; border: none; transition: all 0.3s ease !important; }
.btn-hanamise-action:hover { background-color: #8D7B68 !important; transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important; }
.hover-up { transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid #eee; background-color: #fff; }
.hover-up:hover { transform: translateY(-8px); border-color: #3b5037; box-shadow: 0 12px 24px rgba(0,0,0,0.08); background-color: #FCF5ED !important; }

/* 3. PageTopボタン：JSの邪魔をしない「装飾だけ」の上書き */
#btn-back-to-top {
    z-index: 9999 !important; /* 何よりも上に */
    background-color: #8D7B68 !important;
    /* display: none; はここには書かない！(JSに任せる) */
    transition: all 0.4s ease !important;
}

/* ------------------------------------------------------------
   7. エントリー・お問い合わせセクション（おもてなし仕様）
   ------------------------------------------------------------ */


/* --- エントリーセクション：おもてなしセット --- */

/* 1. 外側の枠（カドを丸く、ベージュの細い線） */
.contact-invite-box {
    background-color: #ffffff !important;
    border: 2px solid #FCF5ED !important; /* サトウベージュ */
    border-radius: 20px !important;       /* 昨夜の「ハズし」に合わせた丸み */
    padding: 3rem !important;
    box-shadow: 0 10px 30px rgba(141, 123, 104, 0.1) !important; /* 柔らかい影 */
}

/* 2. エントリーボタン（サトウブラウン） */
.btn-entry-soft {
    background-color: #8D7B68 !important; /* サトウブラウン */
    color: #ffffff !important;
    border: none !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    transition: all 0.3s ease !important;
}

/* 3. ボタンにマウスを乗せた時（ホバー） */
.btn-entry-soft:hover {
    background-color: #A4907C !important; /* 少し明るく */
    transform: translateY(-5px) !important; /* ぴょこっと浮く */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* 4. 募集停止（disabled）状態のデザイン */
.btn.disabled, .btn:disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    border: 1px solid #dee2e6 !important;
}

/* バックヤード図鑑用の色設定 */
.bg-satoh {
    background-color: #3b5037 !important; /* サトウグリーン */
}

/* スマホカードの文字サイズ微調整 */
@media (max-width: 767px) {
    .card-header h5 {
        font-size: 1.1rem;
    }
}