.area {
  width: 88%;
  margin: 0 auto;
}



.accordion_title {
  display: flex;
  position: relative;
}

.accordion_title::before {
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  background-color: #333;
  position: absolute;
  right: 40px;
  top:18px;
  transform: rotate(90deg);
  transition: .5s;
}

.accordion_title::after {
  content: '';
  display: block;
  width: 16px;
  height: 2px;
  background-color: #999;
  position: absolute;
  right: 40px;
  top:18px;
  transform: rotate(0deg);
}

.accordion_title.active::before {
  transform: rotate(0deg);
}

.accordion_title:hover {
  cursor: pointer;
}

.accordion_content {
  display: block;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: .5s;
  text-align:left;
  font-weight:300;
}
.accordion_content p{
  margin:0;
  padding:0;
  line-height:2;
  text-indent: 0;
}

.accordion_content.show {
  margin-top:30px;
  margin-bottom: 10px;
}

.accordion_content:last-of-type {
  margin-bottom: 10px;
}