@charset "utf-8";
/* 材料紹介 */
/* ------------------------------------------------------- */
#material-list-pc {
  margin: 0 2%;
}

#material-list-pc p {
  margin: 5px 0 0;
  text-align: right;
}

#material-list-sp {
  display: none;
}



.material-box {
  float: left;
  margin: 0 3% 45px 0;
  width: 30%;
}

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

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

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

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

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

@media (max-width: 780px){
	#material-list-pc {
	  display: none;
	}

	#material-list-sp {
	  display: block;
	}
	
	.material-box {
	  float: left;
	  width: 45%;
	}
	
	.material-box:nth-child(3n) {
	  
	}
	
	.material-box:nth-child(3n+1) {
	  clear: none;
	}
	
	
	.material-box:nth-child(2n) {
	  margin-left: 3%;
	  margin-right: 2%;
	}
	
	.material-box:nth-child(2n+1) {
	  clear: both;
	  margin-left: 2%;
	  margin-right: 3%;
	}

}

@media (max-width: 640px){
	.material-box {
	  margin: 0 0 15px;
	  width: 48%;
	}
	.material-box:nth-child(2n) {
	  margin-left: 0;
	  margin-right: 0;
	}
	
	.material-box:nth-child(2n+1) {
	  clear: both;
	  margin-left: 0;
	  margin-right: 4%;
	}
	
	.material-box .image {
	  margin: 0 0 3px;
	}
	
	
}
/* ------------------------------------------------------- */