@charset "UTF-8";
/*==========================
	farm
============================*/
#subImgBox .description {
	margin: 0 auto 80px;
	background: url(../img/farm/bgMugi_Left.svg) no-repeat left bottom;
	padding: 0 0 25px;
}
.thmText {
	float: left;
	width: 656px;
}
.thumTractor {
	float: right;
	width: 323px;
}
/*-----------------
	natureBox
--------------------*/
.subtitle1 {
	margin: 0 auto 100px;
	text-align: center;
}
.thumNature1 {
	float: left;
	width: 400px;
}
.thumBox {
	margin: 0 0 25px;
}
.thumNature2 {
	float: right;
	width: 574px;
}
.thumNature2 p {
	background: url(../img/farm/bgMugi_Right.svg) no-repeat right bottom;
	padding: 20px 0 35px 0;
}
.thumList{
	margin: 0 0 0 -14px;
	width: 1014px;
}
.thumList li {
	float: left;
	font-size: 12px;
	margin: 0 0 0 14px;
	width: 324px;
}
.thumList li img {
	display: block;
	margin: 0 0 5px;
}
/*==========================
	farmMethod
============================*/
#farmMethod {
	margin: 0 auto 100px;
}
#farmMethod .description {
	margin: 0 auto 100px;
	padding: 80px 0;
	width: 1000px;
}
.thumFarm {
	float: right;
	width: 304px;
}
#farmMethod .description p {
	float: left;
	width: 656px;
}
/*==========================
	friendLsit
============================*/
#friendLsit .description {
	padding: 0 0 70px;
	position: relative;
}
#friendLsit ul {
	margin: 0 auto 65px;
	width: 1040px;
}
#friendLsit ul:before {
	background: #1d1d1d;
	bottom: 0;
	content: "";
	display: block;
	height: 320px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}
#friendLsit ul li {
	float: left;
	margin: 0 20px;
	position: relative;
	width: 220px;
	z-index: 1;
}
#friendLsit p {
	position: relative;
	text-align: center;
	z-index: 1;
}
/* Media Queries ================================================== */
@media screen and (max-width: 786px) {
	/*==========================
		farm
	============================*/
	#subImgBox .description {
		margin: 0 auto 10%;
		background: url(../img/farm/bgMugi_Left.svg) no-repeat left bottom;
		background-size:180px auto;
		-webkit-background-size:180px auto;
		-moz-background-size:180px auto;
		-o-background-size:180px auto;
		padding: 0;
	}
	.thmText {
		float: none;
		width: auto;
	}
	.thumTractor {
		float: right;
		width: 47%;
		padding: 0 0 0 3%;
	}
	/*-----------------
		natureBox
	--------------------*/
	.subtitle1 {
		margin: 0 auto 10%;
		text-align: center;
		width: 42%;
	}
	.thumNature1 {
		float: none;
		width: auto;
	}
	.thumBox {
		margin: 0 0 5%;
	}
	.thumNature2 {
		float: none;
		width: auto;
	}
	.thumNature2 p {
		background: url(../img/farm/bgMugi_Right.svg) no-repeat right center;
		background-size:180px auto;
		-webkit-background-size:180px auto;
		-moz-background-size:180px auto;
		-o-background-size:180px auto;
		padding: 1.5% 0 0 0;
	}
	.thumList{
		margin: 0;
		width: auto;
	}
	.thumList li {
		float: none;
		font-size: 12px;
		margin: 0 0 5%;
		width: auto;
	}
	.thumList li:last-child {
		margin: 0;
	}
	.thumList li img {
		display: block;
		margin: 0 0 1.5%;
	}
	/*==========================
		farmMethod
	============================*/
	#farmMethod {
		margin: 0 auto 10%;
	}
	#farmMethod .description {
		margin: 0 auto 10%;
		padding: 10% 0;
		width: 95%;
	}
	.thumFarm {
		float: none;
		margin: 0 0 1.5%;
		width: auto;
	}
	#farmMethod .description p {
		float: none;
		width: auto;
	}
	/*==========================
		friendLsit
	============================*/
	#friendLsit .description {
		padding: 0 0 5%;
		position: relative;
	}
	#friendLsit ul {
		margin: -5% auto 10%;
		width: 95%;
	}
	#friendLsit ul:before {
		background: #1d1d1d;
		bottom: 0;
		content: "";
		display: block;
		height: 70%;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 0;
	}
	#friendLsit ul li:nth-child(odd) {float: left;}
	#friendLsit ul li:nth-child(even) {float: right;}
	#friendLsit ul li {
		margin: 5% 0 0;
		position: relative;
		width: 46%;
		z-index: 1;
	}
	#friendLsit p {
		font-size: 12px;
		margin: 0 auto;
		width: 95%;
		position: relative;
		text-align: center;
		z-index: 1;
	}
}
/* Media Queries ================================================== */