@charset "utf-8";
/* 納入事例 */
/* ------------------------------------------------------- */
.product-box {
  float: left;
  margin: 0 3% 45px 0;
  width: 45%;
}

.product-box:nth-child(2n) {
  margin-right: 2%;
}

.product-box:nth-child(2n+1) {
  clear: both;
  margin-left: 2%;
}

#product-rubber .product-box {
  clear: none;
  margin-left: 0;
  margin-right: 3%;
  width: 30%;
}

#product-rubber .product-box:nth-child(3n) {/*真ん中*/
  margin-right: 3%;
}

#product-rubber .product-box:nth-child(3n+1) {/*右*/
  margin-right: 2%;
}

#product-rubber .product-box:nth-child(3n+2) {/*左*/
  clear: both;
  margin-left: 2%;
}

#product-rubber .product-box:first-child {
  margin-left: 21%;
  margin-right: 21%;
  width: 58%;
}

.product-box a {
  display: block;
}

.product-box .image {
  margin: 0 0 10px;
  position: relative;
}

.product-box .image .arrow {
  bottom: 15px;
  height: 34px;
  position: absolute;
  right: 15px;
  width: 48px;
}

/* ------------------------------------------------------- */

@media (max-width: 780px){
	.product-box {
	  float: none;
	  margin: 0 0 30px;
	  width: 100%;
	}
	
	.product-box:nth-child(2n) {
	  margin-right: 0;
	}
	
	.product-box:nth-child(2n+1) {
	  margin-left: 0;
	}
	
	#product-rubber .product-box {
	  clear: both;
	  margin-left: 0;
	  margin-right: 0;
	  width: 100%;
	}
	
	#product-rubber .product-box:nth-child(3n) {/*真ん中*/
	  margin-right: 0;
	}
	
	#product-rubber .product-box:nth-child(3n+1) {/*右*/
	  margin-right: 0;
	}
	
	#product-rubber .product-box:nth-child(3n+2) {/*左*/
	  clear: both;
	  margin-left: 0;
	}
	
	#product-rubber .product-box:first-child {
	  margin-left: 0;
	  margin-right: 0;
	  width: 100%;
	}
	
	.product-box .image {
	  float: left;
	  margin: 0;
	  width: 32%;
	}
	
	.product-box .image .arrow {
	  bottom: 10px;
	  right: 10px;
	}
	
	.product-box .txt {
	  float: right;
	  width: 65%;
	}
	
	
}

@media (max-width: 640px){
	.product-box {
	  margin: 0 0 15px;
	}
	
	.product-box .image .arrow {
	  bottom: 5px;
	  height: 20px;
	  right: 5px;
	  width: 28px;
	}
	
	.product-box .image .arrow img {
	  max-height: 20px;
	}
}

/* ------------------------------------------------------- */