/*戻るボタン色*/
.btn-outline-primary {
    color: rgb(69 174 218) !important;
    background-color: transparent !important;
    border-color: rgb(69 174 218) !important;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: rgb(69 174 218) !important;
    border-color: rgb(69 174 218) !important;
    filter: brightness(85%);
}
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #fff !important;
    background-color: rgb(69 174 218) !important;
    border-color: rgb(69 174 218) !important;
    filter: brightness(85%);
    box-shadow: none !important;  /* デフォルトの青い影を除去。カスタム影を維持したい場合: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; */
    outline: 0 !important;  /* 青いアウトラインを除去 */
    background-image: none !important;  /* クリック時のデフォルトグラデーションを防ぐ */
}
/* 複合状態を追加（:active + :focus が発生しやすい） */
.btn-outline-primary:active:focus {
    color: #fff !important;
    background-color: rgb(69 174 218) !important;
    border-color: rgb(69 174 218) !important;
    filter: brightness(85%);
    box-shadow: none !important;
    outline: 0 !important;
    background-image: none !important;
}



/*------------チャットUI------------*/
.chatux-btn-chat {
}

.botui-container {
}

/*ボットメッセージ*/
.botui-message-content {
}

/*回答者メッセージ*/
.botui-message-content.human {
}

/*ボタン*/
.botui-actions-buttons-button {
}

/*メッセージ画像*/
.botui-message-content-image {
}

/*アイコン画像*/
.profil>img {
}

/*電話ボタン表示用*/
.my-btn-tel{
}
.my-btn-tel::after{
}
/*------------チャットUIここまで------------*/


/*ページ全体*/
body{
}

.my-container {
}

/*戻るボタンエリア*/
.footer-btn-area{
}

/*フッターテキストエリア*/
.footer-text-area {
}
.footer-text-area .footer-btn-send {
}


.my-container-fluid {
}

.my-container-fluid-change {
}

@media screen and (min-width:641px){/*PC・タブレット用*/
}
@media screen and (max-width:640px){/*スマホ用*/
}