@charset "UTF-8";
/*
 *  cv-fixbnr.css
 *  CVページ（form / estimate / contact）専用 追従バナー
 *  PC：画面右にfixed固定（縦書きタブ）／SP：画面下にwidth100%でfixed固定
 *  配色は既存CVバナー画像に準拠（orange #FA5625 / teal #04ABA1 / yellow #FFE000）
 */

@media screen and (min-width: 768px),print {

  .cv-fixbnr-pc{ position: fixed; top: 130px; right: 0; z-index: 996; }
  .cv-fixbnr-pc ul li{ margin-bottom: 8px; }
  .cv-fixbnr-pc a{ display: block; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 700; font-size: 18px; letter-spacing: 3px; line-height: 1; color: #fff; text-decoration: none; padding: 30px 19px; border-radius: 10px 0 0 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
  .cv-fixbnr-pc a:hover{ opacity: 0.8; }
  .cv-fixbnr-pc .bnr-form a{ background: #FA5625; }
  .cv-fixbnr-pc .bnr-estimate a{ background: #04ABA1; }
  .cv-fixbnr-pc .bnr-contact a{ background: #FFE000; color: #1A1A1A; }
  .cv-fixbnr-pc .free{ color: #FABE00; }

  .cv-fixbnr-sp{ display: none; }

}

@media screen and (max-width: 767px) {

  .cv-fixbnr-pc{ display: none; }

  .cv-fixbnr-sp{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 996; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0; }
  .cv-fixbnr-sp li{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
  .cv-fixbnr-sp li.bnr-tel{ -webkit-box-flex: 0; -webkit-flex: 0 0 22%; flex: 0 0 22%; }
  .cv-fixbnr-sp a{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 15vw; font-size: 3.4vw; font-weight: 700; line-height: 1.35; text-align: center; color: #fff; text-decoration: none; padding: 0 1vw; }
  .cv-fixbnr-sp a .lbl{ display: block; }
  .cv-fixbnr-sp .bnr-tel a{ background: #1A1A1A; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; font-size: 3vw; }
  .cv-fixbnr-sp .bnr-tel .icon{ font-size: 5vw; line-height: 1; margin-bottom: 1vw; }
  .cv-fixbnr-sp .bnr-form a{ background: #FA5625; }
  .cv-fixbnr-sp .bnr-estimate a{ background: #04ABA1; }
  .cv-fixbnr-sp .bnr-contact a{ background: #FFE000; color: #1A1A1A; }
  .cv-fixbnr-sp .free{ color: #FABE00; }

  /* 追従バナーの高さ分の余白（フッター・送信ボタンが隠れないように） */
  body#form, body#estimate, body#contact { padding-bottom: 16vw; }

}