@charset "UTF-8";


.accordion {
  width: 100%;
  margin-inline: auto;
  position: relative;
}
.accordion-title {
    text-align: right;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    padding-right: 50px;
}
.accordion-content {
  display: none;
}
.accordion-content p {
  font-size: 13px;
  line-height: 2;
}

/* 矢印 */
.accordion-title {
  position: relative;
}
/* 縦線 */
.accordion-title::before {
  background: #000; /* 線の色 */
  content: "";
  height: 2px; /* 線の太さ */
  position: absolute;
  right: 9px;
  top: 45%; /* 線の位置を縦中央に */
  transform: rotate(90deg); /* 線を縦に */
  transition: transform .3s ease-in-out;
  width: 12px; /* 線の幅 */
}
/* 横線 */
.accordion-title::after {
  background: #000; /* 線の色 */
  content: "";
  height: 2px; /* 線の太さ */
  position: absolute;
  right: 9px;
  top: 45%; /* 線の位置を縦中央に */
  transition: opacity .3s ease-in-out;
  width: 12px; /* 線の幅 */
}
/* 縦線(クリック後) */
.accordion-title.open::before {
  transform: rotate(180deg);
}
/* 横線(クリック後) */
.accordion-title.open::after {
  opacity: 0;
}
.accordion-title span::before {
    background: #e6e6e6;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: -99;
    border-radius: 50px;
    margin-left: 20px;
}






@media screen and (max-width: 520px) {
    
}