:root{--color01:#e6e5eb;--color02:#ece0bf;--color03:#f0b0b0;--color04:#b5f8dd;--color05:#f8f5f8}.speech-bubble{align-items:center;display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:clamp(80px,8.33333vw,100px) auto}.speech-bubble .img{background:#fff;height:clamp(80px,8.33333vw,100px);width:clamp(80px,8.33333vw,100px)}.speech-bubble .img img{height:auto;max-width:100%;width:100%}.speech-bubble-txt{border-radius:8px;display:inline-block;font-size:16px;font-weight:400;line-height:1.5;padding:16px 24px;position:relative;text-align:left}.speech-bubble-txt.color01{background:var(--color01)}.speech-bubble-txt.color02{background:var(--color02)}.speech-bubble-txt.color03{background:var(--color03)}.speech-bubble-txt.color04{background:var(--color04)}.speech-bubble-txt.color05{background:var(--color05)}.speech-bubble-txt:after{border-color:transparent #9bee8c transparent transparent;border-style:solid;border-width:0 16px 16px 0;content:"";left:0;position:absolute;top:50%;transform:skew(0,-10deg);transform-origin:right;translate:-100% calc(-50% - .4px)}.speech-bubble-txt.color01:after{border-color:transparent var(--color01) transparent transparent}.speech-bubble-txt.color02:after{border-color:transparent var(--color02) transparent transparent}.speech-bubble-txt.color03:after{border-color:transparent var(--color03) transparent transparent}.speech-bubble-txt.color04:after{border-color:transparent var(--color04) transparent transparent}.speech-bubble-txt.color05:after{border-color:transparent var(--color05) transparent transparent}.speech-bubble-txt p{font-size:clamp(18px,1.66667vw,20px);margin:0}.speech-bubble-txt p.large{font-size:1.8em;font-weight:700}