<!-- start Simple Custom CSS and JS -->
<style type="text/css">
:root {
  /* JSがセットするまでの保険値 */
  --screen-width: 100vw;

  /* 470pxとの差を数値化 */
  --shrink-raw: calc((470px - var(--screen-width)) / 1px);
  --shrink: max(0, var(--shrink-raw));

  /* 0.6〜1の間でスケールする */
  --responsive-scale: clamp(0, calc(1 - (var(--shrink) / 400)), 1);
}
.message-container-1 {
  height: calc(50px + 3rem) !important;
  padding: 0 1.8rem !important;
}
.message-container-1 o-anim-typing {
  position: absolute;
  transform-origin: top left;
  transform: scale(var(--responsive-scale));
	white-space:nowrap;
}</style>
<!-- end Simple Custom CSS and JS -->
