.balloon-set-box {
  display: flex;
  flex-wrap: wrap;
}
.balloon-set-box.left { /* 左 */
  flex-direction: row;
}
.balloon-set-box.right { /* 右 */
  flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}
.balloon {
  position: relative; /* 三角の位置を固定するために設定 */
  display: inline-block;
  max-width: 600px;
  margin: 10px 20px 20px; /* 上 左右 下のマージン */
  padding: 8px 15px; /* ふきだし内の余白 */
  text-align: left; /* テキストの揃え */
  border-radius: 15px;
}

.lb{
  background: #E9F0FB; /* 背景色 */ }

.rb{
  background: #FEF1D2; /* 背景色 */ }

.balloon::after {
  content: '';
  border: 14px solid transparent;
  position: absolute;
  top: 0;
}

.left .balloon::after { /* 左側からの三角の位置 */
  left: -10px;
  border-top-color: #E9F0FB;
}
.right .balloon::after { /* 右側からの三角の位置 */
  right: -10px;
  border-top-color: #FEF1D2;
}
 
.icon-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px #fff solid;
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  overflow: hidden;
  }

.icon  {
  width: 60px;
  height: 60px;
  }

.wa_c_btn {
  font-weight: bold;
  border: 2px silver solid;
  padding: 15px;
  border-radius: 15px;
}

.wa_c_btn:hover {
  background-color: #5190D6;
  border: 3px #0066CC solid;
  color:#fff;
}

.cmn__list__cslnk {
  display:block;
  height:100%;
  background-color:#eaf3f3;
  padding:15px 20px;
  border-radius:10px;
  box-shadow:0 4px 8px rgba(101,176,191,.2);
  font-weight:bold;
  text-align:center;
  padding:70px;
  
}

.index__menu ul{
    display: flex;
    padding: 0;
    margin: 0;
    width: 90%;
    list-style: none;
}

.index__menu li{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.index__menu li a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 95%;
    padding: 5px;
    font-size:0.7em;
    font-weight: bold;
    border: 1px silver solid;
    padding: 5px;
    border-radius: 5px;
    background-color:#eaf3f3;
    box-shadow:0 2px 2px rgba(101,176,191,.2);

}


@media screen and (max-width: 736px) {
.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
  overflow: hidden;
  }

.icon  {
  width: 40px;
  height: 40px;
  }
.index__menu ul{
        display:none;
    }
}