:root {
  --color-gray-da:#dadada;
  --color-gray-64:#646464;
  --color-gray-on-bk:#8b8f90;
}

.bg-gray-truck {
  background-color: var(--color-gray-on-bk);
}

.sv .ttl-bg-truck {
  min-height: 24px;
  padding: 0 20px;
}

.service-index {
  padding-top: 45px;
}

.sv4 {
  background-color: var(--color-gray-da);
  color: black;
}
.sv4 .inner2 .inner-inner {
  background-color: white;
}
.sv4 .inner2 .inner-inner .body .box {
  background-color: var(--color-gray-da);
  border-radius: 5px;
}

.sv.sv2 .inner4 {
  box-sizing: border-box;
  padding: 50px 40px 40px;
  color: black;
  background-color: #dadada;
  margin-top: 20px;
}
.sv.sv2 .inner4 ul {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.sv5 {
  background-color: black;
  color: white;
}

.sv.sv5 .inner1 .box .img {
  border-color: var(--color-gray-64);
}
.sv.sv5 .inner1 .box .annual-fee .p4.marker:before {
  background-color: #937d24;
}
.sv.sv5 .inner1 .box.box2 .bg-wt {
  color: black;
}

@media screen and (max-width: 480px) {
  .sv4 .inner2 .inner-inner .body {
    gap: 15px;
  }
  .sv.sv2 .inner4 {
    margin-top: 15px;
    padding: 28px 22px 20px;
  }
  .sv.sv2 .inner4 ul {
    width: 100%;
    padding: 0;
    gap: 20px 24px;
  }
  .sv.sv2 .inner4 ul li {
    width: 27.3%;
    gap: 7px;
  }
  .sv5 .inner2 .feature {
    margin-bottom: 25px;
  }
}

/*# sourceMappingURL=style-202603.css.map */