@charset "utf-8";

/* スマホ(width:768px) */
@media (max-width: 768px) {

	/* 一覧 */
	.stock-car{
		width: 100%;
	}

}

/* タブレット(width:1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

	/* 一覧 */
	.stock-car{
		width: 24%;
	}
}
@media (max-width: 1024px){
	.col-box a.sp-only{
			display: block;
		}
}

@media (max-width: 680px){
	.stock-icon{
	  font-size: 22px;
	  justify-content: space-around;
	  color: #fff;
	}

	.stock1{
	  padding-top: 47px;
	  width: 150px;
	  height: 150px;
	}

	.stock-icon .stock2{
	  padding-top: 55px;
	  height: 150px;
	  width: 150px;
		font-size: 20px;
	}
}
@media (max-width: 500px){
	.stock1{
		margin: 0;
	}
	.stock-icon .stock2{
		margin: 0;
	}
	.col-box{
		justify-content: space-between;
	}
	.col-box a{
		width: 45%;
		margin-right: 0;
	}

	.col-box a:nth-child(3n){
	  margin-right: 0;
	}
	.catch{
		font-size: 15px;
	}
}