/* decico お問合せbot — テーマの文字設定を引き継ぎ、色はアクセント1色だけ使う */
.dib{
	--dib-accent:#5f7896;
	--dib-line:#e3e7ec;
	--dib-bot:#f4f6f8;
	--dib-ink:#1b2430;
	max-width:640px;margin:0 auto;padding:20px;border:1px solid var(--dib-line);border-radius:12px;background:#fff;color:var(--dib-ink);
	font-size:15px;line-height:1.8;letter-spacing:.02em;box-sizing:border-box;position:relative;text-align:left
}
.dib *{box-sizing:border-box}
.dib-log{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.dib-row{display:flex}
.dib-user{justify-content:flex-end}
.dib-bubble{max-width:85%;padding:10px 14px;border-radius:12px;background:var(--dib-bot);white-space:normal;word-break:break-word}
.dib-bot .dib-bubble{border-top-left-radius:4px}
.dib-user .dib-bubble{background:var(--dib-accent);color:#fff;border-top-right-radius:4px}
.dib-bubble.dib-done{font-weight:700}
.dib-choices{display:flex;flex-wrap:wrap;gap:8px}
.dib-choice,.dib-send{
	appearance:none;font:inherit;cursor:pointer;padding:9px 16px;border-radius:999px;
	border:1px solid var(--dib-accent);background:#fff;color:var(--dib-accent);transition:background .2s,color .2s
}
.dib-choice:hover,.dib-choice:focus-visible{background:var(--dib-accent);color:#fff}
.dib-primary,.dib-send{background:var(--dib-accent);color:#fff}
.dib-primary:hover,.dib-send:hover{filter:brightness(.92)}
.dib-choice:disabled{opacity:.6;cursor:default}
.dib-form{display:flex;gap:8px;align-items:flex-end}
.dib-field{
	flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--dib-line);border-radius:8px;background:#fff;color:var(--dib-ink);
	font-size:16px /* iPhoneで入力時に拡大されないよう16px */
}
.dib-field:focus{outline:2px solid var(--dib-accent);outline-offset:1px;border-color:transparent}
textarea.dib-field{resize:vertical}
.dib-note{margin:10px 0 0;font-size:12px;color:#6b7684}
.dib-note a{color:var(--dib-accent);text-decoration:underline}
.dib-link{appearance:none;font:inherit;background:none;border:0;padding:4px 0;color:var(--dib-accent);text-decoration:underline;cursor:pointer}
.dib-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.dib-noscript{margin:0}
@media (max-width:480px){
	.dib{padding:14px;border-radius:10px}
	.dib-bubble{max-width:92%}
	.dib-form{flex-direction:column;align-items:stretch}
}