/* アコーデオン全体のスタイル */
.s_04 .accordion_one {
  max-width: 95%;
  margin: 0 auto;
}
.s_04 .accordion_one .accordion_header {
  background-color: var(--header-bg-color, #0197B4); /* デフォルトは #0197B4 */
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 5px;
  text-align: left;
  position: relative;
  cursor: pointer;
  border-radius: 10px;
  transition-duration: 0.2s;
  margin-bottom: 1px;
}

/* + / - アイコンのボックス */
.s_04 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 18px; /* アイコンの幅を小さく */
  height: 18px; /* アイコンの高さを小さく */
  transform: translateY(-50%);
}

/* + / - アイコンのスタイル */
.s_04 .accordion_one .accordion_header .i_box .one_i {
  font-size: 18px; /* アイコンのサイズを小さく */
  line-height: 1;  /* サイズのバランスを整える */
  color: #fff;
}

/* 状態に応じてアイコンを切り替え */
.s_04 .accordion_one .accordion_header.open .i_box .one_i::before {
  content: '-'; /* 開いたときに - を表示 */
}
.s_04 .accordion_one .accordion_header:not(.open) .i_box .one_i::before {
  content: '+'; /* 閉じたときに + を表示 */
}

/* アコーデオンの内容部分 */
.s_04 .accordion_one .accordion_inner {
  display: none;
  padding: 10px;
  background-color: #fff;
  border-left: 2px solid #db0f2f;
  border-right: 2px solid #db0f2f;
  border-bottom: 2px solid #db0f2f;
  box-sizing: border-box;
}
.s_04 .accordion_one .accordion_inner.open {
  display: block;
}

/*====================================================================*/