@charset "UTF-8";

/* �o���[�����u���b�N�ŊǗ�����ׂ̃��b�s���O�N���X */
.balloon-wrap { overflow: hidden; } 

/* �������o�� */
.balloonL{
     position: relative;    /* ��Δz�u�̊�錾 */
     display: inline-block; /* �R���e���c�̃T�C�Y�ɂ���ăo���[���T�C�Y�ύX */
     padding: 20px;              /* �p�f�B���O�̈� */
     border-radius: 10px;        /* �����o���̊p���ۂ� */
     color: #010101;             /* �R���e���c�̐F */
     background-color: #95dff0;  /* �o���[���̔w�i�̐F */
     margin-left: 110px;         /* ���ɋ󂯂�X�y�[�X */
     margin-bottom: 35px;        /* ���ɋ󂯂�X�y�[�X */
 }
 .balloonL .iconL{
     position: absolute;         /* ��Δz�u�錾 */
     left: -110px;               /* ���ɋ󂯂��X�y�[�X�ɂɃA�C�R����\�� */
     top: 0;                     /* ���_�����킹�� */
     width: 86px;                /* �A�C�R���̕� */
     height: 86px;               /* �A�C�R���̍��� */
     border-radius: 50%;         /* �摜���ۂ����蔲�� */
 }
 .balloonL::before{  /* �����o���̎O�p�`�쐬 */
     content: '';                /* �����͋� */
     position: absolute;         /* ��Δz�u�錾 */
     display: block;
     width: 0;
     height: 0;
     left: -30px;                /* �\������x�������ݒ� */
     top: 50%;                   /* �\������y�������ݒ� */
     margin-top: -15px;          /* �쐬�������𒆉��� */
     /* ���̌����ݒ� */
     border-top: 15px solid transparent;
     border-right: 15px solid #95dff0;       /* �� */
     border-bottom: 15px solid transparent;
     border-left: 15px solid transparent;
 } 

/* �E�����o�� */
 .balloonR {
     position: relative;    /* ��Δz�u�̊�錾 */
     display: inline-block; /* �R���e���c�̃T�C�Y�ɂ���ăo���[���T�C�Y�ύX */
     padding: 20px;              /* �p�f�B���O�̈� */
     border-radius: 10px;        /* �����o���̊p���ۂ� */
     color: #010101;             /* �R���e���c�̐F */
     background-color: #ECECEB;  /* �o���[���̔w�i�̐F */
     margin-right: 110px;        /* �E�ɋ󂯂�X�y�[�X */
     margin-bottom: 35px;        /* ���ɋ󂯂�X�y�[�X */
     float: right;               /* �E�񂹕\�� */
 }
 .balloonR .iconR{
     position: absolute;         /* ��Δz�u�錾 */
     right: -110px;              /* �E�ɋ󂯂��X�y�[�X�ɂɃA�C�R����\�� */
     top: 0;                     /* ���_�����킹�� */
     width: 86px;                /* �A�C�R���̕� */
     height: 86px;               /* �A�C�R���̍��� */
     border-radius: 50%;         /* �摜���ۂ����蔲�� */
 }
 .balloonR::before{  /* �����o���̎O�p�`�쐬 */
     content: '';                /* �����͋� */
     position: absolute;         /* ��Δz�u�錾 */
     display: block;
     width: 0;
     height: 0;
     right: -30px;               /* �\������x�������ݒ� */
     top: 50%;                   /* �\������y�������ݒ� */
     margin-top: -15px;          /* �쐬�������𒆉��� */
     /* ���̌����ݒ� */
     border-top: 15px solid transparent;
     border-right: 15px solid transparent;
     border-bottom: 15px solid transparent;
     border-left: 15px solid #ECECEB;    /* �� */
 }