@charset "UTF-8";
/*-----------------------------------

	city_forest_block

-----------------------------------*/
#city_forest_block {
	padding: 35px 0 119px;
}
#city_forest_block .img_mv_box {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 69px;
}
#city_forest_block .cf_top_wrapper {
	margin-bottom: 86px;
}
#city_forest_block .cf_top_wrapper .txt_box {
	width: 56%;
	max-width: 561px;
}
#city_forest_block .cf_top_wrapper .txt_box .ttl01 {
	letter-spacing: -0.07em;
	margin-top: -18px;
}
#city_forest_block .cf_top_wrapper .img_box {
	width: 39%;
	max-width: 392px;
}
#city_forest_block .cf_top_list {
	gap: 50px 12px;
	margin-bottom: 106px;
}
#city_forest_block .cf_top_list li {
	width: calc((100% - 12px) / 2);
}
#city_forest_block .cf_top_list li .img_box {
	margin-bottom: 13px;
}
#city_forest_block .cf_top_list li h5 {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.79;
	letter-spacing: 0.05em;
}
#city_forest_block .cf_wrapper {
	margin-bottom: 187px;
}
@media screen and (max-width: 640px) {
	#city_forest_block {
		padding: 25px 0 69px;
	}
	#city_forest_block .img_mv_box {
		margin: 0 calc(50% - 50vw) 39px;
	}
	#city_forest_block .cf_top_wrapper {
		margin-bottom: 59px;
	}
	#city_forest_block .cf_top_wrapper .txt_box,
	#city_forest_block .cf_top_wrapper .img_box {
		width: 100%;
	}
	#city_forest_block .cf_top_wrapper .txt_box {
		margin-bottom: 30px;
	}
	#city_forest_block .cf_top_wrapper .txt_box .ttl01 {
		letter-spacing: 0;
		margin-top: 0;		
	}
	#city_forest_block .cf_top_list {
		gap: 35px 12px;
   		margin-bottom: 56px;
	}
	#city_forest_block .cf_top_list li .img_box {
		margin-bottom: 11px;
	}
	#city_forest_block .cf_top_list li h5 {
		font-size: 15px;
	}
	#city_forest_block .cf_wrapper {
		margin-bottom: 67px;
	}
}