.conversation {
  display: flex;
  align-items: flex-start;
  margin: 10px 0;
  max-width: 80%;
}

.conversation.right {
  flex-direction: row-reverse;
  margin-left: auto;
}

.conversation.left {
  flex-direction: row;
  margin-right: auto;
}

.conversation .icon {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover;
  flex-shrink: 0;
}

.conversation .balloon {
  padding: 10px 14px;
  border-radius: 18px;
  max-width: 100%;
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  word-wrap: break-word;
}

/* 色バリエーション */
.conversation.green .balloon {
  background-color: #d6f5d6;
}

.conversation.blue .balloon {
  background-color: #d6eaff;
}

.conversation.pink .balloon {
  background-color: #ffd6ea;
}