@charset "UTF-8";
.ass_chat_box .ass_header {
  display: none;
  height: 0;
}

.ass_copyright {
  background: none;
  padding: 0.25em 0;
}
.ass_copyright p {
  text-align: center;
}

.ass_chat_log {
  height: calc(100vh - 68px - 28px);
}

@media screen and (max-width: 480px) {
  .ass_chat_log {
    height: calc(100vh - 68px - 0px);
    padding-bottom: 80px;
  }
}
.ass_staff,
.ass_dialog {
  min-height: 80px;
}

#faq_detail {
  max-width: 100%;
}

.ass_chat_window .ass_chat_form .ass_extext {
  background-color: #e6f8ff;
}

.ass_footer {
  position: fixed;
  bottom: 0;
  left: 0;
}

.ass_banner button img {
  width: 100%;
}

.ass_chat_box .ass_chat_log {
  background: #f4f6f8;
  border-top: 2px solid #221815;
}
.ass_chat_box .ass_chat_log .ass_category .ass_log {
  background: none;
  border: none;
  padding: 0 3%;
}
.ass_chat_box .ass_staff .ass_log {
  background-color: #fff;
  border-color: #fff;
  color: #222;
}
.ass_chat_box .ass_staff .ass_log:before {
  border-right: 10px solid #fff;
}
.ass_chat_box .ass_user .ass_log {
  background-color: #5b5b61;
  border-color: #5b5b61;
  color: #fff;
}
.ass_chat_box .ass_user .ass_log:before {
  border-left: 10px solid #5b5b61;
}

.ass_buttons .btn_question a em,
.ass_button_set .btn_question a em,
.ass_btn_send button {
  background: #42425a;
  color: #fff;
}

.ass_chat_window {
  background-color: #fff;
}

/* i-ask category item
-------------------------------------------------*/
.ass_chat_box .ass_chat_log .ass_category .ass_log p a,
.ass_chat_box .ass_chat_log .ass_other .ass_log p a {
  background-color: #fff;
}

/* i-ask otheritem
-------------------------------------------------*/
.ass_chat_box .ass_chat_log .ass_other .ass_log .ass_content .url a,
.ass_chat_box .ass_chat_log .ass_other .ass_log .ass_content .image a,
.ass_chat_box .ass_chat_log .ass_other .ass_log .ass_content .relation a {
  background-color: #fff;
}

/* i-ask branch_main item
-------------------------------------------------*/
#branch_main {
  background-color: #d5dde4;
}

.ass_button_set .btn_yes a em,
.ass_button_set .btn_no a em {
  background-color: #42425a;
  border: none;
  color: #fff;
}

.ass_footer {
  background: #f4f6f8;
}

@media screen and (max-width: 480px) {
  .ass_footer {
    height: 68px;
  }
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSansCJKjp-Thin.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Thin.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Light.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-DemiLight.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Medium.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Bold.eot") format("embedded-opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp-Black.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Black.eot") format("embedded-opentype");
}
.ass_chat_box,
.ass_banner_area,
button,
button em {
  font-family: "Noto Sans Japanese", sans-serif;
}

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

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

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

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

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

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

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

.ass_banner img {
  max-width: 315px;
  height: auto;
  vertical-align: bottom;
}

.ass_chat_log {
  height: calc(100vh - 68px);
  padding-bottom: 80px;
}
.ass_chat_log:before {
  background-color: #42425a;
  color: #fff;
  content: "チャットでお問い合わせ";
  padding: 10px 15px;
  width: calc(100% - 30px);
  display: block;
}

.ass_chat_box {
  font-size: 14px;
}

.ass_content *[style*="font-size: 6pt"] {
  font-size: 7px !important;
}
.ass_content *[style*="font-size: 7pt"] {
  font-size: 8px !important;
}
.ass_content *[style*="font-size: 8pt"] {
  font-size: 9px !important;
}
.ass_content *[style*="font-size: 9pt"] {
  font-size: 11px !important;
}
.ass_content *[style*="font-size: 10pt"] {
  font-size: 12px !important;
}
.ass_content *[style*="font-size: 11pt"] {
  font-size: 13px !important;
}
.ass_content *[style*="font-size: 12pt"] {
  font-size: 14px !important;
}
.ass_content *[style*="font-size: 13pt"] {
  font-size: 15px !important;
}
.ass_content *[style*="font-size: 14pt"] {
  font-size: 16px !important;
}
.ass_content *[style*="font-size: 15pt"] {
  font-size: 18px !important;
}
.ass_content *[style*="font-size: 16pt"] {
  font-size: 19px !important;
}
.ass_content *[style*="font-size: 17pt"] {
  font-size: 20px !important;
}
.ass_content *[style*="font-size: 18pt"] {
  font-size: 21px !important;
}
.ass_content *[style*="font-size: 19pt"] {
  font-size: 22px !important;
}
.ass_content *[style*="font-size: 20pt"] {
  font-size: 23px !important;
}
.ass_content *[style*="font-size: 21pt"] {
  font-size: 25px !important;
}
.ass_content *[style*="font-size: 22pt"] {
  font-size: 26px !important;
}
.ass_content *[style*="font-size: 23pt"] {
  font-size: 27px !important;
}
.ass_content *[style*="font-size: 24pt"] {
  font-size: 28px !important;
}
.ass_content *[style*="font-size: 25pt"] {
  font-size: 29px !important;
}
.ass_content *[style*="font-size: 26pt"] {
  font-size: 30px !important;
}
.ass_content *[style*="font-size: 27pt"] {
  font-size: 32px !important;
}
.ass_content *[style*="font-size: 28pt"] {
  font-size: 33px !important;
}
.ass_content *[style*="font-size: 29pt"] {
  font-size: 34px !important;
}
.ass_content *[style*="font-size: 30pt"] {
  font-size: 35px !important;
}
.ass_content *[style*="font-size: 31pt"] {
  font-size: 36px !important;
}
.ass_content *[style*="font-size: 32pt"] {
  font-size: 37px !important;
}
.ass_content *[style*="font-size: 33pt"] {
  font-size: 39px !important;
}
.ass_content *[style*="font-size: 34pt"] {
  font-size: 40px !important;
}
.ass_content *[style*="font-size: 35pt"] {
  font-size: 41px !important;
}
.ass_content *[style*="font-size: 36pt"] {
  font-size: 42px !important;
}

.ass_category .ass_content {
  font-size: 13px;
}

.ass_chat_window .ass_chat_form .ass_extext,
.ass_button_set .ass_btn_send button {
  font-size: 16px;
}

@media screen and (max-width: 375px) {
  .ass_chat_box {
    font-size: 12px;
  }
  .ass_category .ass_content {
    font-size: 11px;
  }
}
.ass_log {
  padding: 0.5em 1em;
  width: calc(100% - 2em);
}

.ass_user {
  padding: 0 15px;
}
.ass_user .ass_log {
  width: calc(100% - 30px);
}

.ass_staff {
  min-height: 64px;
}
.ass_staff .ass_log {
  min-height: 40px;
}

.ass_staff,
.ass_dialog {
  padding: 0.75em 15px 0 83px;
}
.ass_staff:before,
.ass_dialog:before {
  height: 50px;
  bottom: calc(50% - 35px);
  left: 16px;
  width: 50px;
}

.ass_dialog {
  padding-left: 15px;
}

.ass_chat_box .ass_chat_log .ass_category .ass_log,
.ass_chat_box .ass_chat_log .ass_other .ass_log {
  padding: 0 15px;
  width: calc(100% - 30px);
}

.ass_category,
.ass_other {
  padding-top: 0;
  margin-top: -4px;
}

.ass_category .ass_log .ass_content {
  background-color: #fff;
  border-radius: 3px;
  margin-left: 68px;
  padding: 0.5em 1em;
}

.ass_buttons li a,
.ass_buttons li button,
.ass_button_set li a,
.ass_button_set li button,
.ass_chat_window .ass_chat_form .ass_button_set li a,
.ass_chat_window .ass_chat_form .ass_button_set li button {
  border: 1px solid #42425a;
  transition: all 0.3s;
}
.ass_buttons li a:hover,
.ass_buttons li button:hover,
.ass_button_set li a:hover,
.ass_button_set li button:hover,
.ass_chat_window .ass_chat_form .ass_button_set li a:hover,
.ass_chat_window .ass_chat_form .ass_button_set li button:hover {
  background-color: #fff;
  opacity: 1;
}
.ass_buttons li a:hover em,
.ass_buttons li button:hover em,
.ass_button_set li a:hover em,
.ass_button_set li button:hover em,
.ass_chat_window .ass_chat_form .ass_button_set li a:hover em,
.ass_chat_window .ass_chat_form .ass_button_set li button:hover em {
  color: #42425a;
  opacity: 1;
}

.ass_btn_send:hover,
.ass_btn_close:hover {
  opacity: 1;
}

.ass_buttons .btn_yes a,
.ass_buttons .btn_yes button,
.ass_buttons .btn_no a,
.ass_buttons .btn_no button,
.ass_buttons .btn_question a,
.ass_buttons .btn_question button,
.ass_button_set .btn_yes a,
.ass_button_set .btn_yes button,
.ass_button_set .btn_no a,
.ass_button_set .btn_no button,
.ass_button_set .btn_question a,
.ass_button_set .btn_question button {
  transition: all 0.3s;
}
.ass_buttons .btn_yes a em,
.ass_buttons .btn_yes button em,
.ass_buttons .btn_no a em,
.ass_buttons .btn_no button em,
.ass_buttons .btn_question a em,
.ass_buttons .btn_question button em,
.ass_button_set .btn_yes a em,
.ass_button_set .btn_yes button em,
.ass_button_set .btn_no a em,
.ass_button_set .btn_no button em,
.ass_button_set .btn_question a em,
.ass_button_set .btn_question button em {
  transition: all 0.3s;
}
.ass_buttons .btn_yes a:hover em,
.ass_buttons .btn_yes button:hover em,
.ass_buttons .btn_no a:hover em,
.ass_buttons .btn_no button:hover em,
.ass_buttons .btn_question a:hover em,
.ass_buttons .btn_question button:hover em,
.ass_button_set .btn_yes a:hover em,
.ass_button_set .btn_yes button:hover em,
.ass_button_set .btn_no a:hover em,
.ass_button_set .btn_no button:hover em,
.ass_button_set .btn_question a:hover em,
.ass_button_set .btn_question button:hover em {
  background-color: #fff;
}
.ass_buttons .btn_finish a em,
.ass_buttons .btn_finish button em,
.ass_button_set .btn_finish a em,
.ass_button_set .btn_finish button em {
  border: none;
}

.ass_chat_box .ass_user .ass_log {
  border-radius: 0;
}

.ass_log .ass_button_set ul li a em,
.ass_log .ass_button_set ul li button em {
  border-radius: 0;
  padding: 10px 5px;
}

.ass_btn_send a,
.ass_btn_send button,
.ass_btn_close a,
.ass_btn_close button {
  border-radius: 0;
}

.ass_chat_window {
  background-color: #f4f6f8;
  border-top: none;
  padding: 10px 20px;
}
.ass_chat_window .ass_chat_form {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}
.ass_chat_window .ass_chat_form .ass_extext {
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 37px;
  padding: 0 0.5em;
  font-size: 14px;
}
.ass_chat_window .ass_chat_form .ass_btn_send a em, .ass_chat_window .ass_chat_form .ass_btn_send button em, .ass_chat_window .ass_chat_form .ass_btn_close a em, .ass_chat_window .ass_chat_form .ass_btn_close button em {
  font-size: 14px;
}

.ass_chat_log a {
  color: #42425a;
}
.ass_chat_log a:hover {
  text-decoration: underline;
}

.ass_chat_box .ass_chat_log .ass_category .ass_log p,
.ass_chat_box .ass_chat_log .ass_other .ass_log p {
  box-shadow: 0 0 6px #ccc;
  border-radius: 3px;
}
.ass_chat_box .ass_chat_log .ass_category .ass_log p a,
.ass_chat_box .ass_chat_log .ass_other .ass_log p a {
  background: #fff;
  color: #42425a;
  position: relative;
  text-decoration: none;
}
.ass_chat_box .ass_chat_log .ass_category .ass_log p a:hover,
.ass_chat_box .ass_chat_log .ass_other .ass_log p a:hover {
  text-decoration: underline;
}
.ass_chat_box .ass_chat_log .ass_category .ass_log p a:before,
.ass_chat_box .ass_chat_log .ass_other .ass_log p a:before {
  border-top: 1px solid #ca2420;
  border-right: 1px solid #ca2420;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  bottom: auto;
  left: 6px;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: "";
  transform: rotate(45deg);
}

@media screen and (max-width: 375px) {
  .ass_chat_box .ass_chat_log .ass_category .ass_log p a:before,
  .ass_chat_box .ass_chat_log .ass_other .ass_log p a:before {
    top: 15px;
  }
  .ass_chat_window .ass_chat_input_area {
    transform: scale(0.9);
    transform-origin: left top;
    width: 111%;
  }
}
.ass_chat_box .ass_faqlink {
  padding: 0 15px;
  margin-top: 1em;
  text-align: right;
}
.ass_chat_box .ass_faqlink a {
  text-decoration: underline;
}

@media screen and (max-width: 480px) {
  .ass_banner {
    height: auto !important;
    width: auto !important;
  }
  .ass_banner img {
    max-width: 100%;
  }
}
.ass_chat_box.temp02 .face01:before {
  background-image: url(../images/ass_staff_face01_temp02.png);
}
.ass_chat_box.temp02 .face02:before {
  background-image: url(../images/ass_staff_face02_temp02.png);
}
.ass_chat_box.temp02 .face03:before {
  background-image: url(../images/ass_staff_face03_temp02.png);
}
.ass_chat_box.temp02 .face04:before {
  background-image: url(../images/ass_staff_face04_temp02.png);
}
.ass_chat_box.temp02 .face05:before {
  background-image: url(../images/ass_staff_face05_temp02.png);
}
.ass_chat_box.temp02 .face06:before {
  background-image: url(../images/ass_staff_face06_temp02.png);
}
.ass_chat_box.temp03 .face01:before {
  background-image: url(../images/ass_staff_face01_temp03.png);
}
.ass_chat_box.temp03 .face02:before {
  background-image: url(../images/ass_staff_face02_temp03.png);
}
.ass_chat_box.temp03 .face03:before {
  background-image: url(../images/ass_staff_face03_temp03.png);
}
.ass_chat_box.temp03 .face04:before {
  background-image: url(../images/ass_staff_face04_temp03.png);
}
.ass_chat_box.temp03 .face05:before {
  background-image: url(../images/ass_staff_face05_temp03.png);
}
.ass_chat_box.temp03 .face06:before {
  background-image: url(../images/ass_staff_face06_temp03.png);
}
.ass_chat_box.temp04 .ass_chat_log:before {
  background-color: #5b5b61;
}
.ass_chat_box.temp04 .ass_buttons .btn_question a em,
.ass_chat_box.temp04 .ass_button_set .btn_question a em,
.ass_chat_box.temp04 .ass_btn_send button,
.ass_chat_box.temp04 .ass_button_set .btn_yes a em,
.ass_chat_box.temp04 .ass_button_set .btn_no a em {
  background-color: #5b5b61;
}
.ass_chat_box.temp04 .ass_buttons .btn_question a em:hover,
.ass_chat_box.temp04 .ass_button_set .btn_question a em:hover,
.ass_chat_box.temp04 .ass_btn_send button:hover,
.ass_chat_box.temp04 .ass_button_set .btn_yes a em:hover,
.ass_chat_box.temp04 .ass_button_set .btn_no a em:hover {
  background-color: #fff;
}
.ass_chat_box.temp04 .ass_buttons li a,
.ass_chat_box.temp04 .ass_buttons li button,
.ass_chat_box.temp04 .ass_button_set li a,
.ass_chat_box.temp04 .ass_button_set li button,
.ass_chat_box.temp04 .ass_chat_window .ass_chat_form .ass_button_set li a,
.ass_chat_box.temp04 .ass_chat_window .ass_chat_form .ass_button_set li button {
  border: 1px solid #5b5b61;
}
.ass_chat_box.temp04 .ass_buttons li a:hover,
.ass_chat_box.temp04 .ass_buttons li button:hover,
.ass_chat_box.temp04 .ass_button_set li a:hover,
.ass_chat_box.temp04 .ass_button_set li button:hover,
.ass_chat_box.temp04 .ass_chat_window .ass_chat_form .ass_button_set li a:hover,
.ass_chat_box.temp04 .ass_chat_window .ass_chat_form .ass_button_set li button:hover {
  background-color: #fff;
}
.ass_chat_box.temp04 .ass_buttons li a:hover em,
.ass_chat_box.temp04 .ass_buttons li button:hover em,
.ass_chat_box.temp04 .ass_button_set li a:hover em,
.ass_chat_box.temp04 .ass_button_set li button:hover em,
.ass_chat_box.temp04 .ass_chat_window .ass_chat_form .ass_button_set li a:hover em,
.ass_chat_box.temp04 .ass_chat_window .ass_chat_form .ass_button_set li button:hover em {
  color: #5b5b61;
}
.ass_chat_box.temp04 .face01:before {
  background-image: url(../images/ass_staff_face01_temp04.png);
}
.ass_chat_box.temp04 .face02:before {
  background-image: url(../images/ass_staff_face02_temp04.png);
}
.ass_chat_box.temp04 .face03:before {
  background-image: url(../images/ass_staff_face03_temp04.png);
}
.ass_chat_box.temp04 .face04:before {
  background-image: url(../images/ass_staff_face04_temp04.png);
}
.ass_chat_box.temp04 .face05:before {
  background-image: url(../images/ass_staff_face05_temp04.png);
}
.ass_chat_box.temp04 .face06:before {
  background-image: url(../images/ass_staff_face06_temp04.png);
}

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