@charset "UTF-8";
img.pc {
    display: block;
}
img.sp {
    display: none;
}
img{
   max-width: none;
}

@media (max-width: 800px) {
    img.pc {
        display: none;
    }
    img.sp {
        display: block;
    }
}
.clear{clear:both !important;}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.sp {
	width: 100%;
    height: auto;
}

br.sp{
    display: none;   
}

@media (max-width: 800px) {

br.sp{
    display: block;   
}
}

/********LP要素ここから*************/

.sample_header {
    width: 100%;
    height: 90px;
    display: block;
    background: #818a2f;
}

    .sample_header img{
        width: 100%;
        max-width: 1480px;
        height: auto;
        margin: 0px auto
    }

.sample_footer {
    width: 100%;
    display: block;
    background: #818a2f;
}

    .sample_footer img{
        width: 100%;
        max-width: 1480px;
        height: auto;
        margin: 0px auto
    }


/*mainimage*/
/*------------------------------------------------------------------------------*/
.bx-wrapper{
	display: block;
	
}

.bx-controls-direction{
	display: none !important;
	
}
.bx-controls{
	display: none;
}

	.bxslider{
		width:100%;
		display:block;
		margin:0px auto;
	}


	.bx_box {
		width: 100%;
		display:block;
		position:relative;
        padding-top: 90px;
	}

	.bxslider li {
		width: 100%;
        height: 400px;
		background-repeat:no-repeat;
		background-position: center center;
        background-size: cover;
		display: block;
		text-align:center;
	}
	.bxslider li span{
		display:none;
	}
		
		.bxslider_01{background-image:url("main_01.png");}
		.bxslider_02{background-image:url("main_02.png");}
		.bxslider_03{background-image:url("main_03.png");}
/*
	.bx_in {
		width: 100%;
		height:790px;
		display: table;
		margin:0px auto;
	}


	.bx_tit {
		width: 100%;
		display: table-cell;
		vertical-align:top;
		padding-top:200px;
		text-align:center;
		font-size:300%;
		font-weight:bold;
		letter-spacing:10px;
	}

		.bx_tit strong{
			color:#0085CC;
		}

		.bx_tit span{
			width: 100%;
			display:block;
			font-size:60%;
			font-weight: normal;
			letter-spacing:5px;
		}

*/


	.bx_box_area {
		display:table;
		width:96%;
		max-width:1000px;
		margin:0px auto;
		text-shadow:#FFFFFF 0px 0px 10px;
	}


	.bx_box_in {
		text-align:left;
		display:table-cell;
		vertical-align: middle;
		height:500px;
	}
	
	.bx_bigtit {
		font-size:250%;
		font-weight:bold;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		-ms-writing-mode: tb-rl; /* for MS IE8+ */
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		float:right;
		display:block;
		padding:20px;
	}


	.bx_tit {
		font-size:100%;
		font-weight:bold;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		-ms-writing-mode: tb-rl; /* for MS IE8+ */
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		float:right;
		display:block;
		padding:20px 0px;
		line-height: 1;
	}

	.bx_txt{
		-ms-writing-mode: tb-rl; /* for MS IE8+ */
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		float:right;
		display:block;
	}



	.bx-pager{
		padding-top:10px;
		display:table;
		margin:0px auto;
		position:absolute;
		z-index:9999;
	}
	.bx-pager a{
		color:#FFF;
	}
	.bx-pager > div{
		display:table-cell;
	}

	.bx-pager > div a{
		margin:3px;
		height:10px;
		width:10px;
		color:white;
		background:#FFF;
		text-align:center;
		font-size:10px;
		text-indent:-9999px;
		display:block;
		border-radius:100%;
		border: 1px solid #F15A25;
	}

	.bx-pager > div a.active{
		background:#F15A25;
		border: 1px solid #FFF;
	}




	#slider-prev,
	#slider-next{
		background:url(../image/common/btn_next.png) no-repeat center center;
		width:42px;
		height:42px;
		display:block;
		z-index:999;
		position:absolute;
		top:0;
		bottom:0;
		right:10px;
		margin: auto;
	}

	#slider-prev{
		background-image:url(../image/common/btn_prev.png);
		left:10px;
		right: auto;
	}

	#slider-prev a,
	#slider-next a{
		width:42px;
		height:42px;
		display:block;
		text-indent:-9999px;
	}


/*------------------------------------------------------------------------------*/
/*  共通  */
.tit_01 {
    width: 100%;
    margin: 0px auto;
    display: block;
    text-align: center;
    font-size: 34px;
    color: #737C16;
    padding-bottom: 50px;

}

    .tit_01 span{
        width: 100%;
        margin: 0px auto;
        display: block;
        text-align: center;
        font-size: 17px;
    }

.tit_02 {
    width: 100%;
    margin: 0px auto;
    display: block;
    font-size: 18px;
    color: #737C16;
    padding-bottom: 30px;
}

.tit_03 {
    width: auto;
    margin: 0px 0px 10px;
    display: table;
    font-size: 14px;
    color: #FFF;
    background: #737C16;
    font-weight: bold;
    padding: 5px 10px;
}


/*  about_history  */
.about_history {
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    padding: 50px 0px 0px;
}

.about_history_box_01,
.about_history_box_02{
    width: 100%;
    margin: 0px auto;
    display: table;
    padding-bottom: 50px;
}

.about_history_left {
    display: table-cell;
    vertical-align: middle;
}

    .about_history_box_01 .about_history_left {
        padding: 0px 50px 0px 100px;
        background: url("txt_history_01.png") no-repeat left 30px;
    }


.about_history_right {
    display: table-cell;
    vertical-align: middle;
}

    .about_history_box_02 .about_history_right {
        padding: 0px 100px 0px 50px;
        background: url("txt_history_02.png") no-repeat right 30px;
    }

@media (max-width: 1350px) {
 .about_history_box_01 .about_history_right img{
        width: 400px;
        height: auto;
     
    }   

.about_history_box_02 .about_history_left img{
        width: 400px;
        height: auto;
     
    }   
    
  }

.about_history_left_sp {
    display: none;
}

/*  about_promise  */
.about_promise {
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
    background: #F4F4F4;
}

.about_promise_box{
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: table;
    padding-bottom: 50px;
}

.about_promise_left {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 50px 0px 100px;
}

    .about_promise_text{
        padding: 0px 0px 30px;
    }

    .about_promise_left .about_promise_text:last-child{
        padding: 0px 0px 0px;
    }

    .about_promise_text .tit_02{
        padding: 0px 0px 15px;
    }

.about_promise_right {
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 1350px) {
.about_promise_left {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 50px 0px 0px;
}    
.about_promise_right img{
        width: 400px;
        height: auto;
     
    }   


  }


/*  about_plants  */
.about_plants {
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
}

.about_plants_box{
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    display: block;
    padding-bottom: 30px;
}

.about_plants_img{
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    display: block;
}


    .about_plants_img img{
        width: 100%;
        height: auto;
    }

/*  about_product  */
.about_product {
    width: 100%;
    margin: 0px auto;
    display: block;
    background: #F9FAEF;
    padding: 50px 0px 0px;
}

.about_product_box{
    width: 100%;
    margin: 0px auto;
    display: block;
    position: relative;
}

.about_product_img img{
    width: 100%;
    max-width: 1035px;
    height: auto;
}

.about_product_txt{
    position: absolute;
    background: #FFF;
    padding: 50px;
    display: block;
    right: 10%;
    top: 40%;
}
@media (max-width: 1350px) {
 .about_product_txt{
    right: 0;
}
    
}    
/*  about_sdgs  */
.about_sdgs {
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 50px 0px 0px;
}

.about_sdgs_box{
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    text-align: center;
    padding-bottom: 30px;
}

.about_sdgs_img{
    width: 100%;
    height: 350px;
    display: block;
    margin: 0px auto;
    background: url("img_sdgs.png") no-repeat center center;
    background-size: cover;
}

/*  about_video  */
.about_video {
    width: 90%;
    max-width: 1000px;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
}

    .about_video iframe{
        width: 100%;
        height: 500px;
    }