@charset "UTF-8";
/* ------------------------------
固定ページ　農場物語用css
------------------------------ */

/* --------------------------- mainvis */
.page-farmstory .mainvis{
	background:url(../img/farmstory_mainvis.jpg) 50% top no-repeat;
	background-size:cover;
}
.page-farmstory .mainvis h2{
	letter-spacing: 0.5em;
}


/* --------------------------- farmstory-section01 */
.farmstory-section01{
	padding:70px 0;
}
.farmstory-section01 h3{
	text-align: center;
	font-size:175%;
	color:#333333;
	line-height: 1.4;
	margin-bottom:20px;
}
.farmstory-section01 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.farmstory-section01 .fx-row{
	margin:40px auto 0;
}
.farmstory-section01 .fx-row h4{
	margin:20px auto;
	font-weight: bold;
	text-align: center;
	line-height:1.6;
}

/* --------------------------- farmstory-section02 */
.farmstory-section02{
	padding:55px 0;
	background:#FAFAFA;
}
.farmstory-section02 h3{
	font-size:175%;
	color:#333333;
	line-height: 1.6;
	margin-bottom:40px;
	text-align: center;
}
.farmstory-section02 .image{
	text-align: center;
	width: 80%;
	margin:30px auto 0 auto;
}


/*.farmstory-section02{
	padding:30px 0;
	background:#FAFAFA;
}
.farmstory-section02 h3{
	font-size:175%;
	color:#333333;
	line-height: 1.6;
	padding-top:80px;
	margin-bottom:30px;
}
.farmstory-section02 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.farmstory-section02 p{
	width:80%;
	line-height: 2.0;
	color:#333;
}
.farmstory-section02 .wrap{
	display: flex;
	padding:0;
	justify-content:space-between;
}
.farms-section02-left{
	flex: 1;
}
.farms-section02-right{
}

.farmstory-section02 .circle-farmstory{
	position: relative;
	color:#fff;
	font-weight: bold;
}
.farmstory-section02 .circle-farmstory li{
	list-style: none;
	font-size:87.5%;
}
.farmstory-section02 .circle-farmstory dt{
	position:absolute;
	top:280px;
	right:210px;
	color:#333;
}
.farmstory-section02 .circle-farmstory .maru1{
	position:absolute;
	top:80px;
	left:240px;
}
.farmstory-section02 .circle-farmstory .maru2{
	position:absolute;
	top:145px;
	left:375px;
}
.farmstory-section02 .circle-farmstory .maru3{
	position:absolute;
	top:275px;
	left:430px;
	text-align: center;
}
.farmstory-section02 .circle-farmstory .maru4{
	position:absolute;
	top:405px;
	left:370px;
	text-align: center;
}
.farmstory-section02 .circle-farmstory .maru5{
	position:absolute;
	top:465px;
	left:240px;
	text-align: center;
}
.farmstory-section02 .circle-farmstory .maru6{
	position:absolute;
	top:405px;
	left:90px;
	text-align: center;
}
.farmstory-section02 .circle-farmstory .maru7{
	position:absolute;
	top:275px;
	left:45px;
	text-align: center;
}
.farmstory-section02 .circle-farmstory .maru8{
	position:absolute;
	top:140px;
	left:95px;
}*/



/* --------------------------- farmstory-section03*/
.farmstory-section03{
	margin:40px auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.farmstory-section03 img.fit-image{
	max-width:1140px;
	width:100%;
	height:auto;
}
.farmstory-section03 p:first-child{
	margin-bottom:30px;
}
.farmstory-section03 a{
	display: inline-block;
}
.farmstory-section03 .movie-link{
	color:#fff;
	position: absolute;
	top: 30%;
	left:50%;
	width:100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: translateX(-50%);
}
#sb-container iframe{
	height: 100%;
}
.farmstory-section03 .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  display: none;
}
.farmstory-section03 .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* --------------------------- farmstory-section04*/
.farmstory-section04{
	padding:40px 0;
	background:#FAFAFA;
}
.bgwhite{
	background:#fff;
	box-shadow: 0 0 8px #ddd;
	padding:20px 40px;
	overflow: hidden;
}
.slider li{
	margin:20px;
}
.single-item {
	max-width: 1140px;
	position: relative;
	width:100%;
	margin:0 auto;
}
.center-item .slick-next {
	right: 75px;
	z-index: 99;
}
.center-item .slick-prev {
	left: 75px;
	z-index: 100;
}

.single-item .item-left{
	width:50%;
	float:left;
}
.single-item .item-left img{
	width:100%;
	height:auto;
}

.single-item .item-right{
	width:50%;
	float:left;
	padding:2em 0 0 2em;
}
.single-item .item-right span{
	display: inline-block;
	background:#29A5FF;
	color:#fff;
	padding:10px;
	margin-bottom:1.5em;
}
.single-item .item-right h4{
	font-weight:bold;
	margin-bottom:1.5em;
}

/* --------------------------- farmstory-section05*/
.farmstory-section05{
	padding:80px 0;
	background:#EAF0F7;
}
.farmstory-section05 h3{
	text-align: center;
	font-size:175%;
	color:#333333;
	line-height: 1.4;
	margin-bottom:50px;
}
.farmstory-section05 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.farmstory-section05 h4{
	font-weight:bold;
	margin-bottom:1em;
	line-height:1.6;
}
.farmstory-section05 .fx-right{
	margin:0 0 50px 80px;
}

/* --------------------------- farmstory-section06*/
.farmstory-section06{
	padding:80px 0;
}
.farmstory-section06 h3{
	text-align: center;
	font-size:175%;
	color:#333333;
	line-height: 1.4;
	margin-bottom:50px;
}
.farmstory-section06 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.farmstory-section06 h4{
	font-weight:bold;
	margin-bottom:1em;
	line-height:1.6;
}
.farmstory-section06 .image{
	text-align: center;
	margin:0 auto 30px auto;
	width: 70%;
}

/* --------------------------- farmstory-section07 */
.farmstory-section07{
	padding:50px 0;
	background:#F2F2F2;
	width: 100%;
}
.farmstory-section07 h3{
	text-align: center;
	font-weight:bold;
	color:#333333;
	line-height: 1.4;
	margin-bottom:50px;
}
.farmstory-section07 h3 span{
	padding-bottom:8px;
	border-bottom:1px solid #333;
}
.farmstory-section07 .flexbox{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.farmstory-section07 .item{
	width: 31.5%;
	background:#fff;
	border:1px solid #E6E6E6;
	margin:0 10px 20px 10px;
	padding:50px 20px 50px;
}
.farmstory-section07 i{
	display: block;
	text-align:center;
	min-height:50px;
}
.farmstory-section07 h4{
	text-align: center;
	margin:20px auto;
	font-weight: bold;
	line-height:1.6;
	min-height:60px;
}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1140px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

	.farmstory-section01{
		padding:20px 3%;
	}
	.farmstory-section02 .wrap{
		display: block;
		padding:20px 3%;
	}
	.farmstory-section02 h3{
		padding-top:0px;
		margin-bottom:20px;
	}
	.farmstory-section02 p{
		width:100%;
	}
	.farmstory-section02 .circle-farmstory{
		display: block;
		text-align: center;
		margin:0 auto;
	}
	.farmstory-section03{
		padding: 0 3%;
	}
	.farmstory-section03 .movie-link{
		top: 10%;
	}
	.farmstory-section03 .youtube {
		display: block;
	}
	.single-item .item-right{
		padding:0em 0 0 2em;
	}
	.farmstory-section05 .fx-right{
		width:40%;
		margin:0 0 15px 15px;
	}
	.farmstory-section07 .flexbox{
		justify-content:space-around;
	}
	.farmstory-section07 .item{
		margin:0 0 20px 0;
		width: 45%;
	}

}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

@media screen and (max-width: 768px){

	.farmstory-section01 .fx-txt-center{
		text-align: left;
	}
	.farmstory-section01 .fx-row{
		margin:20px auto 0;
	}
	.farmstory-section01 .fx-row h4{
		text-align: left;
	}
	.farmstory-section02{
		padding:20px 0 30px;
	}
	.farmstory-section02 .image{
		width: 100%;
	}
/*	.farmstory-section02 .circle-farmstory{
		width:100%;
		height:100%;
		background:none;
	}
	.farmstory-section02 .circle-farmstory dt,
	.farmstory-section02 .circle-farmstory .maru1,
	.farmstory-section02 .circle-farmstory .maru2,
	.farmstory-section02 .circle-farmstory .maru3,
	.farmstory-section02 .circle-farmstory .maru4,
	.farmstory-section02 .circle-farmstory .maru5,
	.farmstory-section02 .circle-farmstory .maru6,
	.farmstory-section02 .circle-farmstory .maru7,
	.farmstory-section02 .circle-farmstory .maru8{
		position: static;
		top:0;
		left:0;
	}
	.farmstory-section02 .circle-farmstory dt{
		margin-top:20px;
		background:#fff;
		border:1px solid #eaeaea;
		padding:1em;
		margin-bottom:15px;
		position: relative;
	}
	.farmstory-section02 .circle-farmstory dt:after{
		position: absolute;
		bottom:-17px;
		content:'▼';
		color:#29A5FF;
		left:50%;
		transform: translateX(-50%);
	}
	.farmstory-section02 .circle-farmstory dd{
		display: flex;
		flex-wrap:wrap;
		justify-content:space-around;
	}

	.farmstory-section02 .circle-farmstory .maru1,
	.farmstory-section02 .circle-farmstory .maru2,
	.farmstory-section02 .circle-farmstory .maru3,
	.farmstory-section02 .circle-farmstory .maru4,
	.farmstory-section02 .circle-farmstory .maru5,
	.farmstory-section02 .circle-farmstory .maru6,
	.farmstory-section02 .circle-farmstory .maru7,
	.farmstory-section02 .circle-farmstory .maru8{
		background:#29A5FF;
		padding:1em;
		width:45%;
		display: inline-block;
		margin-bottom:5px;
	}*/
	.farmstory-section03 .movie-link{
		top: 10%;
	}
	.farmstory-section03 .movie-link i img{
		width:10%;
		height:auto;
	}
	.farmstory-section03 p:first-child{
		margin-bottom:10px;
	}
	.farmstory-section04{
		padding:20px 0;
		background:#FAFAFA;
	}
	.bgwhite{
		padding:20px;
	}
	.single-item .item-left{
		width:100%;
		float:none;
	}
	.single-item .item-right{
		width:100%;
		float:none;
		padding:2em 0 0 0em;
	}
	.farmstory-section05{
		padding:20px 5%;
	}
	.farmstory-section05 h3{
		margin-bottom:25px;
	}
	.farmstory-section06 .image{
		text-align: center;
		margin:0 auto 30px auto;
		width: 90%;
	}
	.farmstory-section07{
		padding:40px 0 20px;
	}
	.farmstory-section07 h3{
		margin-bottom:30px;
	}
	.farmstory-section07 h3 span{
	}
	.farmstory-section07 .item{
		width: 100%;
		padding:20px;
	}
	.farmstory-section07 i{
		min-height:auto;
	}
	.farmstory-section07 h4{
		min-height:auto;
	}

}