/* =====================================================
   Phase 1 追加: 追従型フローティングCTA（画像版）
   PC/SP 共通で floating-cta.webp を表示（ページを開いた時点から常時表示）
   ===================================================== */

.floating-cta {
  position: fixed;
  z-index: 900;
  display: block;
  border: 0;
  text-decoration: none;
  line-height: 0;
  cursor: pointer;
  max-width: 250px;
  transition: transform .2s ease, filter .2s ease;
}

.floating-cta img {
  display: block;
  width: 100%;
  height: auto;
}

.floating-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* PC: 右下 */
@media (min-width: 768px) {
  .floating-cta {
    right: 24px;
    bottom: 24px;
  }
}

/* SP: 画面下部 右寄せ */
@media (max-width: 767px) {
  .floating-cta {
    right: 16px;
    bottom: 16px;
  }
}