.productsCatch {

  position: relative;

  height: calc(100vh - 100px);

  margin-bottom: 50px;

}



.productsCatch.strawberry{

  background: url("../img/strawberry/catch.jpg") left top no-repeat;

  background-size: cover;	

} 



.productsCatch.melon{

  background: url("../img/melon/catch.jpg") left top no-repeat;

  background-size: cover;	

}



.productsCatch.green_tea{

  background: url("../img/green_tea/catch.jpg") left top no-repeat;

  background-size: cover;	

}



.productsCatch .baseImg{

	width: 100%;

	object-fit: cover;

}



.catchScroll{

	position: absolute;

	bottom: 0;

	z-index: 2;

	color: #fff;

}



.fa-angle-down::before{

  border-top: 1px solid #fff;

  border-right: 1px solid #fff;

}  





.catchIntro {

  position: absolute;

  margin: auto;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  color: #fff;

  font-size: 6rem;

  font-weight: bold;

  text-align: center;

  height: 120px;

}



.catchIntro span{

	display: block;

	font-size: 2.4rem;

}



.scroll{

	display: block;

	position: absolute;

	margin: auto;

	bottom: 30px;	

	font-size: 1.2rem;

	color: #fff;

	text-align: center;

	width: 100%;

}



.scroll::after {

  content: "";

  position: absolute;

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: auto;

  bottom: -16px;

  left: 0;

  right: 0;

  border-bottom: 2px solid #fff;

  border-right: 2px solid #fff;

  transform: rotate(45deg);

  transition: all 0.2s ease-out;

}



.productsIntro{

	padding: 150px 0 156px;

	background-image: url(../img/common/waGara_left.svg), url(../img/common/waGara_rightBottom.svg);

	background-position: -110px top, calc(100% + 110px) bottom;

	background-size: 460px, 400px;

    background-repeat: no-repeat, no-repeat;

    text-align: center;	

    margin-bottom: 45px;

}





.productsItemWrap{

	max-width: 1200px;

	margin:0 auto;

}



.itemIntroInner{

	display: flex;

	/*gap:70px;*/

	/*align-items: center;*/

	margin-top: -70px;

	margin-bottom: 100px;

}



.itemIntroInnerTxt{

	width: calc(100% - 390px);

	padding-top: 110px;

}



.itemIntroInnerTtl{

	color: #b49531;

	font-size: 6rem;

	font-weight: bold;

	margin-bottom: 30px;

}



.itemIntroInnerTtl span{

	font-size: 1.8rem;

	display: block;

	font-weight: normal;

}



.itemImgBoTtl{

	display: block;

	font-weight: bold;

	margin-bottom: 10px;

}



.itemImgBox p{

	max-width: 720px;

}



.map{

	max-width: 370px;

}



.itemImg{
	margin-bottom: 80px;
	/*display: block;*/
}



.itemImg.top{

	margin-left: 0

}



.itemImg.bottom{

	margin-right: 0;

	margin-left: auto;

}



.productsItem{

	margin-bottom: 150px;

}



.productsContact p{

	text-align: center;

	margin-bottom: 50px;

}



.productsContactImg{

	margin-bottom: 90px;

}



.subIntro{

	text-align: center;

}





.productsItemWrapFull{

	background: #f9f9f4;

	

}



.productsItemsub{

	text-align: center;

	padding: 80px 0;

}



.subImg{

	margin: 50px auto 0;

	display: block;

}



.itemList{

	text-align: left;

	max-width: 720px;

	margin: 0 auto;

}



.itemList li{

	position: relative;

	margin-bottom: 5px;

	padding-left: 24px;

}



.itemList li::before{

	content: "●";

	position: absolute;

	left: 0;

}





.fullImg{

	width: 100%;

	display: block;

	margin-bottom: 80px;

}	



.imgList li{
	margin-bottom: 80px;
}

.imgList li:first-child{
	text-align: left;
}

.imgList li:last-child{
	text-align: right;
}

.harvestSchedule {
  margin-bottom: 100px;
}

.harvest-calendar {
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.harvestSchedule p {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

/* Media Queries ================================================== */

/*896*/

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



	 .productsCatch {

	    margin-bottom: 24px;

	    height: 200px;

	    background-size: contain;

	  }



	.catchIntro {

	  font-size: 3.6rem;

	}



	.catchIntro span{

		font-size: 1.8rem;

	}







	.productsIntro{

      padding: 90px 0;

      background-position: -110px top, calc(100% + 110px) bottom;

      background-size: 100%, 70%;
      -webkit-overflow-scrolling: touch;  

	}



	.productsIntro p{

		padding: 0 20px;

	}		



	.itemIntroInner{

		display: block;

		margin-top: 0;

		margin-bottom: 50px;

		padding: 0 20px;

	}



	  .itemIntroInnerTxt {

	    width: 100%;

	    padding-top: 20px;

	  }



	.itemIntroInnerTtl{

		font-size: 3.6rem;

		margin-bottom: 20px;

	}



	.map {
		/*
		width: 80%;
		margin-right: 0;
		margin-left: auto;
		display: block;
		position: relative;
		z-index: 1;
		*/
		width: 100%;
	}

	.itemImg{
		margin-bottom: 40px;
		padding: 0 20px;
	}



	.itemImgBox p{

		padding: 0 20px;

	}



	.productsItem{

		margin-bottom: 50px;

	}



	.productsContact p{

		margin-bottom: 24px;

		padding: 0 20px;

	}



	.productsContactImg{

		margin-bottom: 45px;

	}





	.subImg {

	  padding: 0 20px;

	}





	.itemList {

		padding: 0 20px;

	}





	.fullImg {

	  margin-bottom: 45px;

	}


	.imgList li {
	  margin-bottom: 40px;
	  /*padding: 0 20px;*/
	}


	.imgList li img {
		max-width: 80%;
	}	

	.harvestSchedule {
	  margin-bottom: 50px;
	}

	.harvest-calendar {
	  width: 95%;
	  height: auto;
	  display: block;
	  margin: 0 auto;
	  text-align: center;
	}

	.harvestSchedule p {
	  text-align: center;
	  margin: 0 auto;
	  padding: 10px;
	}

}