@charset "UTF-8";
/* =========================================================
   FC募集LP: テーマ側で足したフローティング LINE ボタン

   納品物にフローティングが無い LP（就労継続支援B型）に、
   フリースクール版と同じ「LINEで最新情報を受け取る」ボタンを足している。
   マークアップは tools/convert_lp.py の FLOATING_TEMPLATE が生成し、
   表示/非表示（data-start〜data-stop の区間だけ出す）は納品物の
   common_v21.min.js が data-type="floating" を拾って動かす。

   値はフリースクール版の納品 CSS（.floating / .floating__btn）をそのまま写した。
   .floating の基本形（position:fixed / display:none）は納品物の common.min.css が
   持っているので、ここでは PC/SP の寸法だけを足す。
   .floating--theme にだけ効くので、自前のフローティングを持つ LP には影響しない。
   ========================================================= */
.floating--theme .floating__btn {
  width: var(--sz-640);
}

.floating--theme .floating__btn img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 992px) {
  .floating--theme {
    bottom: var(--sz-30);
    width: var(--sz-1400);
    max-width: 1400px;
    pointer-events: none;
  }

  .floating--theme .floating__btn {
    width: var(--sz-188);
    margin-right: var(--sz-100);
    margin-left: auto;
    pointer-events: auto;
  }
}