/*③見出しのデザインを変える*/
h2 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ccc;
}


h3 {
  position: relative;
  padding-bottom: .5em;
}
h3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
}




/*見出し5意見*/

h5 {
  position: relative;
  padding: .5em .75em;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
}
h5::before,
h5::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
h5::before {
  border-top: 15px solid #ccc;
}
h5::after {
  margin-top: -2px;
  border-top: 15px solid #fff;
}

/*見出し4まとめ*/

h4{
  padding: .5em .75em;
  background-color: #f6f6f6;
  border: 3px double #ccc;
}