@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page::before {
  background-image: url("../images/products-images/page-bg.jpg");
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.products-list__item {
	background-color: #eee;
	padding: 25px;
	margin-bottom: 30px;
}
.products-list__img {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 30px;
}
.products-list__item img {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.products-list__item p {
	font-size: 1.4rem;
	margin-bottom: 0;
}
.products-list__tit {
	color: var(--color01);
	font-size: 1.8rem;
}
.products-list__tit span {
	display: block;
	color: #272727;
	font-family: var(--font02);
	font-size: 70%;
	font-weight: 800;
	margin-bottom: 5px;
}
.car {
  display: block;
  width: 45%;
  margin: 0 auto 30px auto;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){

}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.products-list__item {
	padding: 15px;
}
.products-list__img {
	padding: 15px;
	margin-bottom: 20px;
}
}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.products-list__item {
	padding: 20px;
	margin-bottom: 20px!important;
}
.products-list__img {
	padding: 10px;
	margin-bottom: 20px;
}
.products-list__item p {
	font-size: 1.3rem;
}
.products-list__tit {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.car {
  width: 80%;
}

}

