#page_title {
  background: url(../../images/swaging_machines/mv_swaging_machines.webp) no-repeat center top;
  background-size: cover;
  aspect-ratio: 1/0.3;
}
@media screen and (max-width: 767px) {
  #page_title {
    background: url(../../images/swaging_machines/mv_swaging_machines_sp.webp) no-repeat center top;
    background-size: auto 100%;
    aspect-ratio: 1/1.1;
    padding-top: 60vw;
  }
}

.operation .bg_swaging_1 {
  background: url(../../images/swaging_machines/swaging_machines_05.webp) no-repeat right top;
  background-size: auto 86%;
}
@media screen and (max-width: 767px) {
  .operation .bg_swaging_1 {
    padding-bottom: 40vw;
    background-size: 100% auto;
    background-position: center bottom;
  }
}

.after_service h3 span {
  color: #747b95;
}
.after_service .f_box .text_box, .after_service .f_box p:has(img) {
  width: 50%;
}
.after_service .f_box .text_box {
  background-color: #fff;
  padding: 5% 0 5% 5%;
}
.after_service .f_box .text_box h4 + p {
  margin-top: 1em;
}

h3.h3_ext {
  font-size: clamp(16px, 4.3vw, 20px);
}
h3.h3_ext span {
  font-size: 1.7em;
}
@media screen and (max-width: 767px) {
  h3.h3_ext {
    font-weight: 600;
  }
  h3.h3_ext span {
    padding-bottom: 0.25em;
    font-weight: 900;
    font-size: 1.7em;
  }
}
/*# sourceMappingURL=swaging_machines.css.map */