.chart-container,
.chart-container_red {
  position: relative;
  width: 340px;
  height: 274px;
  opacity: 0;
  /* 初期状態は透明 */
  transition: opacity 0.5s ease-in-out;
}

.chart-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.value-canvas,
.value-canvas_red {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.chart-change-container {
  display: none;
  /* 初期状態で非表示 */
}

.chart-change-container.active {
  display: block;
  /* アクティブな要素のみ表示 */
}