.mozy-qa{--qa-color:#f28c28;--qa-text:#18202b;--qa-line:rgba(24,32,43,.14);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;z-index:9999;color:var(--qa-text)}.mozy-qa.is-floating{position:fixed;bottom:88px}.mozy-qa.pos-right{right:18px}.mozy-qa.pos-left{left:18px}.qa-open{width:64px;height:64px;border:0;border-radius:999px;background:var(--qa-color);color:#fff;font-weight:900;box-shadow:0 18px 40px rgba(18,59,93,.22);cursor:pointer}.qa-box{width:min(380px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 118px));display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--qa-line);box-shadow:0 24px 80px rgba(18,59,93,.24)}.is-floating .qa-box{margin-bottom:12px}.qa-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:#fff;background:#123b5d}.qa-head strong{display:block;font-size:15px}.qa-head small{display:block;opacity:.78;font-size:11px}.qa-close{border:0;background:rgba(255,255,255,.16);color:#fff;width:32px;height:32px;border-radius:999px;cursor:pointer;font-size:20px}.qa-messages{padding:16px;overflow-y:auto;background:#fffaf2}.qa-msg{max-width:88%;padding:12px 14px;margin:0 0 10px;border-radius:18px;font-size:14px;line-height:1.7;white-space:pre-wrap}.qa-msg.bot{background:#fff;border:1px solid var(--qa-line)}.qa-msg.user{margin-left:auto;background:var(--qa-color);color:#fff}.qa-cta-wrap{margin:0 0 12px}.qa-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:999px;background:#123b5d;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:800}.qa-suggest{display:flex;gap:8px;padding:12px 14px;overflow-x:auto;background:#fff;border-top:1px solid var(--qa-line)}.qa-suggest button{flex:0 0 auto;border:1px solid var(--qa-line);border-radius:999px;background:#fff;padding:8px 11px;color:var(--qa-text);font-size:12px;font-weight:700;cursor:pointer}.qa-form-front{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--qa-line)}.qa-form-front input{min-width:0;border:1px solid var(--qa-line);border-radius:999px;padding:11px 13px;font:inherit;font-size:14px}.qa-form-front button{border:0;border-radius:999px;padding:0 16px;background:var(--qa-color);color:#fff;font-weight:900;cursor:pointer}.mozy-qa.is-inline{position:static;max-width:420px;margin:24px auto}.is-inline .qa-box{width:100%;max-height:680px}@media(max-width:560px){.mozy-qa.is-floating{left:12px;right:12px;bottom:78px}.is-floating .qa-box{width:100%}.qa-open{float:right}}
/* v1.0.1 close/collapse fix */
.mozy-qa.is-floating .qa-box[hidden]{display:none!important;}
.mozy-qa.is-floating .qa-head{cursor:pointer;}
.mozy-qa .qa-close{display:inline-grid!important;place-items:center;flex:0 0 auto;font-weight:900;z-index:2;}
.mozy-qa .qa-close:hover{background:rgba(255,255,255,.28);}
.mozy-qa .qa-open{display:inline-grid!important;place-items:center;}


/* v1.0.3: face icon launcher - actual chatbot classes */
.mozy-qa .qa-open {
  display: inline-grid !important;
  place-items: center !important;
  width: 66px !important;
  height: 66px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  line-height: 1 !important;
  background: var(--qa-color, #f28c28) !important;
  color: #fff !important;
}

.mozy-qa .qa-face-icon {
  width: 40px !important;
  height: 40px !important;
  display: block !important;
}

.mozy-qa .qa-face-head,
.mozy-qa .qa-face-body,
.mozy-qa .qa-face-smile {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.mozy-qa .qa-face-eye {
  fill: currentColor !important;
  stroke: none !important;
}

.mozy-qa .screen-reader-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  word-wrap: normal !important;
}


/* v1.0.5: safe custom image launcher icon.
   PHPは変更せず、CSSと画像だけで右下アイコンを差し替えます。 */
.mozy-qa .qa-open,
.qa-open {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  border: 3px solid #ffffff !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background-image: url("chatbot-face-icon.jpg") !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 18px 42px rgba(18, 59, 93, 0.30) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.mozy-qa .qa-open svg,
.mozy-qa .qa-open .qa-face-icon,
.qa-open svg,
.qa-open .qa-face-icon,
.mozy-qa .qa-open > span:not(.screen-reader-text),
.qa-open > span:not(.screen-reader-text) {
  display: none !important;
}

.mozy-qa .qa-open::before,
.qa-open::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 999px !important;
  background-image: url("chatbot-face-icon.jpg") !important;
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 560px) {
  .mozy-qa .qa-open,
  .qa-open {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
  }
}