.accordion {
  border-bottom: 1px solid #b99877;
  padding-bottom: 8px;
}

.accordion dt {
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
}

.accordion dt:hover {
  opacity: 0.8;
}

.accordion dd {
  display: none;
}

/*閉じた状態の矢印描画*/
.accordion dt:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
  transition-duration: 0.2s;
}
/*開いた状態の矢印描画*/
.accordion dt.open:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
  transition-duration: 0.2s;
}