.cont-wrap__head{
  width: 80%;
  margin: auto;
}
.cont-wrap__body{
  width: 90%;
  margin: 24px auto;
}
#faq summary{
  position: relative;
}
#faq .summary_inner{
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; 
  margin-bottom: -1px;
}

#faq details{
  margin-top: 0;
}

.icon-open{
  position: relative;
}
.icon-open:before,
.icon-open:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 18px;
    background-color: #3c3c3c;
    border-radius: 10px;
    top: -10px;
    right: 10px;
}
.icon-open:after {
  transform: rotate(90deg);
}

#faq details[open] .icon-open::before {
    transform: rotate(90deg);
}

#faq .summary_inner{
  gap: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4% 8px;
  color: #f02475;
  font-size: 1.3rem;
  line-height: 1.58;
}

#faq .summary_inner .q img{
  width: 35px;
}

#faq .a_content{
  display: flex;
  padding: 5% 8px;
  gap: 2%;
}

#faq .a_text{
  padding-right: 10%;
}
#faq .q_text img{
  width: 95%;
}
.a_icon img{
  width: 18px;
}

@media screen and (min-width: 961px) {
    .a_icon img{
        width: 100%;
      } 
}