/* ========================================
   セクション: S07 中間CTA
   Figma node: 1038:4931 / 393×297
   電話CTA部分 → css/components/cta.css
   ======================================== */

.mid-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 40px 15px;
  gap: 20px;
  background: var(--color-navy);
}

/* ── TB用見出し（SP非表示） ── */
.mid-cta-heading-tb {
  display: none;
}

/* ── フォームCTA ── */
.mid-cta-form-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  padding: 17px 25px;
  gap: 10px;
  background: linear-gradient(180deg, #7AD4E5 0%, #5DC1D6 100%);
  border: 1px solid #ffffff;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(93, 193, 214, 0.35);
  overflow: hidden;
  box-sizing: border-box;
}

.mid-cta-form-icon {
  position: relative;
  width: 28px;
  height: 32px;
  flex-shrink: 0;
}

.mid-cta-form-text {
  position: relative;
  font-family: var(--font-en);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #333333;
  text-align: center;
}

/* ── 中間CTA：電話ボタン配色上書き ── */
.mid-cta .cta-phone-btn {
  background: linear-gradient(180deg, #F5D028 0%, #F1C40F 100%);
  box-shadow: 0 4px 12px rgba(241, 196, 15, 0.35);
}

.mid-cta .cta-phone-meta,
.mid-cta .cta-phone-number {
  color: var(--color-navy);
}