/* 吹き出し本体 - 枠線付きの吹き出し */
.balloon1{
  display:inline-block;
  vertical-align: top;
  position:relative;
  padding: 20px;
  min-width: 120px;
  max-width: 300px;
  background-color: #afeeee;
  border-radius: 10px;  /* 角丸を指定 */
  text-align:left;  
     
}



.balloon2{
  display:inline-block;
  vertical-align: top;
  position:relative;
  padding: 20px;
  min-width: 120px;
  max-width: 300px;
  background-color: #ffe4e1;
  border-radius: 10px;  /* 角丸を指定 */
  text-align:left;  
     
}

.balloon2::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 40%;
  border-right: 15px solid #ffe4e1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    max-width: 550px;
    font-weight: bold;
    color: #008b8b;/*文字色*/
    background: #FFF;
    border: solid 3px #008b8b;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.scroll_box {
  width: 400px;
  height: 70px;
  overflow: scroll;
  border: 1px #999999 solid;
  margin:1em;
  overflow-x: hidden;
}