@charset "utf8";

/* hominの喋り用CSS * */

div.balloon-100 {
  display: flex;
  justify-content: center;
  align-items: center; /* centerに変更 */
  gap: 0 15px;
  width: 100%;
}

div.balloon-100 img {
  max-width: 70px;
  width: 70px;
  height: 70px; /* 固定サイズに */
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

div.balloon-100 p {
  position: relative;
  max-width: 100%;
  margin: 30px auto; /* マージン削除 */
  padding: 1em 1em;
  border-radius: 5px;
  background-color: #f2f2f2;
  color: #333333;
}

div.balloon-100 p::before {
  position: absolute;
  top: 50%; /* 吹き出しの真ん中に */
  transform: translateY(-50%); /* 中央揃え */
  left: -15px;
  width: 15px;
  height: 30px;
  background-color: #f2f2f2;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  content: "";
}