/* ====== SVG アニメーション設定 ====== */

/* 初期状態：透明 */
svg .k, svg .one, svg .r {
  opacity: 0;
  transition: opacity 0.5s ease;
  fill: #001A43;
}

/* K → 1 → R の順にフェードイン */
svg.active .k {
  opacity: 1;
  transition-delay: 0s;
}

svg.active .one {
  opacity: 1;
  transition-delay: 0.6s;
}

svg.active .r {
  opacity: 1;
  transition-delay: 1.2s;
}

/* タブレット・スマホサイズ調整 */
@media (max-width: 959px) {
  .hero-content svg {
    /* style.cssのmax-widthを優先 */
  }
}

/* PCサイズ調整 */
@media (min-width: 960px) {
  .hero-content svg {
    /* style.cssのmax-widthを優先 */
  }
}