@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
body.product .wrapper {
  background: url("../img/common/contents_bg.png") no-repeat center 0;
  background-size: cover;
}
body.product .contents {
  padding:0px 0 72px;
}
body.product .applicationBox#main {
  display: block;
  width:1080px;
  margin:0 auto;
  padding:49px;
  border: 0px solid #ccc;
  background-color:#fff;
  box-sizing:border-box;
}
body.product .applicationBox .titCat {
  background:url(../img/common/icon_diamond.png) no-repeat left center;
  padding-left:20px;
  font-size:28px;
  font-size:2.8rem;
  font-weight: bold;
  margin-bottom:24px;
}
body.product .applicationBox .applicationRow {
  margin-top:40px;
}
body.product .applicationBox .boxList {
  width:100%;
}
body.product .applicationBox .boxList li {
  float:left;
  width:205px;
  margin-left:20px;
  margin-bottom:46px;
}
body.product .applicationBox .boxList li:nth-child(4n+1) {
  clear:both;
  margin-left:0;
}
body.product .applicationBox .boxList li.clear {
  clear:both \9;
  margin-left:0 \9;
}
body.product .applicationBox .boxList li .boxThumb {
  width:205px;
  height:150px;
  margin-bottom:14px;
  overflow: hidden;
}
body.product .applicationBox .boxList li .boxTit {
  margin-bottom:14px;
  font-size:16px;
  font-size:1.6rem;
}
body.product .applicationBox .boxList li .boxTxt {
  font-size:13px;
  font-size:1.3rem;
}

@media only screen and (max-width: 768px) {
  body.product .contents {
    padding:50px 0 72px;
  }
  body.product .applicationBox#main {
    width:100%;
    padding:25px;
    box-sizing:border-box;
  }
  body.product .applicationBox .titCat {
    font-size:20px;
    font-size:2rem;
    margin-bottom:15px;
  }
  body.product .applicationBox .applicationRow:first-child {
    margin-top:0;
  }
  body.product .applicationBox .boxList {
    width:100%;
  }
  body.product .applicationBox .boxList li {
    float:left;
    width:48%;
    margin-left:4%;
    margin-bottom:25px;
  }
  body.product .applicationBox .boxList li:nth-child(2n+1) {
    clear:both;
    margin-left:0;
  }
  body.product .applicationBox .boxList li:nth-child(4n+1) {
    clear:both;
    margin-left:0;
  }
  body.product .applicationBox .boxList li .boxThumb {
    width:100%;
    height:0;
    padding-bottom:73.1707317%;
    margin-bottom:6px;
  }
  body.product .applicationBox .boxList li .boxThumb img {
    width:100%;
  }
  body.product .applicationBox .boxList li .boxTit {
    margin-bottom:4px;
  }
}