@charset "utf-8";

.accordion-manin {
  cursor: pointer;
}

.accordion-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.8s ease;
}

.accordion-manin.active .accordion-body {
  max-height: 10000px; /* 必要に応じて調整可能 */
}
.comment {
  position: relative;
}

.comment span {
  position: absolute;
  top: 0;
  right: 0;
  width: 4%;
  height: 60%;
  background-color:#fff;
}
.comment span::after {
  position: absolute;
  content: '▼';
  color: #72c0de;
  top: calc((100% - 1.5em) / 2);
  left: calc((100% - 1em) / 2);
}


/* アクティブ時（縦線を回転して非表示＝−） */
.accordion-manin.active .comment span::after {
  transform:rotate(180deg);
}

@media screen and (max-width:767px) {
.comment span {
  top: 20%;
  right: -7%;
  width: 7%;
  height: 31%;
}


}