#page_title {
  background: url(../../images/products/mv_products.webp) no-repeat center top;
  background-size: cover;
  padding-top: 19%;
  aspect-ratio: 2.1/1;
}
#page_title h1 {
  font-size: clamp(22px, 2.9vw, 40px);
}
@media screen and (max-width: 767px) {
  #page_title {
    background: url(../../images/products/mv_products_sp.webp) no-repeat center top;
    background-size: cover;
    aspect-ratio: 14/15;
    padding-top: 45vw;
  }
  #page_title h1 span {
    font-size: 1.75em;
  }
}

#products section:nth-of-type(2n+1) {
  background-color: #f2f2f2;
}
#products section:nth-of-type(2n+2) {
  background-color: #fff;
}

.f_box .w33 {
  background-color: #f2f2f2;
  padding-bottom: 2em;
  box-shadow: 2px 2px 8px #ccc;
}
.f_box .w33 h3 {
  background: linear-gradient(90deg, #35477c, #18234e);
  justify-content: center;
  color: #fff;
  padding: 1em;
}
.f_box .w33 p {
  text-align: center;
  padding: 0 2em;
  color: #000;
}
.f_box .w33 p.btn span {
  transition-duration: 0.5s;
  background-color: #728cc1;
  border: #728cc1 solid 1px;
  color: #fff;
  display: block;
}
@media screen and (min-width: 1025px) {
  .f_box .w33:hover p.btn span {
    background-color: #fff;
    color: #728cc1;
  }
}

#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;
  }
}
/*# sourceMappingURL=products.css.map */