.frame-accordion-center{
  display: flex;
  justify-content: center;
  width: 100%;
}
.frame-accordion{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: clamp(300px, 80%, 80%);
}
.accordion-text {
  display: flex-start;
  font-size: clamp(14px, 1.6vw, 1.264rem);
  margin-bottom: 10px;
  font-family: "Zen Kaku Gothic Antique", Helvetica;
  font-weight: 700;
}
.accordion {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px; 
  background: #FFF;
}
.accordion-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
/*   cursor: pointer; */
  padding: clamp(10px, 1vw, 0.79rem);
  background-color: #FFF;
}
/* .accordion :hover {
  background-color: #f4f4f4;
} */
.accordion-summary .left-content  {
  display: flex;
  font-size: clamp(12px, 1.4vw, 1.106rem);
  align-items: center;
  line-height: clamp(14px, 1.6vw, 1.264rem);
  font-family: "Zen Kaku Gothic Antique", Helvetica;
  font-weight: 500;
}
.accordion-summary .left-content div .second-line {
  display: block; 
  margin-top: 5px;
  font-size: clamp(10px, 1.2vw, 0.948rem);
  line-height: clamp(12px, 1.4vw, 1.106rem);
  color: #555;
  font-family: "Zen Kaku Gothic Antique", Helvetica;
}
.accordion-summary img {
  width: clamp(40px, 5vw, 3.95rem);
  height: auto;
  margin-right: clamp(5.625px, 1.5vw, 1.185rem);
  margin-left: clamp(3.75px, 1vw, 0.79rem);
  object-fit: contain;
}
.accordion-arrow {
  display: none;
/*   display: inline-block; */
  font-size: clamp(20px, 2vw, 1.58rem);
  font-weight: bold;
  user-select: none;
  margin-left: clamp(3.75px, 1vw, 0.79rem);
  transition: transform 1.0s ease;
  transform: scaleY(0.6);
  transform-origin: center; 
}
.accordion-content {
  display: none;
  font-size: clamp(10px, 1.2vw, 0.948rem);
  line-height: clamp(12px, 1.4vw, 1.106rem);
  padding: clamp(15px, 3vw, 2.37rem) clamp(15px, 6vw, 4.74rem);
  border-top: 1px solid #ccc;
  pointer-events: none;
  font-weight: 500;
  font-family: "Zen Kaku Gothic Antique", Helvetica;
}
.accordion-content .content-row {
  display: flex;
  align-items: center;
  gap: clamp(11.25px, 3vw, 2.37rem);
}
.accordion-content .content-row img {
  width: clamp(120px, 25vw, 19.75rem);
  height: auto;
  object-fit: contain;
}
.accordion-content .image-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px; /* 画像同士の間隔 */
}
@media (max-width: 768px) {
	.accordion-content .content-row {
      display: flex;
	  flex-direction: column;
    }
	.accordion-content .content-row img {
	  width: 80%;
	  height: auto;
	  object-fit: contain;
	}
	.accordion-content .image-column {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
}