/**********************************************************/
/*                                                        */
/*    Brand Mark Search 共通CSS                           */
/*                                                        */
/**********************************************************/
/**********************************************************/
/*  メニュー表示                                          */
/**********************************************************/
#mn_parent  {
   position:         fixed;
   left:             0px;
   top:              0px;
   height:           100%;
   width:            260px;
   display:          none;
   background-color: #3C78B4;
   z-index:          40;
   overflow:         auto;
}
#mn_child {
   font-size:        13px;
   font-weight:      bold;
   z-index:          35;
   width:            230px;
   margin:           0 auto;
}
#mn_ttl {
   text-align:       right;
   width:            230px;
   color:            #ffffff;
   margin:           10px 0px 5px 0px;
}
#mn_top {
   padding:          0;
   margin:           0;
   list-style-type:  none;
}
#mn_top li {
   display:          inline; 
   padding:          0;
   margin:           0;
}
#mn_top li span {
   margin:           0px 10px 0px 5px;
   color:            #a22041;
}
.mn_lvl_cmn {
   position:         relative;
   display:          block;
   border:           1px solid #ffffff;
   text-decoration:  none;
   margin:           2px;
   text-align:       left;
}
.mn_lvl1 {
   width:            220px;
   padding:          4px 3px;
   background-color: #F3F8FC;
   color:            #0000cd;
}
.mn_lvl1_disabled {
   width:            220px;
   padding:          4px 3px;
   background-color: #dcdcdc;
   color:            #808080;
}
.mn_lvl1:hover {
   background-color: #d7efd7;
}
.mn_lvl1_disabled:hover {
   cursor:           default;
}
.mn_lvl2_ul {
   display:          none;
   padding:          0;
   margin-left:      20px;
}
.mn_lvl2 {
   width:            200px;
   padding:          2px 3px;
   background-color: #F3F8FC;
   color:            #0000cd;
}
.mn_lvl2_disabled {
   width:            200px;
   padding:          2px 3px;
   background-color: #F3F8FC;
   background-color: #dcdcdc;
   color:            #808080;
}
.mn_lvl2:hover {
   background-color: #d7efd7;
}
.mn_lvl2_disabled:hover {
   cursor:           default;
}
.menu_close {
   background-color: #4c160f;
   font-weight:      bold;
   padding:          4px 10px;
   font-size:        11px;
}

/**********************************************************/
/*  共通ボタン jquery-ui common button                    */
/**********************************************************/
button span {
   margin-right:     10px;
}
.cbn_back {
   background-color: #bb29c4;
   font-weight:      bold;
   font-size:        12px;
   padding:          6px 30px;
}
.cbn_back2 {
   background-color: #bb29c4;
   padding:          6px 20px;
   font-size:        12px;
}
.cbn_back3 {
   background-color: #bb29c4;
   padding:          6px 18px;
   font-size:        11px;
}
.cbn_exe {
   background-color: #028760;
   padding:          6px 20px;
   font-size:        12px;
}
.cbn_delete {
   background-color: #9e3d3f;
   padding:          6px 20px;
   font-size:        12px;
}
.cbn_close {
   background-color: #4c160f;
   padding:          6px 20px;
   font-size:        12px;
}
.cbn_logout {
   background-color: #c9171e;
   font-weight:      bold;
   font-size:        12px;
   padding:          6px 20px;
}

/**********************************************************/
/*  ボタン型ラジオボタン BMS radio button                 */
/**********************************************************/
.bms_rb {
   display:           flex;
   justify-content:   center;
}
.bms_rb input {
   display:           none;
}
.bms_rb label {
   display:           inline-block;
   border:            1px solid #704196;
   color:             #704196;
   background:        #FFFFFF;
   padding:           2px 10px;
   font-size:         11px;
   text-align:        center;
   cursor:            pointer;
   transition:        0.3s;
}
.bms_rb label:first-of-type {
   border-radius:     3px 0px 0px 3px;
}
.bms_rb label:last-of-type {
   border-radius:     0px 3px 3px 0px;
}
.bms_rb input:checked + label {
   background-color:  #704196;
   color:             #ffffff;
   font-weight:       500;
}
.bms_rb input:disabled + label {
   background-color:  #ffffff;
   color:             #aaaaaa;
   cursor:            default;
}
.bms_rb input:disabled + label {
   border:            1px solid #aaaaaa;
   background-color:  #ffffff;
   color:             #aaaaaa;
   cursor:            default;
}
.bms_rb input:checked:disabled + label {
   border:            1px solid #aaaaaa;
   background-color:  #aaaaaa;
   color:             #ffffff;
   cursor:            default;
}

/**********************************************************/
/*  チェックボックス                                      */
/**********************************************************/
.bms_cb {
   display:     flex;
   align-items: center;
   gap:         7px;
   position:    relative;
   cursor:      pointer;
   font-size:   14px;
}

.bms_cb::before {
   width:         20px;
   height:        20px;
   border-radius: 3px;
   border:        2px solid #5825d0;
   background:    #ffffff;
   content:       '';
}
.bms_cb:has(:disabled)::before {
   border:        2px solid #aaa;
   color:         #aaa;
}
.bms_cb:has(:checked)::after {
   position:      absolute;
   top:           4px;
   left:          7px;
   transform:     rotate(45deg);
   width:         7px;
   height:        10px;
   border:        solid #5825d0;
   border-width:  0 3px 3px 0;
   content:       '';
}
.bms_cb:has(:checked:disabled)::after {
   position:      absolute;
   top:           4px;
   left:          7px;
   transform:     rotate(45deg);
   width:         7px;
   height:        10px;
   border:        solid #aaa;
   border-width:  0 3px 3px 0;
   content:       '';
}
.bms_cb input {
   display:       none;
}

/**********************************************************/
/*  パネル型ボタン                                        */
/**********************************************************/
.bms_pb {
   display:          inline-block;
   width:            70px;
   margin:           0px 3px;
   padding:          5px 0px;
   text-align:       center;
   border:           1px solid #0d55af;
   border-radius:    5px;
   background-color: #ffffff;
   transition:       0.3s;
}
.bms_pb:hover {
   cursor:           pointer;
   background-color: #9fb1e5;
}
.bms_pb_icon {
   font-size:        16px;
}
.bms_pb_nm {
   font-size:        11px;
   font-weight:      bold;
   margin-top:       2px;
}
.bms_pb_on {
   background-color: #0d55af;
   color:            #ffffff;
}

/**********************************************************/
/*  セレクトボックス                                      */
/**********************************************************/
.bms_sb {
   display:       inline-block;
   position:      relative;
   border:        1px solid #AAA;
   border-radius: 3px;
   background:    white;
}

.bms_sb::before {
   display:    block;
   content:    "";
   position:   absolute;
   top:        calc(50% - 3px);
   right:      6px;
   border:     4px solid transparent;
   border-top: 6px solid black;
}

.bms_sb select {
   cursor:             pointer;
   position:           relative;
   -webkit-appearance: none;
   appearance:         none;
   padding:            0 1.6em 0 1em;
   border:             none;
   border-radius:      3px;
   background:         transparent;
   outline:            none;
}

.bms_sb select::-ms-expand {
   display: none;
}

/**********************************************************/
/*  現在地表示                                            */
/**********************************************************/
.location {
   padding-top:     7px;
   font-weight:     bold;
}
.location span {
   margin-right:    3px;
}
.location a {
   color:           #0000ff;
}
.location2 {
   padding-top:     20px;
   font-weight:     bold;
}
.location2 a {
   color:           #0000ff;
}
.location2 span {
   margin-right:    3px;
}
.location3 {
   font-weight:     bold;
}
.location3 span {
   margin-right:    3px;
}
.location3 a {
   color:           #0000ff;
}
.cur_location {
   color:           #FF1493;
}

/**********************************************************/
/*  ポップアップヘルプ                                    */
/**********************************************************/
.popup_help {
   font-size:             14px;
   color:                 #478384;
}
.popup_help:hover {
   cursor     :           pointer;
}
.popup_help_val {
   display:               none;
}
.popup_help_val table td {
   border:                1px solid #ffffff;
}

/**********************************************************/
/*  処理中メッセージ                                      */
/**********************************************************/
#proc_msg_base {
   display:         flex;
   justify-content: center;
   align-items:     center;
   position:        fixed;
   top:             0;
   left:            0;
   width:           100%;
   height:          100%;
   z-index:         68;
}

#proc_msg {
    position:              fixed;
    display:               none;
    top:                   35%;
    left:                  25%;
    width:                 50%;
    text-align:            center;
    font-weight:           700;
    font-size:             13px;
    padding:               20px; 
    color:                 #F7F2E0;
    background-color:      #6E94EC;
    border-radius:         5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    z-index:               70;
}
#proc_msg:before {
    position:              absolute;
    content:               '';
    display:               block;
    top:                   0px;
    bottom:                0px;
    left:                  0px;
    right:                 0px;
    margin:                4px;
    border:                1px solid #EBF9F9;
    border-radius:         5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    z-index:               69;
}
#proc_msg_prog_area {
   position:         relative;
   width:            70%;
   margin:           10px auto 0px auto;
   height:           10px;
   display:          none;
}
.proc_msg_prog_box {
   position:         absolute;
   top:              0px;
   left:             0px;
   width:            10px;
   height:           10px;
   border-radius:    5px;
   background:       #8113f0;
   margin-left:      0%;
   opacity:          0;
   animation: ProcAnim 6s ease-in-out infinite;
}
.proc_msg_prog_box:nth-child(1) {
    animation-delay: 0s;
}
.proc_msg_prog_box:nth-child(2) {
    animation-delay: 0.25s;
}
.proc_msg_prog_box:nth-child(3) {
    animation-delay: 0.5s;
}
.proc_msg_prog_box:nth-child(4) {
    animation-delay: 0.75s;
}
@keyframes ProcAnim {
    0% {
        margin-left:0%;
        opacity: 0;
    }
    30% {
        margin-left:47%;
    }
    33% {
        /* 繰り返し時に2sウェイトをする設定 */
        margin-left:0%;
        opacity: 0;
    }
    70%
    {   margin-left:47%;
        opacity: 1;
    }
    100% {
        margin-left:95%;
        opacity: 0;
    }
}
#proc_msg_str2, #proc_msg_str3 {
   margin-top:       10px;
   display:          none;
}
#proc_msg_prog_bar {
   width:            60%;
   height:           10px;
   margin:           0 auto;
}
#proc_msg_str3_c {
   margin-top:       10px;
   color:            #ffffff;
}

/**********************************************************/
/*  処理中メッセージ ミニサイズ                           */
/**********************************************************/
#proc_msg_mini {
    position:              absolute;
    display:               none;
    text-align:            center;
    font-size:             12px;
    font-weight:           bold;
    padding:               10px 30px;
    color:                 #333631;
    background-color:      #98fb98;
    box-shadow:            0 10px 25px 0 rgba(0, 0, 0, 0.5);
    border-radius:         5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    z-index:               20;
}

/**********************************************************/
/*  警告メッセージ ミニサイズ                             */
/**********************************************************/
#alert_msg_mini {
    position:              absolute;
    display:               none;
    padding:               10px 30px;
    color:                 #F7F2E0;
    background-color:      #a52a2a;
    font-size:             11px;
    text-align:            center;
    font-size:             12px;
    font-weight:           bold;
    box-shadow:            0 10px 25px 0 rgba(0, 0, 0, 0.5);
    border-radius:         5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    z-index:               70;
}

/**********************************************************/
/*  操作防止暗転                                          */
/**********************************************************/
#block_back, #ajax_block_back {
    position:              fixed;
    top:                   0px;
    left:                  0px;
    width:                 100%;
    height:                100%;
    background-color:      #000000;
    display:               none;
    z-index:               50;
    opacity:               0.3;
    filter:                alpha(opacity=30);    /* ie6,7 */
    -ms-filter:            "alpha(opacity=30)";  /* ie8 */
    -moz-opacity:          0.3;                  /* NN, FF1.5 */
    -khtml-opacity:        0.3;                  /* safari 1 */
}

/**********************************************************/
/*  Dialog 表示用エリア                                   */
/**********************************************************/
.dlg_base {
   position:        fixed;
   top:             0;
   left:            0;
   width:           100%;
   height:          100%;
   z-index:         60;
   display:         flex;
   justify-content: center;
   align-items:     center;
}

.dlg_block {
   display:         flex;
   height:          90%;
   overflow:        auto;
}

.dlg_area {
   display:         inline-block;
   margin:          auto;
   max-height:      700px;
   padding:         20px;
   background:      #FFFFFF;
   box-shadow:      0 10px 25px 0 rgba(0, 0, 0, .5);
}

/**********************************************************/
/*  Dialog_mini 表示用エリア                              */
/**********************************************************/
.dlg_mini_base {
   position:      fixed;
   top:           0;
   left:          0;
   padding:       8px 12px;
   font-size:     1.3rem;
   border-radius: 3px;
   box-shadow:    0 2px 5px rgba(0, 0, 0, 0.3);
   color:         #FFFFFF;
   background:    #0288D1;
   z-index:       62;
}

/**********************************************************/
/*  Popup Box 表示                                        */
/**********************************************************/
#popup_box {
    background-repeat:     no-repeat;
    background-position:   10px center;
    background-color:      #F3E2A9;              /* default bkcolor */
    display:               none;
    padding:               7px;
    z-index:               70;
    border-radius:         2px;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    box-shadow:            0 10px 25px 0 rgba(0, 0, 0, 0.5);
}
#popup_box_child {
    font-size:             13px;
    text-align:            left;
}
#popup_box_txt {
    white-space:           pre-wrap;
    font-family:           "MS Gothic";
}
#popup_box_btn_div {
    margin-top:            5px;
    text-align:            right;
}
.popup_box_btn {
    padding:               2px 8px;
    font-size:             11px;
}

/**********************************************************/
/*  イメージビューア                                      */
/**********************************************************/
#img_viewer_dlg {
   position:           fixed;
   left:               10%;
   top:                10%;
   width:              80%;
   height:             80%;
   z-index:            60;
   overflow:           hidden;
   border-radius:      5px;
   background-color:   #eaedf7;
   box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
   display:            none;
}
#img_viewer_header {
   position:           relative;
   display:            flex;
   justify-content:    center;
   align-items:        center;
   background-color:   #da2c74;
   text-align:         center;
   height:             41px;
   z-index:            65;
}
.img_viewer_btn {
   padding:            5px 15px;
   font-size:          15px;
   background-color:   #343e91;
   margin-left:        5px;
}
#img_viewer_zoom_disp {
   background-color:   #ffffff;
   padding:            0px 10px;
   margin-left:        5px;
}
#img_viewer_img_area {
   position:           relative;
   display:            flex;
   justify-content:    center;
   align-items:        center;
   width:              100%;
   overflow:           hidden;
}
#img_viewer_img {
   flex-shrink:      0;      /** IE11 **/
   width:            auto;
   height:           auto;
   max-width:        99%;
   max-height:       99%;
   transition: transform 0.3s;
}
#img_viewer_img:hover {
   cursor: move;
}
.img_viewer_close{
   background-color:   #4c160f;
   margin-left:        25px;
}

/**********************************************************/
/*                                                        */
/*    チャットボット                                      */
/*                                                        */
/**********************************************************/
/**********************************************************/
/*    チャットボットポップアップ                          */
/**********************************************************/
/** TOP画面 **/
#chatbot_popup {
   position:              fixed;
   right:                 50px;
   bottom:                40px;
   height:                auto;
   z-index:               2;
}
#chatbot_popup_bar {
   display:               none;
   position:              relative;
   text-align:            right;
}
#chatbot_popup_close {
   display:               inline-block;
   padding:               0px 3px;
   margin-right:          10px;
   font-size:             14px;
   font-weight:           bold;
   vertical-align:        middle;
   text-align:            center;
   background-color:      #abced8;
   color:                 #7a4171;
   border:                1px solid #7a4171;
}
#chatbot_popup_close:hover {
   cursor:                pointer;
}
#chatbot_popup_msg_area {
   position:              relative;
}
#chatbot_popup_msg_area:hover {
   cursor:                pointer;
}
#chatbot_popup_face_icon {
   display:               none;
   position:              absolute;
   top:                   0px;
   right:                 0px;
   margin-top:            10px;
   padding:               0px 2px;
}
#chatbot_popup_face_icon img{
  width:                  100%;
  height:                 auto;
  border:                 1px solid #d4dcda;
  border-radius:          40%;
  background-color:       #ffffff;
}
#chatbot_popup_msg {
  position:               relative;
  display:                none;
  max-width:              240px;
  margin:                 0px 70px 5px 0px;
  padding:                6px 10px;
  background-color:       #30e852;
  font-size:              12px;
  font-weight:            bold;
  white-space:            pre-wrap;
  word-wrap:              break-word;
  overflow-wrap:          break-word;
  border-radius:          3px;
}
#chatbot_popup_msg:after {
  position:               absolute;
  content:                "";
  top:                    5px; 
  right:                 -19px;
  width:                  0;
  height:                 0;
  border:                 10px solid #30e852;
  border-top-color:       transparent;
  border-right-color:     transparent;
  border-bottom-color:    transparent;
}

/** 検索・結果一覧画面 **/
#chatbot_popup_face_icon2 {
  display:                inline-block;
  vertical-align:         middle;
  margin:                 0px 10px 0px 0px;
  padding:                0;
}
#chatbot_popup_face_icon2:hover{
  cursor:                 pointer;
  animation: faceicon 3s ease;
}
@keyframes faceicon {
  0%   { transform:translateY(0)     }
  5%   { transform:translateY(-5px)  }
  10%  { transform:translateY(0)     }
  20%  { transform:translateY(-5px)  }
  30%  { transform:translateY(0)     }
  100% { transform:translateY(0)     }
}

#chatbot_popup_face_icon2 img{
  vertical-align:         middle;
  width:                  27px;
  height:                 22px;
  border:                 1px solid #d4dcda;
  border-radius:          50%;
  background-color:       #ffffff;
}

/**********************************************************/
/*    チャットボットダイアログ                            */
/**********************************************************/
#chatbot_dlg {
   position:         fixed;
   display:          none;
   width:            410px;
   right:            15px;
   bottom:           30px;
   border-radius:    5px;
   border:           2px solid #2a83a2;
   box-shadow:       0 10px 25px 0 rgba(0, 0, 0, 0.5);
   z-index:          90;
}
#chatbot_dlg_header {
   background-image: url(data:image/jpeg;base64,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);
   width:            100%;
   text-align:       center;
   font-size:        14px;
   font-weight:      bold;
   padding:          10px 0px;
   border-bottom:    1px solid #2a83a2;
   color:            #192f60;
}
#chatbot_dlg_header img {
   position:         absolute;
   top:              8px;
   left:             20px;
   height:           25px;
}
#chatbot_dlg_close {
   position:         absolute;
   top:              8px;
   right:            12px;
   font-size:        14px;
   font-weight:      bold;
   width:            19px;
   height:           21px;
   vertical-align:   middle;
   border-radius:    10%;
   border:           2px solid #605858;
   transition:       0.3s;
}
#chatbot_dlg_close:hover {
   cursor:           pointer;
   color:            #ff0000;
   border-radius:    10%;
   border:           2px solid #ff0000;
   transition:       0.3s;
}
#chatbot_dlg_msg_area {
  position:          relative;
  height:            400px;
  padding:           10px;
  background-color:  #ebf6f7;
  overflow-x:        hidden;
  overflow-y:        auto;
}
.chatbot_dlg_bot_block {
  position:          relative; 
  display:           none;
  max-width:         360px;
  margin:            10px 0px;
  text-align:        left;
  overflow:          hidden;
}
.chatbot_dlg_bot_face_icon {
  float:             left;
  width:             40px;
  margin-right:      -40px;
}
.chatbot_dlg_bot_face_icon img{
  width:             100%;
  height:            auto;
  border:            1px solid #9e9478;
  border-radius:     50%;
  background-color:  #ffffff;
}
.chatbot_dlg_bot_msg_area {
  float:             right;
  width:             100%;
}
.chatbot_dlg_bot_msg {
  position:          relative;
  display:           inline-block;
  max-width:         270px;
  margin:            0px 0px 5px 60px;
  padding:           6px 6px 6px 10px;
  background-color:  #a2d7dd;
  font-size:         13px;
  font-weight:       bold;
  white-space:       pre-wrap;
  word-wrap:         break-word;
  overflow-wrap:     break-word;
  border-radius:     3px;
}
.chatbot_dlg_bot_msg:before {
  position:          absolute;
  display:           block;
  content:           "";
  top:               3px;
  left:              -15px;
  width:             0;
  height:            0;
  border-radius:     50%;
  border-top:        25px solid transparent;
  border-left:       25px solid #a2d7dd;
  border-right:      25px solid transparent;
  border-bottom:     25px solid transparent;
  transform:         rotate(45deg);
}
.chatbot_dlg_bot_msg:after {
  position:          absolute;
  display:           block;
  content:           '';
  top:               17px;
  left:              -25px;
  width:             0;
  height:            0;
  border-radius:     50%;
  border-top:        25px solid transparent;
  border-left:       25px solid #ebf6f7;
  border-right:      25px solid transparent;
  border-bottom:     25px solid transparent;
  transform:         rotate(45deg);
}
.chatbot_dlg_bot_ques {
  display:           inline-block;
  width:             230px;
  margin-right:      5px;
  padding:           6px 10px;
  text-align:        left;
  border-radius:     5px;
  background-color:  #2a83a2;
  color:             #ffffff;
  font-size:         13px;
  white-space:       pre-wrap;
  word-wrap:         break-word;
  overflow-wrap:     break-word;
  overflow:          hidden;
}
.chatbot_dlg_bot_ques:hover {
  cursor:            pointer;
  background-color:  #5654a2;
  color:             #ffffff;
}
.chatbot_dlg_bot_ques_val {
  display:           none;
}
.chatbot_dlg_bot_ques_disabled {
  display:           inline-block;
  width:             230px;
  margin-right:      5px;
  padding:           6px 10px;
  text-align:        left;
  border-radius:     5px;
  background-color:  #dcdcdc;
  color:             #615e5e;
  font-size:         13px;
  white-space:       pre-wrap;
  word-wrap:         break-word;
  overflow-wrap:     break-word;
  overflow:          hidden;
}
.chatbot_dlg_bot_ques_disabled:hover {
  cursor:            default;
}
.chatbot_dlg_bot_img {
  max-width:         260px;
}
.chatbot_dlg_bot_img:hover {
  cursor:            pointer;
}
.chatbot_dlg_user_block {
  position:          relative; 
  display:           none;
  width:             100%;
  margin:            10px 0px;
  text-align:        right;
  overflow:          hidden;
}
.chatbot_dlg_user_msg_area {
  float:             right;
  width:             100%;
}
.chatbot_dlg_user_msg  {
  position:          relative; 
  display:           inline-block;
  max-width:         270px;
  margin:            0px 15px 5px 0px;
  padding:           6px 10px;
  background-color:  #30e852;
  font-size:         13px;
  font-weight:       bold;
  text-align:        left;
  white-space:       pre-wrap;
  word-wrap:         break-word;
  overflow-wrap:     break-word;
  border-radius:     3px;
}
.chatbot_dlg_user_msg:before {
  position:          absolute;
  display:           block;
  content:           "";
  top:               3px;
  left:              auto;
  right:             -15px;
  width:             0;
  height:            0;
  border-radius:     50%;
  border-top:        25px solid #30e852;
  border-left:       25px solid transparent;
  border-right:      25px solid transparent;
  border-bottom:     25px solid transparent;
  transform:         rotate(45deg);
}
.chatbot_dlg_user_msg:after {
  position:          absolute;
  display:           block;
  content:           '';
  top:               17px;
  left:              auto;
  right:             -25px;
  width:             0;
  height:            0;
  border-radius:     50%;
  border-top:        25px solid #ebf6f7;
  border-left:       25px solid transparent;
  border-right:      25px solid transparent;
  border-bottom:     25px solid transparent;
  transform:         rotate(45deg);
}
#chatbot_dlg_feedback {
  position:          absolute;
  top:               0;
  height:            100%;
  width:             100%;
  opacity:           0.9;
  background-color:  #ffffff;
  z-index:           61;
  display:           none;
}
#chatbot_dlg_feedback_contents {
  font-size:         13px;
  font-weight:       bold;
  color:             #000080;
  text-align:        center;
}
#chatbot_dlg_feedback_icon {
  display:           flex;
  align-items:       center;
  justify-content:   center;
}
.chatbot_dlg_feedback_inp {
   vertical-align:   middle;
   padding:          2px;
   width:            300px;
   height:           150px;
   border:           1px solid #a9a9a9;
   border-radius:    3px;
   font-family:      Meiryo, 'Microsoft YaHei', sans-serif;
   transition:       0.3s;
}
.chatbot_dlg_feedback_inp:focus {
   border:           1px solid #4169e1;
   box-shadow:       0 0 5px 1px rgba(218,60,65, .5);
   background-color: #edfceb;
   transition:       0.3s;
}
.chatbot_dlg_feedback_btn {
   width:            100%;
   font-size:        12px;
   background-color: #000080;
}
#chatbot_dlg_feedback_footer {
  text-align:        center;
}
#chatbot_dlg_footer {
   display:          flex;
   justify-content:  space-between;
  align-items:       center;
   width:            100%;
   background-color: #badcad;
   text-align:       center;
   font-weight:      bold;
   padding:          5px 0px;
   border-top:       1px solid #2a83a2;
}
#chatbot_dlg_footer_left {
   width:            50px;
}
#chatbot_dlg_footer_right {
   margin-right:     8px;
}
.chatbot_dlg_footer_btn1 {
   font-size:        13px;
}
.chatbot_dlg_footer_btn2 {
   font-size:        13px;
}