@charset "utf-8";
/* main.cssの調整 ここから------------------------------------------------------------------------------*/
/* g_review_anker
********************************************** */
.g_review_anker--ttl {
  margin-right: 32px;
  flex-shrink: 0;
}

  /* --- reason--item 03 --- */
  .reason--item:nth-of-type(3) .reason--img .img {
    margin-top: 20px;
  }

  .reason--item:nth-of-type(3) .bg--item01 {
    width: 210px;
  }

/* main.cssの調整 ここまで ------------------------------------------------------------------------------*/

/* fixed_contact スマホ版追加 20250326 ここから------------------------------------------------------------------------------*/
.fixed--contact .sp-none-flex {
    display: flex;
    opacity: 1;
}
.fixed--contact .pc-none{
  display: none;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .fixed--contact .sp-none-flex {
      display: none;
      opacity: 0;
  }
  .fixed--contact .pc-none{
    display: block;
    opacity: 1;
  }
}
  
@media screen and (max-width: 767px) {

  .fixed--contact .ftrScroll {
    /*jsでスクロール表示制御の初期状態*/
    display: none;
  }
  /* fixed--contact ポップアップバナー */
  .fixed--contact .ftrScroll .floatBnr {
    position: absolute;
    left: 0;
    bottom: calc(12vmin + 5em) ;
  }
  .fixed--contact .ftrScroll .floatBnr img{
    width: 55vmin;
    max-width: 300px;
    height: auto;
    max-height: 300px;
  }
  .fixed--contact .ftrScroll .floatBnrClose {
    position: absolute;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: #5b7e91;
    cursor: pointer;
    transition: ease0.4s;
  }
  .fixed--contact .ftrScroll .floatBnrClose::before, 
  .fixed--contact .ftrScroll .floatBnrClose::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #FFF;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(14% - 1px);
    left: 14%;
  }
  .fixed--contact .ftrScroll .floatBnrClose::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
  }
  /* fixed_contact ポップアップバナー ここまで*/
  /* fixed_contact ボタン */
  .fixed--contact .ftrScroll .ftrCont ul li {
    width: auto;
    margin: 0 1px 0px 0;
    border-radius: 0;
    font-size: 15px;
    font-size: 3vmin;
    font-weight: bold;
    width: 100%;
    padding: 5px;
    z-index: 0;
  }
  .fixed--contact .ftrScroll .ftrCont ul li:last-of-type{
    margin: 0;
  }

  .fixed--contact .btn a{color:inherit!important;}
  .fixed--contact .btn a::after {content:none;}
  .fixed--contact .ftrScroll .ftrCont .btnList li a {
    padding: 10px 0;
    display: block;
    text-decoration: none;
    position: relative;
    text-align: center;
    border: #fff solid 2px;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.2;
    font-size: 1em;
    min-width: auto;
    border-radius: 0;
  }
  .fixed--contact .ftrScroll .ftrCont .btnList li a p{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .fixed--contact .icon::before, .fixed--contact .icon-svg {
      margin-right: 0;
  }
  .fixed--contact .ftrScroll .ftrCont .btnList li a img,
  .fixed--contact .ftrScroll .ftrCont .btnList li a svg {
    max-height: 45px;
    max-width: 40px;
    margin: 0px 4px 4px;
    font-size: 8vmin;
    align-content: center;
    height: 6vmin;
    width: 6vmin;
  }

  .fixed--contact li[class*="link-"].btn a {
    background-color: initial;
  }
  .fixed--contact .link-showroom.btn {
    background-color: #3B9A60;
    color:#fff;
  }
  .fixed--contact .link-contact.btn {
    background-color: #F12B2B;
    color:#fff;
  }
  .fixed--contact .link-tel.btn {
    background-color: #F9AF2E;
    color:#000;
  }
}
/* fixed_contact ボタン ここまで*/
/* 初めての方へポップアップバナー非表示20250521 */
.fixed--contact .ftrScroll .floatBnr *{display:none;}
/* お見積りフォーム画面でフローティングバナー非表示20250521 */
.page-mitsumori .fixed--contact .ftrScroll .ftrCont{display:none;}
/* fixed_contact スマホ版追加 ここまで ------------------------------------------------------------------------------*/

/*トップページ電話ボタンアニメーション 20250509 ここから*/
.home_cta .tel_box.pos_rel{
  animation: pikopiko 4s ease infinite;
}
@keyframes pikopiko {
  0%, 24% {
    transform:translate(0, 0px) rotate(0deg);
  }
  2%, 10%, 18% {
    transform:translate(0, 0) rotate(-2deg);
  }
  6%, 14%, 22% {
    transform:translate(0, 0) rotate(2deg);
  }
  100% {
    transform:translate(0, 0px) rotate(0deg);
  }
}
/*トップページ電話ボタンアニメーション ここまで*/