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



  
html {
    font-size: 13px;
	
}


body {
  margin: 0;
  padding: 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background-color: #F6F6F6}


/* wrap */

.hero {
  position: relative;
}
.logo{
	position: fixed;
	top:1%;
	left: 5%;
	z-index:3;
	width: 85px;
}

.logo img{

	width: 100%;
}




    .fullPageScroll {
        width: 100%;
        height: 100vh;
        scroll-snap-type: y mandatory;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }

.section{
	width: 100%;
	   height: 100vh;
	position: relative;
	text-align: center;
	
}
  section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);


        width: 100%;
        height: auto;
        scroll-snap-align: start;
		   overflow: hidden;

		  
      }

#section2,#section4,#section6{
	background-color: #fff;
}
   .pagination {
        position: fixed;
        top: 50%;
        right: 32px;
        transform: translateY(-50%);
	   z-index: 999;
      }

      .pagination a {
        display: block;
        width: 12px;
        height: 12px;
        margin: 24px 0;
        border-radius: 50%;
        background-color:#959595;
        transition: transform 0.2s;
      }

      .pagination a.active {
        transform: scale(1.8);
      }


/* トップページ top02 */

.top02{
	width: 100%;
	padding:0% 0%  20% 4%;
	box-sizing: border-box;
	margin:0px auto;
	background-color: #fff;
	
}

.top02 h2 {
		display:inline-block;
 font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
 padding-top: 3%;
	color:#000;
	width: 28%;
	float: left;

	
}


.top02 h2:before {
	content:"●";
	display: inline-block;
	padding-right: 5px;

	color:#0F8930;
	font-size: 0.9rem;
	vertical-align: middle;
}

.top02 h3{
	display: inline-block;
	margin:3% 0px;

 font-size: 1.8rem;
	font-weight: 700;
	line-height: 90%;
width: 48%;
	text-align: left;
	color:#8AAF7B;
}


.top02 h4{

	width: 85%;
	margin:7px 0px 7px 0%;
	text-align: left;
	color:#5F5D5D;
	font-size:1.0rem;
	font-weight: 600;
	box-sizing: border-box;
	padding-bottom: 5PX;
	
	border-bottom: 4PX solid #8AAF7B;
	
}

.top02 h4 small{

	
	width: 100%;
text-align: left;
	font-size:0.7rem;
	font-weight:500;
	letter-spacing: -1px;
	padding: 3px 0px 0px 0px;
	margin: 0;
		display: block;
		
}

.top02 p {
	display:block;
 font-size: 0.7rem;
	line-height: 13px;
	font-weight: 400;
width: 85%;
	
	text-align: left;
 padding: 2% 0%;
}

.top02 div{
	display: block;
	width: 70%;
	margin-left: 5%;
	vertical-align: top;
	text-align: center;
		background-color: #fff;
box-sizing: border-box;

	
}
.top02 div:last-child{
	padding: 0px 0px;
	width: 100%;
	margin-left: 0%;
}


/* フッター */



footer{

	width: 100%;
display: inline-block;

text-align: center;
	padding: 5% 0px 0% 4%!important;

box-sizing: border-box;	
}



footer div{
	vertical-align: top;
	display: inline-block;
	width: 95%;
	text-align: left;
	
margin-bottom: 5px;	
}



footer div h2{
display: block;
	width: 100%!important;
	 font-size: 0.6rem!important;
	font-weight: 700;
	color: #000;
	padding-top: 5px!important;
}


footer div h2::before{
display:none!important;
	
}
footer div p{
font-size: 0.9rem;
	width: 80%;
	line-height: 27px;
	color: #646464;
}

footer div ul{
font-size: 0.5rem;
list-style: none;
	width: 100%;
	color: #646464;
}

footer div ul li::before{
	content: '';
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #908E8E;
	margin: 0px 5px 5px 0px 

}

footer div ul li{
	display: inline-block;
	width: auto;
margin-bottom: 10px;

}

footer div span{
	font-size: 0.5rem;
	display: inline-block;
	width: 30%;
	margin-bottom: 5px;
	color: #646464;

	
}

footer div span::before{
	content:url("../images/twitter.svg");
	display: inline-block;
	width:15%;
	padding-right: 3px;
	vertical-align: middle;
	
}

footer div span:first-of-type::before{
	content:url("../images/instagram.svg");
		
}

footer div span:last-child::before{
	content:url("../images/youtube.svg");
		
}


footer div small{
	width: 85%;
	display: block;
	margin: auto;
	text-align:left; 
	font-size: 0.5rem;
	margin-top: 0px;
	
}

	

/* 会社概要 */




/*  アグリカルチャー */	
.agri,.global,.history,.company_info{
width: 100%;
margin: 0px auto;
	padding:0% 0% 20% 4%;
text-align: center;
box-sizing: border-box;
} 
	

.agri img, .global img{
width: 100%;

}
.agri,.history{
background-color: #fff;

} 	

.company_info{
	height:auto;
}
	
/*  アグリカルチャー */	
	
.sec_float{
		vertical-align: top;
		display: inline-block;
		width:90%;
	margin-bottom: 30px;
	}

.agri h2,.global h2,.history h2,.company_info h2 ,.brand_topics01 h2,.recipe01 h2 ,.recipe02 h2 ,.company_top02 h2, .offer h2,.contact h2 ,.archive h2{
	display:block;
 font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
 padding-top: 5%;
	color:#000;
	
}

.history h2,.company_top01 h2 ,.company_info h2{
	display:inline-block;
 font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
 padding-top: 7%;
	color:#000;
	width: 28%;
	float: left;
	
}



.agri h2:before,.global h2:before,.history h2:before,.company_info h2:before,.brand_topics01 h2:before,.recipe01 h2:before,.recipe02 h2:before ,.company_top01 h2:before,.company_top02 h2:before, .offer h2:before,.contact h2:before ,.archive h2:before {
	content:"●";
	display: inline-block;
	padding-right: 5px;

	color:#0F8930;
	font-size: 0.8rem;
text-align: center;
	vertical-align: middle;
}

.agri h3, .global h3{
	display: block;
	margin:5% 0px;

 font-size: 1.8rem;
	font-weight: 700;
	line-height: 110%;
width: 100%;
	text-align: left;
	color:#8AAF7B;
}	
	

	.global P{
		display:block;
		text-align: left;
		width: 82%;
padding: 3% 0% 3% 3%;
		
 font-size: 0.9rem;
		color:#2D2B2B;
		line-height: 22px;
	}

.global h4{
width: 85%;
		text-align: left;
		
		box-sizing: border-box;
		font-size: 1.0rem;
		color:#073F21 ;
		margin: 0;
}	
	
.global div{
		display:block;
		width: 90%;
		margin:0px auto 10px auto;
	}

	
.global div  span{
	display: block;
	width: 100%;
		font-size: 0.9rem;
	text-align: right;
	padding: 7px 3px 0px 0px;
	height: 30px;
	color: #464646;
	box-sizing: border-box;
	}


	
/*  ASIA*/


.brand_topics01{
width:100%;
	box-sizing: border-box;
		padding:0% 0% 15% 4%;
	background-color: #fff;

	height:auto;
text-align: center;

}

.brand_topics01 div{
width:100%;
display: inline-block;
	vertical-align: top;
	padding: 5% 0 0 0;
text-align: left;

}


	
.brand_topics01 div img{
width: 55%;
padding-left: 12%;
}

	.brand_topics01 div:nth-of-type(2){

		margin-bottom: 20px;

}


.brand_topics01 div h3 {
 font-size: 1.0rem;
	font-weight: 600;
	width: 85%;
	text-align: left;

	color:#0F8930;
line-height: 20PX;
}
	.brand_topics01 div h4{
 font-size: 1.4rem;
	font-weight: 600;
text-align: left;
color: #242323;

}

	.brand_topics01 div p{
 font-size: 0.9rem;
	font-weight: 400;
line-height: 22px;
	text-align: left;
width: 85%;
color: #242323;
margin-top: 10px;
}


.brand_topics01 h5{
text-align: left;
margin:5% 0px;
 font-size: 1.8rem;
	font-weight: 700;
	line-height: 100%;
width: 100%;
		color:#8AAF7B;
}




/* 施設*/
	
	.company_top01{
		height:auto;
		margin:auto;
		width: 100%;
		text-align: center;
	box-sizing: border-box;
			padding:0% 0% 20% 4%;
		
	}	
	

	
.company_top01 h3{
	display: block;
	margin:5% 0px 8% 5px;
 font-size: 1.8rem;
	font-weight: 700;
	line-height: 90%;
width: 100%;
	text-align: left;
	color:#8AAF7B;
	
}

.company_top01 div{
		margin:0px auto 0px auto;
		text-align: center;
		width: 100%;
		display: inline-block;
		
	
	}
	
	.company_top01 div:nth-of-type(1){


	}


	
.company_top01 h4{

 font-size: 0.9rem;
	font-weight:600;
color: #3F3E3E;
	border-bottom:3px #920507 solid;
	padding-bottom: 5px;
width: 85%;
	text-align: left;
	margin-bottom: 10px;}	
		
.company_top01 p{

 font-size: 0.9rem;
	font-weight:500;
color: #3F3E3E;
line-height: 25px;
width:85%;
	text-align: left;
}	
	
.company_top01 span{
display: block;
margin:3% 0 4% 22%;
background-color:#286005;
color: #fff;
	text-align: center;
 font-size: 0.9rem;
	font-weight:500;
	width: 40%;
	padding: 2px 0px;
	border-radius: 10px;
}	
	.company_top01 iframe{
	display: none;

}
	
	
/*  沿革 */
	.history h3{
	display: inline-block;
	margin:5% 0px;

 font-size: 1.8rem;
	font-weight: 700;
	line-height: 100%;
width: 72%;
	text-align: left;
	color:#8AAF7B;
}

.history div,.history02 div,.company_info div{
		
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}





.history table, .history02 table, .company_info table{
	width: 85%;
	border-collapse: collapse;
  border-spacing: 0;

}
	

.history table th, .history02 table th{
	border-bottom: 1px #B0B0B0 solid;
vertical-align: top;
	color: #575757;
	font-weight: 400;
	font-size: 0.7rem;
	width:25%;
	text-align: left;
	padding: 3px 0px 5px 0px;
}
	



	.history div:last-child,.company_info div:last-child{
		
	
		width: 100%;
	}



.history table td,.history02 table td{
	border-bottom: 1px #B0B0B0 solid;
text-align: left;
	padding: 3px 0px 10px 0px;
	font-size: 0.7rem;
	line-height: 18px;
	
	
}
	

.company_info h3{
		display: inline-block;
	margin:3% 0px;

 font-size: 1.8rem;
	font-weight: 700;
	line-height: 100%;
width: 72%;
	
	text-align: left;
	color:#8AAF7B;
}
	
	
	
	
.company_info table th{
	border-bottom: 1px #B0B0B0 solid;
vertical-align: top;
	color: #575757;
	font-weight: 400;
	font-size: 0.6rem;
	width:25%;
	text-align: left;
	padding: 5px 0px 5px 0px;
	line-height: 12px;
}
		

.company_info table td{
	border-bottom: 1px #B0B0B0 solid;
text-align: left;
	padding: 5px 0px 5px 0px;
	font-size: 0.6rem;
	line-height: 12px;
	
	
}


.company_info table td ul{
line-height: 18px;
}
.company_info table td ul li{
margin-bottom: 20px;
}
	
	
	
@media screen and (max-width: 321px) {
html {
    font-size: 13px;
	
}


body {
  margin: 0;
  padding: 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background-color: #F6F6F6}


/* wrap */

.hero {
  position: relative;
}
.logo{
	position: fixed;
	top:1%;
	left: 5%;
	z-index:3;
	width: 85px;
}

.logo img{

	width: 100%;
}




    .fullPageScroll {
        width: 100%;
        height: 100vh;
        scroll-snap-type: y mandatory;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }

.section{
	width: 100%;
	   height: 100vh;
	position: relative;
	text-align: center;
	
}
  section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);


        width: 100%;
        height: auto;
        scroll-snap-align: start;
		   overflow: hidden;

		  
      }

#section2,#section4,#section6{
	background-color: #fff;
}
   .pagination {
        position: fixed;
        top: 50%;
        right: 32px;
        transform: translateY(-50%);
	   z-index: 999;
      }

      .pagination a {
        display: block;
        width: 12px;
        height: 12px;
        margin: 24px 0;
        border-radius: 50%;
        background-color:#959595;
        transition: transform 0.2s;
      }

      .pagination a.active {
        transform: scale(1.8);
      }


/* トップページ top02 */

.top02{
	width: 100%;
	padding:0% 0% 5% 4%;
	box-sizing: border-box;
	margin:0px auto;
	background-color: #fff;
	
}

.top02 h2 {
		display:inline-block;
 font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
 padding-top: 3%;
	color:#000;
	width: 28%;
	float: left;

	
}


.top02 h2:before {
	content:"●";
	display: inline-block;
	padding-right: 5px;

	color:#0F8930;
	font-size: 0.9rem;
	vertical-align: middle;
}

.top02 h3{
	display: inline-block;
	margin:3% 0px;

 font-size: 1.8rem;
	font-weight: 700;
	line-height: 90%;
width: 48%;
	text-align: left;
	color:#8AAF7B;
}


.top02 h4{

	width: 85%;
	margin:7px 0px 7px 0%;
	text-align: left;
	color:#5F5D5D;
	font-size:1.0rem;
	font-weight: 600;
	box-sizing: border-box;
	padding-bottom: 5PX;
	
	border-bottom: 4PX solid #8AAF7B;
	
}

.top02 h4 small{

	
	width: 100%;
text-align: left;
	font-size:0.6rem;
	font-weight:500;
	letter-spacing: -1px;
	padding: 3px 0px 0px 0px;
	margin: 0;
		display: block;
		
}

.top02 p {
	display:block;
 font-size: 0.7rem;
	line-height: 12px;
	font-weight: 400;
width: 85%;
	
	text-align: left;
 padding: 2% 0%;
}

.top02 div{
	display: block;
	width: 70%;
	margin-left: 5%;
	vertical-align: top;
	text-align: center;
		background-color: #fff;
box-sizing: border-box;

	
}
.top02 div:last-child{
	padding: 0px 0px;
	width: 100%;
	margin-left: 0%;
}


/* フッター */



footer{

	width: 100%;
display: inline-block;

text-align: center;
	padding: 5% 0px 0% 4%!important;

box-sizing: border-box;	
}



footer div{
	vertical-align: top;
	display: inline-block;
	width: 95%;
	text-align: left;
	
margin-bottom: 5px;	
}



footer div h2{
display: block;
	width: 100%!important;
	 font-size: 0.6rem!important;
	font-weight: 700;
	color: #000;
	padding-top: 5px!important;
}


footer div h2::before{
display:none!important;
	
}
footer div p{
font-size: 0.9rem;
	width: 80%;
	line-height: 27px;
	color: #646464;
}

footer div ul{
font-size: 0.5rem;
list-style: none;
	width: 100%;
	color: #646464;
}

footer div ul li::before{
	content: '';
	display: inline-block;
	width: 5px;
	height: 1px;
	background-color: #908E8E;
	margin: 0px 5px 5px 0px 

}

footer div ul li{
	display: inline-block;
	width: auto;
margin-bottom: 10px;

}

footer div span{
	font-size: 0.5rem;
	display: inline-block;
	width: 30%;
	margin-bottom: 5px;
	color: #646464;

	
}

footer div span::before{
	content:url("../images/twitter.svg");
	display: inline-block;
	width:15%;
	padding-right: 3px;
	vertical-align: middle;
	
}

footer div span:first-of-type::before{
	content:url("../images/instagram.svg");
		
}

footer div span:last-child::before{
	content:url("../images/youtube.svg");
		
}


footer div small{
	width: 85%;
	display: block;
	margin: auto;
	text-align:left; 
	font-size: 0.5rem;
	margin-top: 0px;
	
}

	

/* 会社概要 */




/*  アグリカルチャー */	
.agri,.global,.history,.company_info{
width: 100%;
margin: 0px auto;
	padding:0% 0% 5% 4%;
text-align: center;
box-sizing: border-box;
	height:auto;
} 
	
.global{
	padding:0% 0% 5% 4%;
	height:auto;

} 
.agri img, .global img{
width: 100%;

}
.agri,.history{
background-color: #fff;

} 	

.company_info{
	height:auto;
}
	
/*  アグリカルチャー */	
	
.sec_float{
		vertical-align: top;
		display: inline-block;
		width:90%;
	margin-bottom: 30px;
	}

.agri h2,.global h2,.history h2,.company_info h2 ,.brand_topics01 h2,.recipe01 h2 ,.recipe02 h2 ,.company_top02 h2, .offer h2,.contact h2 ,.archive h2{
	display:block;
 font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
 padding-top: 5%;
	color:#000;
	
}

.history h2,.company_top01 h2 ,.company_info h2{
	display:inline-block;
 font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
 padding-top: 7%;
	color:#000;
	width: 28%;
	float: left;
	
}



.agri h2:before,.global h2:before,.history h2:before,.company_info h2:before,.brand_topics01 h2:before,.recipe01 h2:before,.recipe02 h2:before ,.company_top01 h2:before,.company_top02 h2:before, .offer h2:before,.contact h2:before ,.archive h2:before {
	content:"●";
	display: inline-block;
	padding-right: 5px;

	color:#0F8930;
	font-size: 0.8rem;
text-align: center;
	vertical-align: middle;
}

.agri h3, .global h3{
	display: block;
	margin:5% 0px;

 font-size: 1.5rem;
	font-weight: 700;
	line-height: 110%;
width: 100%;
	text-align: left;
	color:#8AAF7B;
}	
	

	.global P{
		display:block;
		text-align: left;
		width: 82%;
padding: 3% 0% 3% 3%;
		
 font-size: 0.7rem;
		color:#2D2B2B;
		line-height:18px;
	}

.global h4{
width: 85%;
		text-align: left;
		
		box-sizing: border-box;
		font-size: 1.0rem;
		color:#073F21 ;
		margin: 0;
}	
	
.global div{
		display:block;
		width: 90%;
		margin:0px auto 10px auto;
	}

	
.global div  span{
	display: block;
	width: 100%;
		font-size: 0.9rem;
	text-align: right;
	padding: 7px 3px 0px 0px;
	height: 30px;
	color: #464646;
	box-sizing: border-box;
	}


	
/*  ASIA*/


.brand_topics01{
width:100%;
	box-sizing: border-box;
	padding:5% 0% 5% 4%;
	background-color: #fff;

	height:auto;
text-align: center;

}

.brand_topics01 div{
width:100%;
display: inline-block;
	vertical-align: top;
	padding: 5% 0 0 0;
text-align: left;

}


	
.brand_topics01 div img{
width: 50%;
padding-left: 15%;
}

	.brand_topics01 div:nth-of-type(2){

		margin-bottom: 20px;

}


.brand_topics01 div h3 {
 font-size: 0.9rem;
	font-weight: 600;
	width: 85%;
	text-align: left;

	color:#0F8930;
line-height: 20PX;
}
	.brand_topics01 div h4{
 font-size: 1.4rem;
	font-weight: 600;
text-align: left;
color: #242323;

}

	.brand_topics01 div p{
 font-size: 0.7rem;
	font-weight: 400;
line-height: 18px;
	text-align: left;
width: 85%;
color: #242323;
margin-top: 10px;
}


.brand_topics01 h5{
text-align: left;
margin:5% 0px;
 font-size: 1.5rem;
	font-weight: 700;
	line-height: 100%;
width: 100%;
		color:#8AAF7B;
}




/* 施設*/
	
	.company_top01{
		height:auto;
		margin:auto;
		width: 100%;
		text-align: center;
	box-sizing: border-box;
		padding:5% 0%  5% 4%;
		
	}	
	

	
.company_top01 h3{
	display: block;
	margin:5% 0px 8% 5px;
 font-size: 1.5rem;
	font-weight: 700;
	line-height: 90%;
width: 100%;
	text-align: left;
	color:#8AAF7B;
	
}

.company_top01 div{
		margin:0px auto 0px auto;
		text-align: center;
		width: 100%;
		display: inline-block;
		
	
	}
	
	.company_top01 div:nth-of-type(1){


	}


	
.company_top01 h4{

 font-size: 0.8rem;
	font-weight:600;
color: #3F3E3E;
	border-bottom:3px #920507 solid;
	padding-bottom: 3px;
width: 85%;
	text-align: left;
	margin-bottom: 10px;}	
		
.company_top01 p{

 font-size: 0.7rem;
	font-weight:500;
color: #3F3E3E;
line-height: 20px;
width:85%;
	text-align: left;
}	
	
.company_top01 span{
display: block;
margin:3% 0 4% 22%;
background-color:#286005;
color: #fff;
	text-align: center;
 font-size: 0.7rem;
	font-weight:500;
	width: 40%;
	padding: 2px 0px;
	border-radius: 10px;
}	
	.company_top01 iframe{
	display: none;

}
	
	
/*  沿革 */
	.history h3{
	display: inline-block;
	margin:5% 0px;

 font-size: 1.5rem;
	font-weight: 700;
	line-height: 100%;
width: 72%;
	text-align: left;
	color:#8AAF7B;
}

.history div,.history02 div,.company_info div{
		
		display: inline-block;
		width: 100%;
		vertical-align: top;
	}





.history table, .history02 table, .company_info table{
	width: 85%;
	border-collapse: collapse;
  border-spacing: 0;

}
	

.history table th, .history02 table th{
	border-bottom: 1px #B0B0B0 solid;
vertical-align: top;
	color: #575757;
	font-weight: 400;
	font-size: 0.5rem;
	width:25%;
	text-align: left;
	padding: 3px 0px 5px 0px;
}
	



	.history div:last-child,.company_info div:last-child{
		
	
		width: 100%;
	}



.history table td,.history02 table td{
	border-bottom: 1px #B0B0B0 solid;
text-align: left;
	padding: 3px 0px 5px 0px;
	font-size: 0.5rem;
	line-height: 16px;
	
	
}
	

.company_info h3{
		display: inline-block;
	margin:3% 0px;

 font-size: 1.5rem;
	font-weight: 700;
	line-height: 100%;
width: 72%;
	
	text-align: left;
	color:#8AAF7B;
}
	
	
	
	
.company_info table th{
	border-bottom: 1px #B0B0B0 solid;
vertical-align: top;
	color: #575757;
	font-weight: 400;
	font-size: 0.6rem;
	width:25%;
	text-align: left;
	padding: 5px 0px 5px 0px;
	line-height: 12px;
}
		

.company_info table td{
	border-bottom: 1px #B0B0B0 solid;
text-align: left;
	padding: 5px 0px 5px 0px;
	font-size: 0.6rem;
	line-height: 12px;
	
	
}


.company_info table td ul{
line-height: 18px;
}
.company_info table td ul li{
margin-bottom: 20px;
}




}