@charset "utf-8";
/* CSS Document */

.kasouimg{
	background-image: url("../img/material_mv.jpg");
	background-size: cover;
}
	
#material{
	padding: 0 6rem 6rem; 
}

/*==========.products==========*/

.prodcts_box{
	display: flex;
	justify-content: center;
	margin: 3rem 2rem;
}

.prducts_item{
	background-color: #FFF;
	margin: 0 3rem;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	width: 400px;
	}

.prducts_text{
	margin: 1.5rem auto;
	text-align: center;
}

.prductsBtn{
	font-size: 1.4rem;
	margin-top: 1rem;
}

/*slider----------------------------*/

.slider .slick-list {
  overflow: visible;
}

/*slick*/
.sp .slider{
	margin: 5rem auto 3rem;
}

.sp .btn{
	width: 80%;
	margin: 1rem auto 5rem;
	padding: 1rem;
	font-size: 1.8rem;
}

.slider .slick-slide {
  transform: scale(1); /* 不要な縮小を防止 */
}

.slider img {
  width: 100vw;  /* ビューポート幅にフィット */
  height: auto;
  object-fit: cover;
}




@media screen and (max-width:1230px){
	#products .pc{
		width: 100%;
	}
	#products .zoom{
		width: 250px;
	}
	.prducts_item{
		width: fit-content;
	}
	.prducts_text{
		padding-bottom: 1.5rem;
	}
}

@media screen and (max-width:860px){
	section{
		padding: 3rem 3rem 4rem;
	}
	
	h3{
		margin-bottom: 2rem;
	}
	
	.sp .slider{
		margin: 3rem auto;
	}
	
	.prodcts_box:first-child{
		width: 70%;
	}
	.prducts_item{
		margin: 0 1rem;
	}
    #products .zoom {
        width: 100%;
    }
}

@media screen and (max-width:430px){
	.kasouSubmenu {
        margin-bottom: 2rem;
    }
   
}