@charset "utf-8";
/* CSS Document */

#flower, #cmn_flower {
	margin-bottom: 100px;
}
@media screen and (max-width: 480px) {
	#flower {
		margin-bottom: 0;
	}
	#cmn_flower {
		margin-bottom: 60px;
	}
}


/* =======================================

	flower_dtl

========================================== */
#flower_dtl {
	padding: 100px 5%;
	background: #EFEAE4;
}
@media screen and (max-width: 480px) {
	#flower_dtl {
		padding: 60px 5%;
	}
}


/* =======================================

	flower_info

========================================== */
.flower_info {
	max-width: 1460px;
	margin: 0 auto 60px;
	display: flex;
	align-items: flex-start;
	flex-flow: row-reverse;
	gap: 60px 9.6%;
}
.flower_infoImg {
	max-width: 820px;
	width: 56.2%;
}
.flower_infoTxt {
	max-width: 500px;
	width: 34.2%;
	margin-top: 50px;
}
.flower_infoTxt_inner {
	line-height: 242%;
	margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
	.flower_info {
		flex-flow: column;
		margin-bottom: 50px;
	}
	.flower_info > * {
		width: 100%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px) {
	.flower_info {
		gap: 40px 0;
	}
	.flower_infoTxt_inner {
		line-height: 220%;
		margin-bottom: 40px;
	}
}


/* =======================================

	flower_history

========================================== */
.flower_history {
	max-width: 1200px;
	margin: 0 auto;
	background: #FAF8F6;
	padding: 60px 0;
	display: flex;
}
.flower_history_ttl {
	max-width: 390px;
	width: 32.5%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.flower_history_ttl .cmn_ttl_h2 {
	margin-bottom: 0;
	text-align: left;
}
.flower_history_box {
	max-width: 810px;
	width: 67.5%;
	padding: 15px 80px;
	border-left: 1px solid #6f625d;
}
.flower_history_box h3 {
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 30px;
	color: #6f625d;
}
.flower_history_box p {
	line-height: 185%;
	font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
	.flower_history {
		flex-flow: column;
		padding: 60px;
	}
	.flower_history > * {
		width: 100%;
	}
	.flower_history_ttl {
		display: block;
		margin-bottom: 60px;
	}
	.flower_history_box {
		padding: 0;
		border: none;
	}
}
@media screen and (max-width: 480px) {
	.flower_history {
		padding: 12% 10% 10%;
	}
	.flower_history_ttl {
		margin-bottom: 40px;
	}
	.flower_history_box h3 {
		font-size: 1.6rem;
	}
}