@charset "UTF-8";
/* CSS Document */
/*==========▼▼▼共通▼▼▼==========*/
@media screen and (min-width: 992px) {
	#wrap {
		font-size: 18px;
	}

 .scroll_stop {
		overflow: hidden;
		height: 100%;
	}

	.contents_assist {
		margin: 90px 0 0 0;
	}
 }

@media screen and (max-width: 991px) {
	#wrap {
		font-size: 18px;
	}

	.contents_assist {
		margin: 80px 0 0 0;
	}

	.scroll_stop {
		overflow: hidden;
		height: 100%;
	}
 }

p {
	line-height: 2.5em;
}

.bg {
	background-color: #FFFFEF;
}

.md_bg {
	background-color: #FFFFC4;
}

.contents_box {
	max-width: 1024px;
	width: 90%;
	padding: 100px 0 100px 0;
	margin: 0 auto;
	line-height: 1.5em;
}

.title_box {
	display: flex;
	flex-direction: column-reverse;
	margin: 0 0 50px 0;
 }

.title {
	font-size: 50px;
	padding: 0 0 0 30px;
	margin: 0;
	line-height: 1.8;
	color: #FF7B40;
 }

 .title_img {
	 width: 90px;
	 margin: 0 auto;
 }
	/*==========▼▼▼TOP▼▼▼==========*/
		.bg_img {
	 	 position: relative;
	 	 height: 880px;
	  }

	  .pc_img_top {
	 	 width: 100%;
	 	 height: 880px;
	 	 object-fit: cover;
	  }

	 	.pc_img_log {
	 		position: absolute;
	     width: 700px;
	     margin: 0 auto;
	     top: 190px;
	     left: 0;
	     right: 0;
	     z-index: 1;
	 }
	/*==========▼▼▼貸し農園とは？▼▼▼==========*/
	.sp_bg_img {
		display: none;
	}

 	.what_is_text {
		text-align: center;
		line-height: 2.5em;
	}

	.pc_what_is_button {
		background: url(../images/farm_img_1.png) no-repeat top;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
    height: 600px;
    margin: 65px 0 0 0;
	}

	.pc_button_box {
		display: flex;
    flex-direction: column;
		height: 100%;
	}
	/*==========▼▼▼各ボタン共通設定▼▼▼==========*/
	#pc_fee_bt,
	#pc_facility_bt,
	#pc_breadth_bt,
	#pc_empty_bt
	 {
		width: 250px;
		height: 250px;
		border-radius: 50%;
		border: dotted 3px #00BA40;
		font-size: 20px;
	}

	#pc_fee_bt:hover,
	#pc_facility_bt:hover,
	#pc_breadth_bt:hover,
	#pc_empty_bt:hover
	 {
		 box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
	}

	.pc_what_is_first_row {
		display: flex;
		justify-content: space-between;
	}

	.pc_what_is_last_row {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		height: 100%;
	}

	.what_is_bt_1 {
		display: block;
		position: absolute;
		top: 35px;
		left: 0;
		right: 0;
	}

	.what_is_bt_2 {
		display: block;
		position: absolute;
		bottom: 35px;
		left: 0;
		right: 0;
	}
	/*==========▼▼▼各ボタン_個別▼▼▼==========*/
	#pc_fee_bt {
		position: relative;
		background: url(../images/farm_bt_1.png) no-repeat top;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px;
		background-color: #FFFF;
	}

	#pc_facility_bt {
		position: relative;
		background: url(../images/farm_bt_2.png) no-repeat top;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px;
		background-color: #FFFF;
	}

	#pc_breadth_bt {
		position: relative;
		background: url(../images/farm_bt_3.png) no-repeat top;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px;
		background-color: #FFFF;
	}

	#pc_empty_bt {
		position: relative;
		background: url(../images/farm_bt_4.png) no-repeat top;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px;
		background-color: #FFFF;
	}
	/*==========▼▼▼サン市民農園について▼▼▼==========*/
	.recommended_title {
		display: flex;
    justify-content: center;
		padding: 0 0 65px 0;
	}

	.recommended_title_box {
		display: flex;
		flex-direction: row-reverse;
	}

	.recommended_title_text {
		font-size: 30px;
		line-height: 1.3em;
		color: #332710;
		margin: 0 30px;
		background: linear-gradient(transparent 60%, #FFFF91 0%);
	}

	.farm_about_contents_1 {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 0 0 80px 0;
	}

	.recommended_img {
		width: 20px;
		object-fit: contain;
	}


	.recommended_details_text {
		width: 50%;
	}

	.recommended_details_img {
		width: 50%;
		padding: 0 0 0 30px;
	}

	.recommended_details_img img {
		width: 100%;
	}

	.li_img {
		padding: 0 50px 0 0;
		width: 30px;
		object-fit: contain;
	}

	.details_li_text {
		line-height:  1.5em !important;
    padding: 0 0 0 45px;
	}

	.details_li {
		border-bottom: dotted 3px #6B5223;
		padding: 0 0 30px 0;
		background-image: url(../images/farm_img_4.png);
		background-position-y: 5px;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	.details_li:not(:first-child) {
		border-bottom: dotted 3px #6B5223;
		padding: 30px 0 30px 0;
		background-image: url(../images/farm_img_4.png);
    background-position-y: 35px;
		background-repeat: no-repeat;
		background-size: 25px;
	}
	/* サン市民農園で育ててみよう♪ */
	.season_contents {
		max-width: 1024px;
		width: 90%;
    margin: 0 auto;
		background-color: #EDFFDC;
		padding: 50px 0;
		text-align: center;
	}

	.season_title_text {
		font-size: 30px;
		line-height: 1.3em;
		width: 450px;
		color: #332710;
		background: linear-gradient(transparent 60%, #FFFF91 0%);
	}

	.season_sub_text {
		padding: 5px 0 0 0;
	}

	.season_box {
		padding: 50px 20px 0 20px;
	}

	.pc_season_first_row {
		display: flex;
		justify-content: space-between;
	}

	.pc_season_last_row {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.sp_season_img {
		display: none;
	}

	.pc_season_img {
		width: 100%;
	}

	/*TILT*/
	.pc_season_img {
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
	}

	.pc_season_img:hover {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}

	.first_row_box1 {
		border-bottom: dotted 3px #6B5223;
		border-right: dotted 3px #6B5223;
		width: 50%;
		display: flex;
		align-items: flex-end;
    padding: 0 5px 2px 0;
	}

	.first_row_box2 {
		border-bottom: dotted 3px #6B5223;
		width: 50%;
		display: flex;
		align-items: flex-end;
		padding: 0 0 2px 5px;
	}

	.last_row_box1 {
		border-left: dotted 3px #6B5223;
		width: 50%;
		padding: 5px 0 0 5px;
		text-align: left;
	}

	.last_row_box2 {
		width: 50%;
		padding: 5px 5px 0 0;
		text-align: right;
	}
	/*==========▼▼▼ご入会の流れ▼▼▼==========*/
	.sub_title_box {
		width: 300px;
		display: flex;
		flex-direction: column-reverse;
		margin: 0 0 50px 0;
	}

	.sub_title {
		color: #332710;
		border-bottom: 5px solid #FF7B40;
		padding: 0 0 10px 0;
	}

	.sub_title_img {
		width: 75px;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}

	.flow_main {
		padding: 70px 0 0 0;
	}

	.flow_caption {
		width: 100%;
		display: flex;
		font-size: 15px;
	}

	.step_number {
		vertical-align: middle;
    width: 30%;
    text-align: center;
    color: #332710;
    background-color: #F9F9D2;
    padding: 5px 0;
		font-size: 20px;
    font-weight: bold;
	}

	.step_contents {
		vertical-align: middle;
    width: 70%;
    color: #FFFF;
    background-color: #00BA40;
    padding: 5px 15px 5px 30px;
		font-weight: bold;
	}

	.flow_contents {
		display: flex;
		align-items: center;
    padding: 15px 10px 15px 15%;
	}

		.flow_contents_last {
			display: flex;
	    align-items: center;
	    padding: 15px 10px 15px 15%;
		}

	.flow_img_border {
		height: 150px;
	}

	.flow_img_1 {
		height: 110px;
    width: 110px;
    object-fit: contain;
    padding: 0 55px 0 15%;
	}

	.flow_img_2 {
		width: 110px;
    object-fit: contain;
    padding: 0 55px 0 16%;
	}

	.flow_text_height2 {
		padding: 30px 0 0 0;
		text-align: left;
	}

	.flow_call_sp {
		display: none;
	}

	.flow_adjustment1 {
		padding: 40px 0 0 0;
	}

@media screen and (max-width: 831px) {
	.flow_adjustment2 {
		display: block;
		padding: 0 !important;
	}
}

.flow_adjustment2 {
	padding: 0 0 0 20px;
}

	.flow_text1 {
		padding: 15px 0;
	}

	.flow_text2 {
		padding: 15px 0 15px 16%;
	}
	/*==========▼▼▼農園情報▼▼▼==========*/
	.profile_contents_box {
		max-width: 1024px;
		width: 90%;
		padding: 0 0 100px 0;
		margin: 0 auto;
		line-height: 1.5em;
	}

	.profile_tablel_1 {
		width: 100%;
	}

	.profile_text{
		text-align: left;
		width: 500px;
		font-size: 25px;
		color: #332710;
		border-bottom: 3px solid #00BA40;
		font-weight: normal;
		padding: 30px 0 5px 0;
		margin: 0 0 40px 0 ;
	}

	.profile_box1 {
		margin: 0 0 75px 0;
	}

	.profile_box2 {
		margin: 80px 0 0 0;
	}

	.profile_caption_text {
		background: url(../images/farm_img_9.png) no-repeat top;
		background-position: 30%;
		background-size: 25px;
		background-repeat: no-repeat;
		color: #FFFF;
		width: 30%;
		background-color: #00BA40;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #8FBF2C;
		padding: 10px 0 10px 30px;
		font-size: 20px;
	}

	.profile_contents1 {
		font-size: 20px;
		font-weight: 300;
		vertical-align: middle;
		padding: 15px 30px;
		background-color: #FFFFEF;
		border-top: 1px solid #FFFFEF;
		border-right: 1px solid #FFFFEF;
	}

	.profile_contents2 {
		font-size: 20px;
		font-weight: 300;
		vertical-align: middle;
		padding: 15px 30px;
		background-color: #F9F9D2;
		border-top: 1px solid #F9F9D2;
		border-bottom: 1px solid #F9F9D2;
		border-right: 1px solid #F9F9D2;
	}

	.profile_contents3 {
		font-size: 20px;
		font-weight: 300;
		vertical-align: middle;
		padding: 15px 30px;
		background-color: #FFFFEF;
		border-bottom: 1px solid #FFFFEF;
		border-right: 1px solid #FFFFEF;
	}

	.profile_caution {
		font-size: 15px;
		display: block;
		padding: 20px 0 0 0;
	}

	.profile_adjustment1 {
		margin: 0 0 0 20px;
		text-align: left;
	}

	.profile_adjustment2 {
		margin: 0 0 0 20px;
	}

	.profile_adjustment3 {
		margin: 0 0 0 20px;
		text-align: left;
	}
	/*==========▼▼▼ボタン▼▼▼==========*/
	.section_map_img > a {
		box-shadow: 0 5px #004718;
		background-color: #8FBF2C;
		box-sizing: border-box;
		border-radius: 10px;
		font-size: 20px;
		text-align: center;
		color: #FFFF;
		padding: 25px 150px;
	}

	.section_map_img > a:hover  {
		box-shadow: 0 2px #004718;
		background-color: #8FBF2C;
		box-sizing: border-box;
		border-radius: 10px;
		font-size: 20px;
		color: #FFFF;
		padding: 25px 150px;
	}

	.section_map_box {
		text-align: center;
	}
	/*==========▼▼▼ギャラリー▼▼▼==========*/
	.photo_align {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	}

	.photo_img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	.photo_more_box {
	  padding: 2%  0 0 0;
	}

	@media screen and (min-width: 900px) {
		.photo_img_box {
			overflow: hidden;
    	width: 32%;
			height: 280px;
			border: 10px solid #ffffff;
			box-shadow: 0 0 5px #cccccc;
			cursor: pointer;
			box-sizing: border-box;
		}
	}

	@media screen and (max-width: 899px) {
		.photo_img_box {
			overflow: hidden;
			width: 32%;
			height: 250px;
			border: 10px solid #ffffff;
			box-shadow: 0 0 5px #cccccc;
			cursor: pointer;
			box-sizing: border-box;
		}
	 }

	.photo_align li:nth-child(4n) {
	  margin: 0;
	}

	.photo_align li:nth-child(n+4) {
	  margin: 2%  0 0 0;
	}

	#photo_hide_text {
  display: none;
	}

	/*zoomin*/
	.photo_img_box img {
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
	}
	.photo_img_box img:hover {
		-webkit-transform: scale(1.5,1.5);
		transform: scale(1.5,1.5);
	}
/*========MOREボタン========*/
	.photo_readmore_box {
	  text-align: right;
	  margin: 80px 0 0 0;
	}

	#photo_readmore {
		box-shadow: 0 5px #004718;
		background-color: #8FBF2C;
		box-sizing: border-box;
		border-radius: 10px;
		font-size: 20px;
		text-align: center;
		color: #FFFF;
		width: 250px;
		height: 70px;
	}

	#photo_readmore:hover {
		box-shadow: 0 2px #004718;
		background-color: #8FBF2C;
		box-sizing: border-box;
		border-radius: 10px;
		font-size: 20px;
		color: #FFFF;
		width: 250px;
		height: 70px;
	}

	#photo_hide_text {
	  display: none;
	}
	/*==========▼▼▼フッター▼▼▼==========*/

	footer {
	  background-color: #00BA40;
	  color: #fff;
	  margin-top: auto;
	  text-align: center;
	  padding: 20px 0;
		vertical-align: middle;
	}