.accordion {
  width: 80%;
  margin: 0 auto;
  margin-top:130px;
}

@media screen and (max-width: 768px) {
.accordion {
  width:98%;
}}


/* ここからアコーディオン用 */
.accordion_title {
  display: flex;
  position: relative;
  margin:20px 0;
  color:#555;
  font-weight:400;
  font-size:.9em;
}

.accordion_title::before {
  content: '';
  display: block;
  width: 16px;
  height: 1px;
  background-color: #111;
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  transition: .5s;
}

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


@media screen and (max-width: 768px) {
.accordion_title::before,.accordion_title::after {
  top:10px;
  width:9px;
}}



.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;
  color:#333;
  line-height:2.0;
}

.accordion_content.show {
  margin-bottom: 20px;

}

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