@charset "UTF-8";
.accordion-contents {
  margin-inline: auto;
  margin-top: 30px;
  position: relative;
  width: 100%;
}
.accordion-contents .accordion-item {
  margin-bottom: 30px;
}
.accordion-contents .accordion-title {
  background-color: #fff;
  font-family: "Zen Old Mincho", serif;
  color: #681c35;
  cursor: pointer;
  font-size: 2em;
  padding: 10px 20px;
  position: relative;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (max-width: 1024px) {
  .accordion-contents .accordion-title {
    font-size: 1.5em;
  }
}
.accordion-contents {
  /* --- タイトル（開いている時） --- */
}
.accordion-contents .accordion-title.open {
  background-color: #681c35;
  color: #fff;
}
.accordion-contents .accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 0.3s ease-out;
  transition: grid-template-rows 0.3s ease-out;
  transition: grid-template-rows 0.3s ease-out, -ms-grid-rows 0.3s ease-out;
  visibility: hidden;
}
.accordion-contents .accordion-content.is-open {
  grid-template-rows: 1fr;
  visibility: visible;
}
.accordion-contents .accordion-content-inner {
  overflow: hidden;
}
.accordion-contents {
  /* 余白の調整（ガタつき防止） */
}
.accordion-contents .accordion-content-inner p {
  padding: 10px 20px;
}
.accordion-contents {
  /* --- 矢印アニメーション --- */
}
.accordion-contents .accordion-title::after {
  border-right: solid 2px #681c35;
  border-top: solid 2px #681c35;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 8px;
}
.accordion-contents .accordion-title.open::after {
  border-color: #fff;
  top: 45%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}