/* ------------- Frame size and BG ---------------- */

#about_bg{
	background-color: #6cb147;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	min-height:1200px;
}
#product_bg{
	background-color: #c7d6ed;
	background-image:url("../images/bg_green.jpg");
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	min-height:800px;
}

#info_bg{
	background-image:url("../images/bg_info.png");
	background-repeat:no-repeat;
	background-position: left bottom;
}
#sns_bg{
	background-color: #D6F0D3;
}
/* -------------- About --------------- */
ul.about_ul{
	clear:both;
}
/* ------------- Product ---------------- */
#product h2{color:#000000;}
ul.productbox{clear:both;}
.productbox li{
	color:#000000;
	float:left;
	padding:3%;
	margin:2%;
	text-align:center;
	background-color:#FFFFFF;
	margin-bottom: 30px;
}

/* ---------------------------- PC ----------------------------- */
@media print, screen and (min-width: 769px){
/* -------------- About --------------- */
ul.about_ul li{
	width:50%;
}
li#about1, li#about4{
	float:left;
}
li#about2, li#about3{
	float:right;
}
li#about1, li#about3{
	width:50%
}
li#about2, li#about4{
	width:40%;
}
/* ------------- product ---------------- */
.productbox li{
	width:23%;
}
}
/* ---------------------------- Tablet ----------------------------- */
@media screen and (max-width: 768px){
/* -------------- About --------------- */
ul.about_ul li{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}
li#about2, li#about4{
	width:90%;
}
/* -------------- product --------------- */
.productbox li{
	width:90%;
}
/* -------------- sns --------------- */
}