@charset "UTF-8";
body {
  overflow: hidden;
}

.ict_chat_box,
.ict_banner_area,
button,
button em {
  font-family: "メイリオ", "Meiryo", sans-serif;
}

.ict_chat_box {
  overflow: hidden;
  /* header */
  /*  .ict_header {
    display: none;
    height: 0;
  }
*/
}

.ict_chat_box #iframeInner {
  height: calc(100% + 80px) !important;
}

.ict_chat_box .ict_header {
  background: #fff url(../images/ict_header.png) center no-repeat;
  background-size: contain;
  height: 100px;
}

.ict_chat_box .ict_brand_logo {
  margin: 0 auto;
  max-width: 500px;
}

.ict_chat_box .ict_brand_logo img {
  max-width: 100%;
  top: 10px;
  left: 10px;
  width: auto;
}

.ict_chat_box #faq_detail {
  max-width: 100%;
}

.ict_chat_box .ict_chat_log {
  background: #ecf4ec;
  border-top: 5px solid #33a776;
}

.ict_chat_box .ict_chat_log .ict_category .ict_log {
  background: none;
  border: none;
}

.ict_chat_box .ict_staff .ict_log {
  background-color: #fff;
  border-color: #fff;
  color: #2b2b2b;
}

.ict_chat_box .ict_staff .ict_log:before {
  border-right: 10px solid #fff;
}

.ict_chat_box .ict_user .ict_log {
  background-color: #33a776;
  border-color: #33a776;
  color: #fff;
}

.ict_chat_box .ict_user .ict_log:before {
  border-left: 10px solid #33a776;
}

.ict_buttons .btn_question a em,
.ict_button_set .btn_question a em,
.ict_btn_send button {
  background: #33a776;
  color: #fff;
}

.ict_chat_window {
  background-color: #fff;
  padding-bottom: 0;
}

.ict_chat_log {
  height: calc(100vh - 100px - 77px);
}

.face01:before {
  background-image: url(../images/ict_staff_face01.png);
}

.face02:before {
  background-image: url(../images/ict_staff_face02.png);
}

.face03:before {
  background-image: url(../images/ict_staff_face03.png);
}

.face04:before {
  background-image: url(../images/ict_staff_face04.png);
}

.face05:before {
  background-image: url(../images/ict_staff_face05.png);
}

.face06:before {
  background-image: url(../images/ict_staff_face06.png);
}

/* スクロールバー削除 */
.ict_log .ict_content {
  max-height: none;
  overflow-y: visible;
}

.ict_staff,
.ict_dialog {
  min-height: 80px;
}

/* user css reset
-------------------------------------------------*/
.ict_log ol li {
  list-style: none !important;
}

#footer {
  background-color: #fff !important;
}

/* i-ask category item
-------------------------------------------------*/
.ict_chat_box .ict_chat_log .ict_category .ict_log p a,
.ict_chat_box .ict_chat_log .ict_other .ict_log p a {
  background-color: #fff;
}

/* i-ask otheritem
-------------------------------------------------*/
.ict_chat_box .ict_chat_log .ict_other .ict_log .ict_content .url a,
.ict_chat_box .ict_chat_log .ict_other .ict_log .ict_content .image a,
.ict_chat_box .ict_chat_log .ict_other .ict_log .ict_content .relation a {
  background-color: #fff;
}

@media screen and (max-width: 500px) {
  .ict_banner {
    height: auto !important;
    width: auto !important;
  }
  .ict_banner img {
    max-width: 100%;
  }
  .ict_chat_box #iframeInner {
    height: calc(100% + 40px) !important;
  }
  .ict_footer {
    height: 86px;
  }
  .ict_chat_log {
    height: calc(100vh - 100px - 86px);
    padding-bottom: 86px;
  }
  .ict_chat_box .ict_header {
    background-size: contain;
  }
}

.ict_chat_box .ict_brand_logo .ict_message {
  display: block;
  position: relative;
}

.ict_chat_box .ict_brand_logo .ict_message p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  padding: .5em;
  position: absolute;
  top: 62px;
  left: 0;
  width: 100%;
}

.ict_banner button img {
  width: 100%;
}

.ict_copyright {
  background: none;
  padding: .25em 0;
}

.ict_copyright p {
  text-align: center;
}

.ict_chat_window .ict_chat_form .ict_extext {
  background-color: #e6f8ff;
}

.ict_button_set .btn_yes a em,
.ict_button_set .btn_no a em {
  background-color: #33a776;
  border: none;
  color: #fff;
}

.ict_footer {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
}

.ict_chat_window .ict_chat_form .ict_extext {
  background-color: #fff;
}

#branch_main {
  background-color: #cce1cc;
}

.ict_staff:before,
.ict_dialog:before {
  background-color: #fff;
  border-radius: 50%;
}

.ict_chat_box .ict_header {
  background-position: bottom;
}

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