@charset "utf-8";

/* famer_top */
.farmer_topimg{
	background: url(../images/for_farmer/forfamer_mainimg.png) ;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 350px 0 0;
	background-position: center;

}
.contentes_famer{
	background: #f2f2f2;
	margin-top: -50px;
	padding-bottom: 30px;
}
.famerarea{
	padding-top: 70px;
	padding-bottom: 50px;
}
.flead1{
	text-align: center;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.5;
	color: #F39800;
}
.flead2{
	text-align: center;
	font-size: 1.2em;
	line-height: 1.7;
	margin-top: 20px;
}

.famartxt{
	max-width: 750px;
	margin: 70px auto 70px;
}
.fm01,.fm02,.fm03{
	background: #fff;
	padding: 35px 30px 25px;
	margin: 0 0 50px;
	position: relative;
}
.nayami_img01,.nayami_img02,.nayami_img03{
	position: absolute;
	top: -15%;
	left: -2%;
}
.ftitle{
	display: inline-block;
	vertical-align: middle;
}
.ftitle h1{
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2;
}
.ftitle p{
	margin:0;
	line-height: 2;
	font-size: 1.2em;
	padding-top: 5px;
}
/*左から右にフェードイン*/
.left-to-right {
  opacity: 0.1;
  transform: translateX(-100px);
  transition: all 1.5s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}

@media only screen and (max-width: 768px){
.farmer_topimg{
	padding: 230px 0 0;
}
.contentes_famer{
	margin-top: 0;
}
.flead1{
	font-size: 1.5em;
}
.flead2{
	font-size: 1.1em;
	line-height: 1.9;
	margin-top: 10px;
}
.famerarea {
	padding-top: 50px;
	padding-bottom: 30px;
}
.famartxt{
	margin: 70px 30px;
}
}
@media only screen and (max-width: 599px){
.farmer_topimg{
	padding: 150px 0 0;
}
.flead1{
	font-size: 1.2em;
}
.flead2{
	line-height: 1.7;
}
.famartxt{
	margin: 70px 0;
}
.nayami_img01, .nayami_img02, .nayami_img03{
	top: -10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 40%;
}
.fm01, .fm02, .fm03{
	padding: 35px 22px 20px;
}
.ftitle h1{
	font-size: 1.2em;
	line-height: 1.5;
}
.ftitle p{
	line-height: 1.5;
}
}
@media only screen and (max-width: 380px){
.ftitle h1 {
	font-size: 1.1em;
}
.ftitle p{
	font-size: 1em;
}
}