summary {
  border: 1px solid #696969 !important;
  position: relative;
  padding: 10px !important;
  cursor: pointer;
  display: block;
  font-weight: 700;
  font-size: 16.5px;
  list-style: none;
  &:hover {
    transition: all linear 0.2s;
  }
}
summary::-webkit-details-marker {
    display: none;
  }

details summary::before {
  content: none !important;
}
details summary::after {
  content: "＋";
  color: #696969;
  font-weight: 400;
  float: right;
  width: 1rem;
  text-align:center;
}
details[open] summary::after {
  content: "－";
  margin-top: -0.1rem;
}

details[open] p {
  animation: accordion 0.4s linear;
  overflow: hidden;
  font-size: 1rem;
  padding: 1rem;
}

@keyframes accordion {
  0% {
    opacity: 0;
    height: 0;
  }
  70% {
    opacity: 0;
    height: 200px;
  }
  100% {
    opacity: 1;
  }
}