#page_title {
  background: url(../../images/repair/mv_repair.webp) no-repeat center top;
  background-size: cover;
  aspect-ratio: 19/9;
  padding-top: 19vw;
}
#page_title p.catch_text {
  color: #fff;
  margin-top: 5%;
  font-weight: 800;
  text-shadow: 1px 1px 5px #666;
}
@media screen and (max-width: 767px) {
  #page_title {
    background: url(../../images/repair/mv_repair_sp.webp) no-repeat center top;
    background-size: cover;
    aspect-ratio: 9/10;
    padding: 60vw 0 0;
  }
}

#repair section:nth-of-type(2n+1) {
  background-color: #f2f2f2;
}
#repair section:nth-of-type(2n+2) {
  background-color: #fff;
}
#repair section h3 + h4 {
  margin: 0.75em 0 2em;
}
@media screen and (max-width: 767px) {
  #repair section h3 {
    margin-bottom: 0.5em;
  }
  #repair section h3 + h4 {
    margin: 0.25em 0 1em;
  }
}

#after_service .inner {
  background: url(../../images/products/bg_products_after_service.webp) no-repeat right;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  #after_service .inner {
    background: url(../../images/products/bg_products_after_service_sp.webp) no-repeat center top;
    background-size: cover;
    padding-top: 20vw;
  }
}

p.catch_text {
  color: #18234e;
}

.anc_link {
  margin-top: 8%;
}

.title_text_1 .text {
  padding-bottom: 2%;
}
.title_text_1 .text:has(dl.dlist_2) {
  display: flex;
  flex-flow: wrap;
  padding: 2% 5% 5%;
}
@media screen and (max-width: 767px) {
  .title_text_1 .text {
    padding-bottom: 8%;
  }
  .title_text_1 .text:has(dl.dlist_2) {
    padding: 5% 5% 8%;
  }
}

ul.list_cir {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4%;
  flex-flow: wrap;
}
ul.list_cir li {
  width: 48%;
  margin-bottom: 2%;
}
@media screen and (max-width: 767px) {
  ul.list_cir li {
    width: 100%;
    margin: 0;
  }
  ul.list_cir li + li {
    margin: 5% 0 0;
  }
}

dl.dlist_2 {
  width: 50%;
}
@media screen and (max-width: 767px) {
  dl.dlist_2 {
    width: 100%;
  }
  dl.dlist_2 dd br {
    display: none;
  }
  dl.dlist_2 + dl.dlist_2 {
    margin-top: 7%;
  }
}

#anc_2 .title_text_1 .text {
  background-color: #f2f2f2;
}

@media screen and (max-width: 767px) {
  h3 {
    flex-flow: column;
    align-items: flex-start;
  }
}
/*# sourceMappingURL=repair.css.map */