/* �����o���{�� */
.balloon1{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #0888ff;
  margin-left: 110px;          /* ���ɗ]����݂��� */
}
/* �摜 - ��Δz�u�ō���ɔz�u */
.balloon1 .icon{
  position: absolute;
  left: -130px;
  top: 0;
}
/* �O�p�A�C�R�� */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #0888ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* �����o���{�� */
.balloon2{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #c71585;
  margin-right: 110px;          /* �E�ɗ]����݂��� */
}
/* �摜 - ��Δz�u�ʼnE��ɔz�u */
.balloon2 .icon{
  position: absolute;
  right: -140px;
  top: 0;
op: 0;
}
/* �O�p�A�C�R�� */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
  border-left: 15px solid #c71585;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;