@charset "utf-8";


/* --------------------------------------------------------------------------------
en
-------------------------------------------------------------------------------- */
#en{
	padding: 0 0 14vw;
	word-break: break-word;
}
#en h2{
	position: relative;
	margin: 0 0 6vw;
	padding: 0 4vw 4.5vw;
	text-align: center;
	line-height: 1.4;
	letter-spacing: -0.05em;
	font-size: 5.2vw;
}
#en h2::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	
	content: '';
	width: 10vw;
	height: 0.5vw;
	margin: 0 0 0 -5vw;
	
	background: #f1f1f1;
}

/* ----------------------------------------
Profile
---------------------------------------- */
#en .profile{
	padding: 0 0 9vw;
}
#en .profile .img-txt{
}
#en .profile .img-txt .img{
	padding: 0 0 5vw;
}
#en .profile .img-txt .img img{
}
#en .profile .img-txt .txt{
}
#en .profile .img-txt .txt .tbl{
	padding: 0 4vw 6vw;
}
#en .profile .img-txt .txt .tbl table{
	width: 100%;
	line-height: 1.2;
}
#en .profile .img-txt .txt .tbl table th{
	width: 30vw;
	padding: 0.5vw 2.5vw;
	border-bottom: solid 1px #f1f1f1;
	text-align: left;
}
#en .profile .img-txt .txt .tbl table td{
	padding: 2vw 0;
	border-bottom: solid 1px #f1f1f1;
}

/********** txt-about **********/
#en .profile .txt-about{
	margin: 0 4vw;
	padding: 4vw 4vw;
	border: solid 1px #ccc;
	line-height: 1.65;
	font-size: 3vw;
}


/* ----------------------------------------
History
---------------------------------------- */
#en .history{
	padding: 0 0 9vw;
}
#en .history .img-txt{
}

#en .history .img-txt .img{
	padding: 0 0 8vw;
}
#en .history .img-txt .img .img-1{
	padding: 0 0 5vw;
}
#en .history .img-txt .img .img-1 img{
}
#en .history .img-txt .img .img-2{
}
#en .history .img-txt .img .img-2 img{
}

#en .history .img-txt .txt{
}



#pstbl {
	position: relative;
	width: auto;
	height: 65vw;
	margin: 0 4vw;
	padding: 0 2vw 0 0;
	box-sizing: border-box;
}
#pstbl .scroll-x {
	width: 6000px;
}
#pstbl .scroll-x2 {
	width: 100%;
}
#pstbl .ps__rail-x,
#pstbl .ps__rail-y {
	opacity: 0.6!important;
	-webkit-overflow-scrolling: touch;
}
#pstbl .ps__rail-y {
	width: 1vw;
	background: transparent;
}
#pstbl .ps__rail-y .ps__thumb-y {
	width: 1vw;
	background: #808080;
}


#en .history .img-txt .txt .tbl table{
	width: calc(100% - 1vw);
	line-height: 1.2;
}
#en .history .img-txt .txt .tbl table th{
	width: 12vw;
	padding: 1.5vw 1.25vw;
	border-bottom: solid 1px #f1f1f1;
	text-align: left;
}
#en .history .img-txt .txt .tbl table td{
	padding: 1.5vw 0;
	border-bottom: solid 1px #f1f1f1;
}


/* ----------------------------------------
Award
---------------------------------------- */
#en .award{
	padding: 0 0 2.5vw;
}
#en .award h2{
	margin-bottom: 6vw;
	text-align: left;
}
#en .award h2 .details{
	font-size: 4.5vw;
}
#en .award h2 .title{
	text-align: center;
}
#en .award .img-txt{
}

#en .award .img-txt .txt{
	padding: 0 4vw 0;
}
#en .award .img-txt .txt p{
	margin: 0 0 6vw;
	line-height: 1.7;
	letter-spacing: -0.01em;
}

#en .award .img-txt .img{
	padding: 0 0 6vw;
}


/* ----------------------------------------
Handling
---------------------------------------- */
#en .handling{
	padding: 0 4vw 10vw;
}

#en .handling h2{
	margin-bottom: 7vw;
}
#en .handling h3{
	margin-bottom: 4vw;
}
#en .handling h3 img{
}

#en .handling .txt-handling{
	padding: 0 2vw 6vw;
}
#en .handling .txt-handling p{
	line-height: 1.9;
}
#en .handling .font-b{
	font-weight: 700;
	margin-top: 2vw;
    margin-bottom: 5vw;
}



/* ----------------------------------------
Handling　パターン3　横スクロール
---------------------------------------- */
/* name */
#en .handling .list{
	padding: 0 2vw;
	overflow-x: scroll;
	margin: 0 0 8vw;
}
#en .handling .list ul{
	display: flex;
}
/*表の幅
----------------------------------------*/
/*タマネギ*/
#en .handling .sp-l-onion ul{
	width: 355vw;
}
/*ニンジン*/
#en .handling .sp-l-carrot ul{
	width: 355vw;
}
/*キャベツ*/
#en .handling .sp-l-cabbage ul{
	width: 300vw;
}
/*ゴボウ*/
#en .handling .sp-l-burdock ul{
	width: 200vw;
}
/*エダマメ*/
#en .handling .sp-l-edamame ul{
	width: 600vw;
}



#en .handling .list ul li{
	padding-left: 5vw;
}
#en .handling .list ul li:nth-of-type(1){
	padding: 0;
}
#en .handling .list ul li h4{
	text-align: center;
	font-size: 4.7vw;
	font-weight: bold;
	padding: 2vw;
}
#en .handling .list ul li table{
	border-top: solid 2px #000000;
	border-bottom: solid 2px #000000;
	width: 100%;
}
#en .handling .list ul li table tr th{
	width: 33vw;
	font-size: 3.6vw;
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
	padding: 2vw;
	box-sizing: border-box;
	vertical-align: middle;
}
#en .handling .list ul li table tr td{
	font-size: 3.6vw;
	width: 67vw;
	border-bottom: solid 1px #cccccc;
	padding: 2vw 2vw 2vw 5vw;
	box-sizing: border-box;
	vertical-align: middle;
}




#pstb2,
#pstb2-sp,
#pstb3,
#pstb3-sp,
#pstb4,
#pstb4-sp,
#pstb5,
#pstb5-sp,
#pstb6,
#pstb6-sp{
	position: relative;
	height: auto;
	margin: 0;
	padding: 0 2vw 0 0;
	box-sizing: border-box;
}
#pstb2 .scroll-x,
#pstb2-sp .scroll-x,
#pstb3 .scroll-x,
#pstb3-sp .scroll-x,
#pstb4 .scroll-x,
#pstb4-sp .scroll-x,
#pstb5 .scroll-x,
#pstb5-sp .scroll-x,
#pstb6 .scroll-x,
#pstb6-sp .scroll-x{
	width: 6000px;
}
#pstb2 .scroll-x2,
#pstb2-sp .scroll-x2,
#pstb3 .scroll-x2,
#pstb3-sp .scroll-x2,
#pstb4 .scroll-x2 ,
#pstb4-sp .scroll-x2,
#pstb5 .scroll-x2 ,
#pstb5-sp .scroll-x2,
#pstb6 .scroll-x2 ,
#pstb6-sp .scroll-x2 {
	width: 100%;
}
#pstb2 .ps__rail-x,
#pstb2 .ps__rail-y,
#pstb2-sp .ps__rail-x,
#pstb2-sp .ps__rail-y,
#pstb3 .ps__rail-x,
#pstb3 .ps__rail-y,
#pstb3-sp .ps__rail-x,
#pstb3-sp .ps__rail-y,
#pstb4 .ps__rail-x,
#pstb4 .ps__rail-y,
#pstb4-sp .ps__rail-x,
#pstb4-sp .ps__rail-y,
#pstb5 .ps__rail-x,
#pstb5 .ps__rail-y,
#pstb5-sp .ps__rail-x,
#pstb5-sp .ps__rail-y,
#pstb6 .ps__rail-x,
#pstb6 .ps__rail-y,
#pstb6-sp .ps__rail-x,
#pstb6-sp .ps__rail-y{
	opacity: 0.6!important;
	-webkit-overflow-scrolling: touch;
}
#pstb2 .ps__rail-x,
#pstb2-sp .ps__rail-x,
#pstb3 .ps__rail-x,
#pstb3-sp .ps__rail-x,
#pstb4 .ps__rail-x,
#pstb4-sp .ps__rail-x,
#pstb5 .ps__rail-x,
#pstb35-sp .ps__rail-x,
#pstb6 .ps__rail-x,
#pstb6-sp .ps__rail-x{
	width: 1vw;
	background: transparent;
}
#pstb2 .ps__rail-x .ps__thumb-x,
#pstb2-sp .ps__rail-x .ps__thumb-x,
#pstb3 .ps__rail-x .ps__thumb-x,
#pstb3-sp .ps__rail-x .ps__thumb-x,
#pstb4 .ps__rail-x .ps__thumb-x,
#pstb4-sp .ps__rail-x .ps__thumb-x,
#pstb5 .ps__rail-x .ps__thumb-x,
#pstb5-sp .ps__rail-x .ps__thumb-x,
#pstb6 .ps__rail-x .ps__thumb-x,
#pstb6-sp .ps__rail-x .ps__thumb-x {
	width: 10vw;
	height: 1vw;
	background: #808080;
}



/* ----------------------------------------
Contact
---------------------------------------- */
#en .contact{
	
}
#en .contact h2{
	text-align: center;
	margin-bottom: 4vw;
	padding: 0 4vw 4.5vw;
}
#en .contact .txt-contact{
	display: table;
	margin: 0 auto;
	padding: 0 0 5vw;
	text-align: left;
}
#en .contact .contact-box{
	padding: 0 10vw;
}
#en .contact .contact-box table{
	width: 100%;
	line-height: 1.8;
	margin: 0 0 0;
}
#en .contact .contact-box table tbody{
	display: block;
}
#en .contact .contact-box table tr{
	display: block;
}
#en .contact .contact-box table th{
	display: block;
	padding: 0 0 1.2vw;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
}
#en .contact .contact-box table td{
	display: block;
	padding: 0 0 5vw;
}
#en .contact .contact-box table td input{
	width: 100%;
	padding: 1.25vw;
	border: solid 1px #c5c5c5;
	font-size: 4vw;
	box-sizing: border-box;
}
#en .contact .contact-box table td textarea{
	width: 100%;
	height: 36vw;
	padding: 1.25vw 0.5vw;
	border: solid 1px #c5c5c5;
	font-size: 4vw;
	box-sizing: border-box;
}
#en .contact .btn-submit{
	text-align: center;
}
#en .contact .btn-submit .wpcf7-submit{
	width: 50vw;
	padding: 2vw 0;
	font-size: 5vw;
	color: #fff;
	background: #000;
}








