@font-face {
  font-family: "NotoSansJP-SemiBold";
  src: url("../fonts/NotoSansJP-SemiBold.ttf");
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.ttf");
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../fonts/NotoSansJP-Regular.ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("../fonts/Montserrat-Medium.ttf");
}
/* ----------------------------------------------------------------------
 PRODUCT
---------------------------------------------------------------------- */
/* --------------------
 SEC_PRODUCT
-------------------- */
#sec_product {
  position: relative;
}
@media screen and (min-width: 768px) {
  #sec_product {
    padding: 130px 0 177px;
  }
  #sec_product .list_product {
    margin-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  #sec_product {
    padding: 68px 0 100px;
  }
  #sec_product .list_product {
    margin-top: 47px;
  }
}
#sec_product:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  content: "";
}
@media screen and (min-width: 768px) {
  #sec_product:before {
    background: url(../img/common/frame_b_bottom_pc.svg) no-repeat top right;
    height: 40px;
    background-size: auto 40px;
  }
}
@media screen and (max-width: 767px) {
  #sec_product:before {
    background: url(../img/common/frame_b_bottom_sp.svg) no-repeat top right;
    height: 20px;
    background-size: auto 20px;
  }
}

#sec_equipment {
  background: rgba(0, 69, 255, 0.2) no-repeat center center;
}
@media screen and (min-width: 768px) {
  #sec_equipment {
    padding: 95px 0 150px;
  }
  #sec_equipment .list_eq {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  #sec_equipment {
    padding: 68px 0 80px;
  }
  #sec_equipment .list_eq {
    margin-top: 50px;
  }
}/*# sourceMappingURL=product.css.map */