.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.d-block {display: block;}
.d-flex {display: flex;}
.justify-content-center {justify-content: center;}
.align-items-center {align-items: center;}
.flex-wrap {flex-wrap: wrap;}
.text-center {text-align: center !important;}
.w-50 {width: 50%;}
.w-100 {width: 100%;}
.l-1 {line-height: 1 !important;}
.banner-img {display: inline-block;}
.contactbtn.cusIcon {display: flex; justify-content: center; align-items: center; padding: 0 !important;}
.contactbtn.cusIcon:before {position: static !important; display: inline-block; margin-right: 15px;}
.contactbtn_noneicon:before {content: none !important;}
header.change-color {background-color: #fff;}
#footer-fix .fixbanner {transition: 0.25s;}
footer {padding-bottom: 0;}
.footer__copy {padding-top: 5px; padding-bottom: 15px;}
.contactbtn-car {display: flex; align-items: center; width: auto !important; padding: 0 30px !important;}
.contactbtn-car:before {
  content: "";
  display: inline-block;
  background-image: url(./images/car_fill.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 15px;
  width: 26px;
  height: 26px;
}

.sec3-custom-2 {flex-wrap: wrap;}

/*=== PC ===*/
@media (min-width: 767px) {
  .pc-hiden {display: none;}
  .w-md-40 {width: 40% !important;}
  .w-md-60 {width: 60% !important;}
  .ms-md-15 {margin-left: 15px !important;}
  .navi img {width: 130px; height: auto; margin-left: 5px; margin-top: 5px !important;}
  footer img {margin-bottom: 80px;}
  .sec3-custom-2 > *:not(:nth-child(-n + 3)) {margin-top: 60px;}
  .dmenu-sp .navi {display: none;}
  .sec3-custom-2 .sec3-3column-item .price span {margin-right: 0;}
  .sec3-custom-2 .sec3-3column-item .price span i {font-size: 18px; font-style: normal; margin: 0 5px;}
}

/*=== SP ===*/
@media (max-width: 767px) {
  .sp-hiden {display: none;}
  .scrollup {bottom: 135px;}
  .navi img {width: auto; height: 50px; margin-left: 10px; margin-top: 5px !important;}
  footer img {
    display: block; /* ブロックレベル要素にする */
    margin-bottom: 10px; /* 下のマージンを調整する */
  }
  .dmenu-sp {display: flex; justify-content: flex-end;}
  .dmenu-sp .navi {width: auto !important; margin-right: 65px; margin-top: 13px;}
  .dmenu-sp .contactbtn-car {padding: 0 15px !important; font-size: 13px; margin-top: 0;}
  .dmenu-sp .contactbtn-car:before {width: 22px; height: 22px; margin-right: 10px; margin-top: -1px;}
  .sec3-custom-2 {display: flex;}
  .sec3-custom-2 > *:not(.center-container) {width: 48%;}
  .sec3-custom-2 .sec3-3column-item {padding: 15px;}
  .sec3-custom-2 .sec3-3column-item .price {margin-top: 10px;}
  .sec3-custom-2 .sec3-3column-item .price span {font-size: 25px; display: block; margin-top: 12px;}
  .sec3-custom-2 .sec3-3column-item .price span i {font-size: 18px;}
  .sec3-custom-2 .sec3-3column-item a {margin-top: 15px; margin-bottom: 15px;}
  .sec3-custom-2 .sec3-3column-item a .itembtn {margin-top: 15px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; height: auto;}
  .car-items-list > * {
    display: block;
}
  .btn-viewmore {text-align: center; margin-top: 10px;}
  .btn-viewmore button {
    background: linear-gradient(to right, #FD052C, #FC8C7A);
    width: 160px;
    height: 40px;
    line-height: 36px;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    transition: 0.5s;
  }
}

footer .footer__copy {
    margin-top: 10px; /* 上のマージンを調整する */
}
/* スマートフォン用のスタイル */
@media (max-width: 767px) {
    .pchidden .fixbanner {
        display: flex; /* Flexboxを使う */
        flex-direction: column; /* 子要素を縦方向に並べる */
        align-items: center; /* 子要素を中央寄せ */
        width: 100%; /* コンテナの幅を100%に */
    }

    .pchidden .fixbanner .banner-img2 {
        width: 100%; /* バナーの幅を100%にする */
        margin: 0; /* 左右のマージンを無くす */
        display: flex; /* Flexboxを使う */
        justify-content: center; /* 中央寄せ */
    }

    .pchidden .fixbanner .banner-img2 img {
        width: 100%; /* 画像の幅を100%にする */
        height: auto; /* 高さを自動調整 */
        display: block; /* ブロックレベル要素に */
    }

    /* その他のスマートフォンスタイル */
    .scrollup {bottom: 80px; transition: 0.25s;}
    .navi img {width: auto; height: 50px; margin-left: 10px; margin-top: 5px !important;}
    /* footer img {margin-bottom: 280px;} */
    footer img {margin-bottom: 80px;}

  /* new UI fmenu */
  footer {margin-bottom: 67px;}
  #gloval-nav a {padding-top: 12px; padding-bottom: 12px;}
  .sp-linkmenu {margin-top: -20px;}
}

.fMenu {display: flex; background-color: #fe3841; width: 100%; height: 67px; position: fixed; bottom: 0; left: 0; z-index: 99;}
.fMenu > * {
  width: 33.33333vw;
  color: #fff;
  position: relative;
  padding: 45px 10px 10px;
  font-size: 10px;
  text-align: center;
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: top 10px center;
}
.fMenu > *:first-child {background-image: url(./images/f_menu_01.png);}
.fMenu > *:nth-child(2) {background-image: url(./images/f_menu_02.png);}
.fMenu > *:last-child {background-image: url(./images/car_fill.svg);}
.fMenu > *:not(:last-child):after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  border-right: dashed 2px #fff;
}
@media (min-width: 769px) {
  .fMenu {display: none;}
}