@charset "utf-8";

body {
	background-color: #fff;
}





/*スライダー部*/
#slider_img {
	margin-top:0;
	width:100%;
	padding:0 ;

	background-color:#000;
}
#slider_img .inner{
	width:1100px;
	margin:0 auto;
}



/*メインコンテンツ
---------------------------------------------------------------------------*/

#main-image {
	width:100%;
	margin-top:20px;
	background-color:#fff;
	padding-bottom: 50px;
	height:580px;
}

#banner{
	float:right;
	width:483px;
	margin:20px 20px 35px 0;
}
.lead{
	font-size:140%;
	margin:10px 0 5px;
	line-height:1.8;
}
.custam{
	position:relative;
	height:210px;
}


.leaf{
	position:relative;
	margin-top:40px;
}

.origi_h{
	position:absolute;
	font-size:140%;
	left:0px;
	top:5px;
}
.insta{
	float:right;
	margin:10px 0 25px;
}
.oem{
	margin-top:25px;
}

.news_block {
	float:left;
	padding-left:20px;
	margin-top:30px;
	width: 491px;
}


/*ニュース・新着情報*/
#news {
	background-color: #f2f2f2;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(135deg, #fff, #f2f2f2);
	background-image: linear-gradient(135deg, #fff, #f2f2f2);
	border:10px solid #ccc;
	border-radius: 5px;
}

#news h3 {
	background-color: #dcdddd;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e2e2));
	background-image: -webkit-linear-gradient(#fff 40%, #e1e2e2 90%);
	background-image: linear-gradient(#fff 40%, #e1e2e2 90%);
	border-bottom: solid 1px #ccc;
	padding: 10px 20px;	
	font-size: 115%;
}

.ifra{
	width:100%;
	height:250px;
}
.sdgs{
	margin:30px 0;
}




@media screen and (min-width:601px) and (max-width:1199px){


#slider_img .inner{
    width: auto;
}

#main-image {
	width:100%;
	margin-top:20px;
	background-color:#fff;
}

#banner{
	float:right;
	width:43%;
	margin:20px 20px 20px 0;
}
.lead{
	font-size:130%;
	margin:10px 0 5px;
}

.leaf{
	position:relative;
	margin-top:60px;
}

.leaf_botol{
	position:absolute;
	width:30%;
	right:10px;
	top:-10px;
}


.news_block {
	float:left;
	padding-left:20px;
	margin-top:30px;
	width: 47%;
}


/*ニュース・新着情報*/
#news {
	background-color: #f2f2f2;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(135deg, #fff, #f2f2f2);
	background-image: linear-gradient(135deg, #fff, #f2f2f2);
	border:10px solid #ccc;
	border-radius: 5px;
}

#news h3 {
	background-color: #dcdddd;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e2e2));
	background-image: -webkit-linear-gradient(#fff 40%, #e1e2e2 90%);
	background-image: linear-gradient(#fff 40%, #e1e2e2 90%);
	border-bottom: solid 1px #ccc;
	padding: 10px 20px;	
	font-size: 115%;
}

.ifra{
	width:100%;
	height:250px;
}

}


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

#slider_img .inner{
    width: auto;
}

#main-image {
	width:auto;
	margin-top:20px;
	padding:0 15px 20px;
}

#banner{
	float:left;
	width:100%;
	margin:20px 0 20px;
}
.lead{
	font-size:122%;
	margin:0 0 5px;
}


.leaf{
	position:relative;
	width:auto;
	margin-top:20px;
}

.leaf_botol{
	position:absolute;
	width:30%;
	right:10px;
	top:-10px;
	z-index:20;
}
.oem{
	margin-top:18px;
}


.news_block {
	float:left;
	padding-left:0;
	margin-top:10px;
	margin-bottom:20px;
	width: 100%;
}


/*ニュース・新着情報*/
#news {
	background-color: #f2f2f2;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(135deg, #fff, #f2f2f2);
	background-image: linear-gradient(135deg, #fff, #f2f2f2);
	border:10px solid #ccc;
	border-radius: 5px;
}

#news h3 {
	background-color: #dcdddd;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e1e2e2));
	background-image: -webkit-linear-gradient(#fff 40%, #e1e2e2 90%);
	background-image: linear-gradient(#fff 40%, #e1e2e2 90%);
	border-bottom: solid 1px #ccc;
	padding: 5px 20px;	
	font-size: 115%;
}

.ifra{
	width:100%;
	height:200px;
}

}