h1 {
  color: orange;
  font-weight: bdd;
  }
  
h2 {
  color: green;
  }
  
h3 {
  color: brown;
  }
  
hr {
    height: 1px;
    background-color: steelblue;
    border: none;
}

.image-vw{
  width : 75vw ;
  }

.balloonoya {
  position   : relative;             /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                /* カーソルをポインターで表示 */
}
.balloon1 {
  display: none;                     /* 要素を非表示 */
}
.balloon {
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 127, 127, 0.81);       /* 背景色（透明度） */
  width:320px;                          /* 吹き出し全体の幅 */
  left : 8%;                           /* 表示位置 */
  top : 100%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 120%;                       /* 文字サイズ */
}
.balloon:after{
  border-bottom: 15px solid rgba(255, 127, 127, 0.68); /* 吹き出し口の高さ・色 */
  border-left: 10px solid transparent;    /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  top: -10px;                             /* 吹き出し口の位置調整 */
  left : 5%;                              /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}