@charset "utf-8";
/*base     ======================================
フォントや文字色、ベースカラーなど
=================================================*/

body {
  background: #fff100;
}
.bg{
  background-image: url(../images/0_bg.webp);
  background-position: top center;
  background-size: 750px auto;
  background-repeat: repeat;

}
/*component =====================================
サイト内で何度も使いまわしたいもの(btnや各ブロックのタイトルなど)
=================================================*/
a:hover,
.btn--img:hover,
a.btn--img:hover{
  opacity: 0.7 !important;
  transition: 0.3s !important;
}

.btn--img,
a.btn--img{
  transition: 0.6s !important;
}

/*SPサイズのときのみ左右をトリミング*/
@media screen and (max-width: 768px) {
.trimm{
  width: 150%;
  left: -25%;
  position: relative;
}
}
@media screen and (max-width: 768px) {
.trimm2{
  width: 130%;
  left: -15%;
  position: relative;
}
}

/*==========================================
content
===========================================*/

.new_car_bg{
  background-color: #e50012;
}

.usedcar_bg{
  background-color: #1560ad;
}



.sensing {
    width: 8%;
    left: 19.3%;
    top: 16%;
}

.new_car2.sensing {
    width: 8%;
    left: 19.3%;
    top: 16%;
}

.new_car3.sensing {
    width: 8%;
    left: 19.3%;
    top: 8.8%;
}

.new_car5.sensing {
    width: 8%;
    left: 19.3%;
    top: 9.9%;
}

.new_car6.sensing {
    width: 8%;
    left: 19.3%;
    top: 11.1%;
}

.new_car8.sensing {
    width: 8%;
    left: 30.5%;
    top: 1.1%;
}

.new_car9.sensing {
    width: 8%;
    left: 33.5%;
    top: 3.1%
}

.new_car11.sensing {
  width: 8%;
    left: 29.6%;
    top: 1.8%;
}

.new_car13.sensing {
     width: 8%;
    left: 29.6%;
    top: 2.1%;
}

.new_car14.sensing {
      width: 8%;
    left: 29.6%;
    top: 2.2%;
}

/*animation  ======================================
ボタンきらりやフェードイン
=================================================*/
.sensing .fadein--show{
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.nav.fadein--show{
  animation-delay: 1.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

/*==========================================
FOOTER
===========================================*/

.fixed_icon_wrap {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: rgba(255, 255, 255, 0.9);
  filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
  background-image: url(../images/0_line_stripe.webp);
  background-position: top center;
  background-repeat: repeat-x;
background-size: 750px auto;
}

/*
.fixed_icon_inner div{
  border-right: 1px #fff solid;
}
.fixed_icon_inner div:last-child{
  border-right: none;
}*/

.fixed_icon{
  position: relative;
  z-index: 1000;
}

.fixed_icon_inner div:hover {
  opacity: 0.7;
}
@media all and (min-width:800px) {
.fixed_icon_wrap .pt--s{
  padding-top: 15px !important;
}

.fixed_icon_wrap .pb--s{
  padding-bottom: 15px !important;
}
}

.zsiq_floatmain{
    display: none !important;
  }