.service .service-unit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 56px;
}
@media screen and (max-width: 959px) {
  .service .service-unit {
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .service .service-unit {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 519px) {
  .service .service-unit {
    row-gap: 32px;
  }
}
.service .service-unit .service-vsl {
  margin-bottom: calc(8px * 3);
}
@media screen and (max-width: 959px) {
  .service .service-unit .service-vsl {
    margin-bottom: calc(8px * 3 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .service .service-unit .service-vsl {
    margin-bottom: calc(8px * 3 * 0.5);
  }
}
.service .service-unit .service-dtl .service-ttl {
  position: relative;
  margin-bottom: calc(8px * 3);
}
@media screen and (max-width: 959px) {
  .service .service-unit .service-dtl .service-ttl {
    margin-bottom: calc(8px * 3 * 0.75);
  }
}
@media screen and (max-width: 519px) {
  .service .service-unit .service-dtl .service-ttl {
    margin-bottom: calc(8px * 3 * 0.5);
  }
}
.service .service-unit .service-dtl .service-ttl {
  padding: 12px 20px;
  font-weight: bold;
  font-size: 2.4rem;
  color: #ffffff;
  background: #2D3134;
  line-height: 1.4;
}
@media screen and (max-width: 959px) {
  .service .service-unit .service-dtl .service-ttl {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .service .service-unit .service-dtl .service-ttl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 519px) {
  .service .service-unit .service-dtl .service-ttl {
    padding: 8px 16px;
    font-size: 1.8rem;
  }
}
.service .service-unit .service-dtl .service-ttl:before {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 4px;
  height: 0;
  width: 0;
  border: 8px solid #ffffff;
  border-top-color: transparent;
  border-left-color: transparent;
}
.service .service-unit .service-dtl .service-ttl.--sale {
  background: #9B5A3A;
}
.service .service-unit .service-dtl .service-ttl.--car-lease {
  background: #759293;
}
.service .service-unit .service-dtl .service-ttl.--inspection-maintenance {
  background: #C6643A;
}
.service .service-unit .service-dtl .service-ttl.--coating {
  background: #B99136;
}
.service .service-unit .service-dtl .service-ttl.--repair-paint {
  background: #506255;
}
.service .service-unit .service-dtl .service-ttl.--insurance {
  background: #9C7399;
}
.service .service-unit .service-dtl .service-txt {
  line-height: 2.2;
}
/*# sourceMappingURL=../../maps/pages/service.css.map */