/*チャットボット::ベースカラー設定
==========================================================*/
/*チャットボット内の背景
-------------------------------------*/
#chatbot {
  background: #fff;
  z-index: 998;
}

/*OPENボタン
-------------------------------------*/
/*ボタン背景とボタンライン*/
.chatbot-btn {
  height: 52px;
  background: #ffffff;
  box-shadow: 0 5px #dadada;
  bottom: 100px;
  z-index: 999;
}
.chatbot-btn.current {
  
}
.chatbot-btn .chatbot-txt {
  width: auto;
  margin-left: 15px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #202f55;
  font-size: 1.4rem;
}

/*テキスト＆企業名
-------------------------------------*/
.chatbot-box-txtbx {
  padding: 0;
  background-color: #202f55;
}
.chatbot-box-txtbx .company-icon {
  width: 57px;
  height: 57px;
  position: absolute;
  left: 20px;
  top: 5px;
}
.chatbot-box-txtbx .company-icon img {
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}
.chatbot-box-txtbx .chatbot-box-txt {
  height: 100%;
  position: absolute;
  left: 86px;
  top: 50%;
  transform: translateY(-50%);
}
.chatbot-box-txtbx .chatbot-box-txt .txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: 10px;
}
.chatbot-box-txtbx .chatbot-box-txt .company-name {
  margin-top: 5px;
}
/*CLOSEボタン
-------------------------------------*/
/*ボタン背景*/
.chatbot-btn.current .btn-bx {
  background: #586380;
}

/*ボタンライン*/
.chatbot-btn.current .btn-bx .line:nth-child(1),
.chatbot-btn.current .btn-bx .line:nth-child(3) {
  background: #fff;
}

/*テキスト外枠ボーダーカラー
----------------------------------*/
#chatbot-app {
  border: solid 1px #ccc;
  background: #fff;
}

/*回答テキストカラー
----------------------------------*/
.human.botui-message-content.text {
  background-color: #202f55;
  border-bottom: 4px solid #32485c;
}

/*選択ボタン
----------------------------------*/
.botui-actions-buttons-button {
  background-color: #586380;
}

/*アナウンステキスト
----------------------------------*/
.botui-message-content {
  color: #595a5a;
  background-color: #ebebeb;
  border-bottom: 4px solid #dadada;
}
/* sP  PC
------------------------------------ */
@media screen and (max-width: 767px) {
  .chatbot-btn {
    min-width: 184px;
  }
  .chatbot-box-txtbx .chatbot-box-txt .company-name {
    margin-top: 33px;
  }
}