/* ===== スマホ専用固定CTAボタン（Figma完全準拠） ===== */

/* 固定コンテナ */
.lp-cta-bottom-sp {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 46.5px;
  display: flex;
  flex-direction: row;
}

/* 各ボタン（横幅均等3分割） */
.lp-cta-bottom-sp__btn {
  position: relative;
  flex: 1;
  height: 46.5px;
  text-decoration: none;
  overflow: hidden;
  transition: filter 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lp-cta-bottom-sp__btn:hover {
  filter: brightness(1.1);
}

/* 背景画像（各ボタンの全体背景） */
.lp-cta-bottom-sp__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  pointer-events: none;
}

/* コンテンツコンテナ（アイコン+テキストを中央配置） */
.lp-cta-bottom-sp__content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 1;
}

/* アイコン */
.lp-cta-bottom-sp__icon {
  flex-shrink: 0;
  pointer-events: none;
}

/* LINEアイコン */
.lp-cta-bottom-sp__btn--line .lp-cta-bottom-sp__icon {
  width: 8.25px;
  height: auto;
}

/* WEBアイコン */
.lp-cta-bottom-sp__btn--web .lp-cta-bottom-sp__icon {
  width: 19.5px;
  height: auto;
}

/* 電話アイコン */
.lp-cta-bottom-sp__btn--phone .lp-cta-bottom-sp__icon {
  width: 17.2px;
  height: auto;
}

/* テキスト */
.lp-cta-bottom-sp__text {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 18.146px;
  color: #ffffff;
  white-space: nowrap;
  pointer-events: none;
}

/* 768px以上: タブレット・PC（非表示） */
@media (min-width: 768px) {
  .lp-cta-bottom-sp {
    display: none;
  }
}