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

@media screen and ( max-width : 780px ){

  /*画面幅が780pxまでの時*/
/*formatting style*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

/*メイン*/
.spmain {
	height: auto;
	width: 100%;
	margin:  auto ;
	padding-bottom: 20%;
	
	
}
/*slick・topビュー*/	
	
.slider {
 
  margin-inline: auto;
  overflow: hidden; /* 画像がはみ出ないようにする */
  width: 100%;
}
.slick-img img {
  width: 100%;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}




.spmain .container {
		width: 100%;
		height: auto;
	
	}

.spmain .container li  {
	margin-top: auto;
	height: 210px;
	width: 200px;
	float: left;
	list-style: none;
	text-decoration: none;
	margin-bottom: auto;
}




.spmain .container li p {
	list-style: none;
	font-size: 12px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
}





	
/*コンセプト*/
.spmain .concept {
    height: auto;
    width: 90%;
    margin: auto ;
   	
	 
}
	.spmain .concept h1{
	font-size: 18px;
	color: #333;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 40px;	
	
		
	}	
	.spmain .concept h2{
	font-size: 20px;
	color: #333;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
		padding-top: 40px;	
	margin: 20px auto 5px;
		
	}	
	.spmain .concept p {
	font-size: 14px;
	font-family: "Sawarabi Mincho";
	line-height: 1.8em;
	margin: 50px auto ;
	color: #333;
	text-align: left;
	width: 90%;
	
}

/*お知らせ*/
.spmain .concept .infobox {
	height: 20em;
	border: 1px none #CCC;
	overflow: auto;
	width: 90%;
	margin:  50px auto 70px;
		
}
.spmain .concept .infobox li {
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	border-bottom: 1px dotted #CCC;
	text-align: left;
	line-height: 3em;
		padding-left:1em;
	text-indent:-1em;

	
}




/*topページ　product*/
	
.menusp {
	height: auto;
	width: 100%;
	margin: 20px auto 30px;
	padding-bottom: 20px;
}
.menusp h2 {
	font-size: 15px;
	color: #333;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
padding-bottom: 20px;
}
	
.menusp li {
	
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 5% auto;
	list-style: none;
	
	text-align: center;
}
	
	

	

.spmain.menu li img{
 margin:auto; 
   
}



	/*toppage rejuile*/
.spmain .other {
	padding-top: 50px;
	clear: both;
	width: 100%;
	height: auto;
	
	margin: auto;
}
.spmain .other h1 {
    font-size: 14px;
	color: #333;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 10px auto 20px;
	
	
	}	

	/*toppageコラムリスト*/
.spmain .list {
	padding-top: 50px;
	clear: both;
	width: 100%;
	height: auto;
	margin-left: -4.5%;
	margin-right: auto;
}
.spmain .list h1 {
    font-size: 16px;
	color: #333;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 10%;
	margin-right: auto;
	margin-bottom: 20px ;
	}

	.spmain .list ul{
		width:90%;
		margin: auto 14%;
	}		
 .spmain .list li {
	display: inline-block;
	height: auto;
	width: 45%;
	
	
}
 .spmain .list li  img {
	padding-left: 0px;
	border: 1px none #FFF;
}


.spmain .list li p {
	text-align: center;
	width: 90%;

}
 .spmain .list li p a {
	color: #000;
}
/*toppageコラムリスト*/
.spmain .follow {
	padding-top: 50px;
	clear: both;
	width: 100%;
	height: auto;
	margin-left: -4.5%;
	margin-right: auto;
}
.spmain .follow h1 {
    font-size: 16px;
	color: #333;
	font-family: "Sawarabi Mincho";
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 10%;
	margin-right: auto;
	margin-bottom: 20px ;
	}

	.spmain .follow ul{
		width:90%;
		margin-left: 10% ;
		text-align: center;
	}		
 .spmain .follow li {
	display: inline-block;
	height: auto;
	width: 55px;
	 margin:2% ;
	 
	
	
}
 .spmain .follow li  img {
	padding-left: 0px;
	border: 1px none #FFF;
}