@charset "UTF-8";
#cta-6840fad3eb152517b7141f49 .component.cta {
  /* 通常のスタイル（PC向け） */
  /* スマートフォンの画面幅に応じたスタイル */
}
#cta-6840fad3eb152517b7141f49 .component.cta #floating-banner {
  position: fixed;
  bottom: 0px;
  /* 画面下からの距離 */
  right: 70px;
  /* 右端からの距離 */
  width: 346px;
  /* バナーの横幅 */
  height: 80px;
  /* バナーの高さ */
  z-index: 1000;
  /* 他の要素より前面に表示 */
}
#cta-6840fad3eb152517b7141f49 .component.cta #floating-banner img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  /* クリック可能なカーソル表示 */
}
@media screen and (max-width: 768px) {
  #cta-6840fad3eb152517b7141f49 .component.cta #floating-banner {
    width: 60%;
    /* 画面幅の90%を使用 */
    height: auto;
    /* 自動調整 */
    right: 20%;
    /* 右端から5%空ける */
    bottom: 10px;
    /* 画面下からの距離を少し縮める */
  }
}