@charset "utf-8";
.cont_img {
  background-image: url("../images/cont_img.jpg");
}
.cont_img h1 {
  background-image: url(../images/title.png);
}
#brand h2 {
  background: url("../images/h2.png") no-repeat center center;
}
#brand .linkbtn.flexbox {
  justify-content: flex-start;
}
#brand .linkbtn a {
  width: 50px;
  padding: 10px 0;
  border: 1px solid #e6e6e6;
  text-align: center;
  margin-right: 15px;
}
#brand .linkbtn a:hover {
  color: #fff;
  background: #224169;
}
#brand .category {
  margin-top: 30px;
}
#brand .category h3 {
  width: 100%;
  color: #fff;
  background: #224169;
  padding: 10px;
  margin-bottom: 20px;
}
#brand .brandname p {
  width: 50%;
}

@media only screen and (max-width: 768px) {
  .cont_img {
  background-image: url("../images/cont_img_sp.jpg");
}
  
.cont_img h1 {
  background-image: url(../images/title_sp.png);
  background-size: 100%;
}

#brand h2 {
  background: url("../images/h2_sp.png") no-repeat center center;
  background-size: 100%;
}
#brand .brandimg {
  width: 100%;
  padding-top: 70.74%;
  overflow: hidden;
  height: 0;
  background: url("../images/brand_sp.jpg") no-repeat center center;
  background-size: 100%;
  display: block;
}
#brand .linkbtn a {
  margin-bottom: 10px;
}
#brand .brandname p {
  width: 100%;
}
}