/* チャートのカード：標準600px、画面が狭いときは100%に縮む */
    .chart-card {
      width: 100%;
      max-width: 600px;
      box-sizing: border-box;
      text-align: center;
      margin: 3em auto 0;
    }

    .chart-title {
	font-size: 1.25rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
	background: #00285c;
	padding: .3em;
	border-radius: .5em;
    }

    /* レーダーチャートを包むコンテナ */
    .radar-chart-container {
      width: 100%;
      max-width: 480px; 
      margin: 0 auto;
    }

    /* SVGのレスポンシブ化設定 */
    .radar-chart-svg {
      width: 100%;
      height: auto;      
      overflow: visible; 
    }

    /* 背景のグリッド（6角形） */
    .grid-polygon {
      fill: rgba(0, 0, 0, 0.015);
      stroke: #dfdfdf;
      stroke-width: .5;
    }
    .grid-polygon:nth-child(odd) {
      fill: rgba(0, 0, 0, 0.03);
    }

    /* 中心からの放射線 */
    .axis-line {
      stroke: #c9c5c5;
      stroke-width: .5;
      stroke-dasharray: 1 2;
    }

    /* 項目名のテキスト */
    .axis-label {
      font-size: 12px; 
      fill: #333333;
      font-weight: 600;
      text-anchor: middle;
      dominant-baseline: central;
    }

    /* ★点数の数字部分のスタイル定義 */
    .axis-label-score {
      fill: #007bff;
      font-weight: bold;
    }

    /* チャートのデータ面 */
    .data-polygon {
      fill: rgba(0, 123, 255, 0.12);
      stroke: #007bff;
      stroke-width: 1.5; 
      stroke-linejoin: round;
      filter: drop-shadow(0 6px 12px rgba(0, 123, 255, 0.22));
    }

    /* データ点のドット */
    .data-point {
      fill: #fff;
      stroke: #007bff;
      stroke-width: 1.5;
      position: relative;
    }

    /* ★新機能: 広がる波紋リングのスタイル設定 */
    .pulse-ring {
      fill: none;
      stroke: #00c3ff;
      stroke-width: 1.5;
      transform-origin: center;
      /* CSSアニメーションを1.2秒かけて実行（消えるまで） */
      animation: pulseAndFade 4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    /* 波紋アニメーションの定義：小さく濃い状態から、大きく透明に消えていく */
    @keyframes pulseAndFade {
      0% {
        r: 4px;
        opacity: 0.8;
      }
      100% {
        r: 10px; /* 波が広がる半径サイズ */
        opacity: 0;
      }
    }