/* ============================================
   CTA セクション パルスアニメーション
   予約ボタンの視認性を高め、クリック率を向上
   ============================================ */
.cta-section .cta-web {
  animation: pulse-cta 2s ease-in-out infinite;
}
@keyframes pulse-cta {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.03); box-shadow: 0 0 20px rgba(255,255,255,0.3); }
}

/* ============================================
   記事内 中間CTA 強化
   コラム記事の途中に挿入するCTAブロック用
   ============================================ */
.article-mid-cta {
  background: linear-gradient(135deg, #fff5f9 0%, #fff 100%);
  border: 1px solid #f0d4e0;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  margin: 48px 0;
}
.article-mid-cta p {
  font-size: 15px;
  color: #555;
  margin-bottom: 16px;
}

/* ============================================
   電話番号のクリッカブル強化（SP）
   スマホでのタップしやすさを改善
   ============================================ */
@media (max-width: 768px) {
  .cta-phone {
    font-size: 18px !important;
    padding: 16px !important;
  }
}