@charset "UTF-8";
/* CSS Document */
/*==========▼▼▼共通▼▼▼==========*/

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

#wrap {
	line-height: 1.5px;
}

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

p {
	line-height: 2em !important;
}

.bg {
	background-color: #FFFFEF;
}

.md_bg {
	background-color: #FFFFC4;
}

.contents_box {
	max-width: 740px;
	width: 90%;
	padding: 50px 0 50px 0;
	margin: 0 auto;
	line-height: 1em
}

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

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

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

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

	.pc_img_log {
		position: absolute;
    max-width: 700px;
		width: 90%;
    margin: 0 auto;
    top: 150px;
    left: 0;
    right: 0;
    z-index: 1;
}
	/*==========▼▼▼貸し農園とは？▼▼▼==========*/
 	.what_is_text {
		text-align: center;
		line-height: 2.5em;
		color: #332710;
	}

	.what_is_bg_img {
		width: 100%;
		padding: 0 0 30px 0;
	}

	.pc_button_box {
		display: flex;
    flex-direction: column;
		height: 100%;
		padding: 30px 0 0 0;
	}
	/*==========▼▼▼各ボタン共通設定▼▼▼==========*/
	#pc_fee_bt,
	#pc_facility_bt,
	#pc_breadth_bt,
	#pc_empty_bt
	 {
		max-width: 300px;
		width: 90%;
		height: 110px;
		border-radius: 20px;
		border: solid 3px #00BA40;
		box-shadow: 0 5px #004718;
		font-size: 20px;
	}

	#pc_fee_bt:hover,
	#pc_facility_bt:hover,
	#pc_breadth_bt:hover,
	#pc_empty_bt:hover
	 {
		max-width: 300px;
		width: 90%;
		height: 110px;
		border-radius: 20px;
		border: solid 3px #00BA40;
		box-shadow: 0 2px #004718;
		font-size: 20px;
	}

	#pc_facility_bt,
	#pc_empty_bt
	 {
		 margin: 0 0 0 15px;
	}

	#pc_fee_bt,
	#pc_breadth_bt {
		 margin: 0 15px 0 0;
	}

	.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;
		margin: 30px 0 0 0;
	}

	.what_is_bt_1 {
		font-size: 16px;
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
	}

	.what_is_bt_2 {
		font-size: 16px;
		display: block;
		position: absolute;
		bottom: 5px;
		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: 40px;
		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: 40px;
		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: 40px;
		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: 40px;
		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: 20px;
		line-height: 1.3em;
		color: #332710;
		margin: 0 30px;
		background: linear-gradient(transparent 60%, #FFFF91 0%);
	}

	.farm_about_contents_1 {
		padding: 0 0 50px 0;
	}

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


	.recommended_details_text {
		width: 100%;
	}

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

	.details_img {
		width: 100%;
    height: 250px;
    object-fit: contain;
	}

	.li_img {
		padding: 0 20px 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 {
		background-color: #EDFFDC;
		padding: 50px 0;
		text-align: center;
	}

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

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

	.pc_season_first_row {
		display: flex;
		justify-content: space-between;
 		max-height: 400px;
	}

	.pc_season_last_row {
		display: flex;
		justify-content: space-between;
		max-height: 400px;
	}

	#season_spring,
	#season_summer,
	#season_fall,
	#season_winter {
		width: 100%;
		height: 100%;
		padding: 10px;
	}

	.pc_season_img {
		display: none;
	}

	.sp_season_img {
		width: 100%;
		height: 100%;
		object-fit: none;
	}

	@media screen and (min-width: 565px) {
		.sp_season_img {
			width: 100%;
			height: 100%;
			object-fit: none;
		}
	 }

	@media screen and (max-width: 564px) {
		.sp_season_img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
	 }

	/*TILT*/
	.sp_season_img {
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
	}
	.sp_season_img:hover {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}

	/* .season_img {
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
	}

	.season_img:hover {
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    -o-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;
	}

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

	.last_row_box1 {
		border-right: dotted 3px #6B5223;
		width: 50%;
	}

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

	.sub_title {
    width: 200px;
		font-size: 25px;
		color: #332710;
		border-bottom: 5px solid #FF7B40;
		padding: 0 0 10px 0;
	}

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

	.sp_flow_adjustment1 {
		display: block;
	}

	.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-weight: bold;
	}

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

	.flow_contents {
		display: flex;
		justify-content: space-around;
		flex-direction: row-reverse;
		align-items: flex-end;
    padding: 20px 0;
	}

	@media screen and (min-width: 426px) {
		.flow_contents_last {
			display: flex;
			justify-content: space-around;
			flex-direction: row-reverse;
	    padding: 20px 0;
		}
	 }

	@media screen and (max-width: 425px) {
		.flow_contents_last {
			display: flex;
			justify-content: space-around;
			flex-direction: row-reverse;
			align-items: flex-end;
	    padding: 20px 0;
		}
	 }


	.flow_img_border {
		display: none;
	}

	.flow_img_1,
  .flow_img_2
	{
		padding: 0 0 0 15px;
		height: 110px;
		object-fit: contain;
	}

	.flow_text_height1 {
		line-height: 1.5em;
	}

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

	.flow_adjustment2 {
		display: block;
		text-align: left;
	}

	.flow_call_pc {
		display: none;
	}

	.flow_call_sp {
		color: #332710;
		text-decoration: underline;
	}
	/*==========▼▼▼農園情報▼▼▼==========*/
	.profile_contents_box {
		max-width: 740px;
    width: 90%;
    padding: 30px 0 50px 0;
    margin: 0 auto;
    line-height: 1.5em;
	}

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

	.profile_tablel_1 {
		width: 100%;
	}

	.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: 20px;
		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: 15px;
	}

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


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

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

	.profile_contents3 {
		font-size: 15px;
		line-height: 1.5em;
		vertical-align: middle;
		padding: 15px 20px;
		background-color: #FFFFEF;
		border-bottom: 1px solid #FFFFEF;
		border-right: 1px solid #FFFFEF;
	}

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

	.profile_adjustment1 {
		display: block;
		text-align: left;
	}

	.profile_adjustment2 {
		display: block;
	}

	.profile_adjustment3 {
		display: block;
		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 20%;
	}

	.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 20%;
	}

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

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

	.photo_align li {
	  width: 48.5%;
		overflow: hidden;
		border: 10px solid #ffffff;
		box-shadow: 0 0 5px #cccccc;
		cursor: pointer;
		box-sizing: border-box;
	}

	.photo_align li:nth-child(odd) {
	  margin: 0  1.5% 0 0;
	}

	.photo_align li:nth-child(even) {
	  margin: 0  0 0 1.5%;
	}

	.photo_align li:nth-child(n+3) {
	  width: 48.5%;
	  margin: 3%  0 0 0;
		overflow: hidden;
		border: 10px solid #ffffff;
		box-shadow: 0 0 5px #cccccc;
		cursor: pointer;
		box-sizing: border-box;
	}

	@media screen and (min-width: 501px) {
		.photo_align li {
			height: 250px;
		}
	 }

	@media screen and (max-width: 500px) {
		.photo_align li {
			height: 150px;
		}
	 }

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

	#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: 50px 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;
		max-width: 250px;
		width: 100%;
		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;
		max-width:	250px;
		width: 100%;
		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;
	}