.caution{
    width: 70%;
    margin: 100px auto 50px;
}
.ma{
    border-bottom:1px solid #000;
}

.ma:hover{
    opacity: 0.8;
}

.header-product-div {
    position: absolute;
    max-width: 1000px;
    width: 100%;
    margin: 0;
    padding: 0;
    top: 7.5vw;
    height: 1500px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .header-product-div div {
    overflow: hidden;
    width: 30%;
    margin: 10px;
    float: left;
}
.header-product {
    width: 100%;
    margin: auto;
    overflow: hidden;
}


@media screen and (max-width: 600px) {
.caution {
    width: 90%;
    margin: 50px auto 0px;
}

.header-product-div {
    position: absolute;
    max-width: 1000px;
    width: 100%;
    margin: 0;
    padding: 0;
    top: 0vw;
    height: 1500px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .header-product-div div {
    overflow: hidden;
    width: 30%;
    margin: 10px 5px;
    float: left;
}
}