.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  /* padding: 0.625em 0.625em 0.625em 2em; */
  padding: 0.7em 1em;
  /* background-color: #000; */
  background-color: #333;
  /* background-color: #00BCD4 !important; */
  font-size: 1.25em;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #fff;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  background-color: #333;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  /* padding-left: 2.3125em; */
  border-bottom: 1px solid #ccc;
}

.accordion-content p{
  border-bottom: 1px solid #fff;
  background: #666;
}

.accordion-content p a{
  display: block;
  padding: 0.7em 2em 0.3em;
  text-decoration: none;
  color: #fff;
}

/* CSS for CodePen */
.accordion-container {
  width: 100%;
  margin: 0 auto;
}