<!-- ========================================  
  デザイン05 コメントボックス
 ========================================  -->
 <section id="design-05">

  <div class="CommentBox">
    <p>コメントコメントコメント<br>
      コメントコメントコメント<br>
      コメントコメントコメント<br>
      コメントコメントコメント<br>
    </p>
  </div>

 </section>

/* =================================== */
/*    デザイン05 コメントボックス   */
/* =================================== */
#design-05 .CommentBox {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  padding: 40px;
  background-color: #eee;
}

#design-05 .CommentBox::after {
  content: "";
  position: absolute;
  display: block;
  left: 50%; /* 三角の位置 */
  top: 100%; /* 三角の位置 */
  transform: translateX(-50%); /* 三角の位置 */
  border: 10px solid transparent; /* 三角のサイズ */
  border-top: 16px solid #eee; /* 三角の底辺のサイズ */
}