/* --- 全体のコンテナースタイル --- */
.accordion-container {
  /* font-family: sans-serif; */
  /* max-width: 600px; */
  margin: 0px auto;
  /* margin: 2em auto; */
  padding: 5px;
  padding-bottom: 10px;
  /* border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #f9f9f9; */
}

@media screen and (min-width: 768px) {
.accordion-container {
 padding-left: 20px;
 padding-right: 20px;
}
}

/* --- 開閉するコンテンツのスタイル --- */
.accordion-content {
  /* 最初は高さを0にして隠す */
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out; /* 高さが変わる時にアニメーション */
  line-height: 1.6;
}

/* --- テキストリンクのスタイル --- */
.read-more-link {
  display: inline-block; /* 他のテキストと同じように配置 */
  /* margin-top: 10px; */
  color: #007bff;
  text-decoration: none; /* 下線を消す */
  font-weight: bold;
}

.read-more-link:hover {
  text-decoration: underline; /* ホバー時に下線を表示 */
}