@charset "utf-8";

.contentsWrap {
	max-width: 98rem;
	margin: 0 auto;
}
.inner {
	max-width: 90.5rem;
	margin: 0 auto;
}
.contentsInner {
	max-width: 90rem;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.contentsWrap {
		max-width: 100%;
		width: 100%;
	}
	.inner {
		width: 100%;
		max-width: 100%;
		padding: 0 5.2rem;
	}
	.contentsInner {
		width: 100%;
		max-width: 100%;
		padding: 0 6.6rem;
	}
}


/* mvWrap */
.mvWrap {
	background: url(/base/pc/store/special/farm/2025/img/vegetable/mv.jpg) no-repeat;
	width: 100%;
	height: 52.5rem;
	background-size: contain;
	position: relative;
}
.mvWrap h1 {
	position: absolute;
	top: 2.5rem;
	left: 3.5rem;
}
.mvWrap h1 span {
	font-size: 4rem;
	color: #fff;
	background: #522f1c;
	width: 16.2rem;
	height: 16.2rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mvWrap .lead {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4.1rem;
	font-weight: 300;
	color: #fff;
	width: 100%;
	text-align: center;
	text-shadow: 0 0 1rem rgba(0,0,0,0.8);
	font-feature-settings: "palt";
	letter-spacing: 0.03em;
}
@media (max-width: 768px) {
	.mvWrap {
		background: url(/base/pc/store/special/farm/2025/img/vegetable/mv_sp.jpg) no-repeat;
		width: 100%;
		height: 67.072rem;
		background-size: cover;
	}
	.mvWrap h1 {
		top: 2.2rem;
		left: 2rem;
	}
	.mvWrap h1 span {
		font-size: 4.7rem;
		width: 21rem;
		height: 21rem;
	}
	.mvWrap .lead {
		font-size: 5.8rem;
		line-height: 7.5rem;
	}
}

/* intro */
.intro .leadWrap {
	width: 83.5rem;
	margin: 0 auto;
	padding: 4rem 0 6rem;
}
.intro .leadWrap h2 {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.75;
	font-weight: bold;
	color: #522d1d;
	font-feature-settings: "palt";
	letter-spacing: 0.03em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.intro .leadWrap h2 span {
	font-size: 1.8rem;
}
.intro .leadWrap .txt {
	font-size: 2rem;
	line-height: 3.9rem;
	font-weight: bold;
	margin-top: 1.5rem;
	color: #522d1d;
}
@media (max-width: 768px) {
	.intro .leadWrap {
		width: 100%;
		padding: 6rem 6.9rem 10rem;
	}
	.intro .leadWrap h2 {
		font-size: 4.7rem;
		line-height: 1.5;
		display: block;
	}
	.intro .leadWrap h2 span {
		font-size: 4.7rem;
	}
	.intro .leadWrap .txt {
		font-size: 3rem;
		line-height: 5.1rem;
		margin-top: 3rem;
	}
}

/* intro introBox */
.intro .bg {
	background: #fbf4ec;
	padding: 1rem 0 5rem;
}
.intro .introBox {
	display: flex;
	flex-wrap: wrap;
}
.intro .introBox .introBoxInner dl dt {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
}
.intro .introBox .introBoxInner dl dd {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-top: 0.5rem;
}
@media (max-width: 768px) {
	.intro .bg {
		padding: 0 0 10rem;
	}
	.intro .introBox {
		display: block;
	}
	.intro .introBox .introBoxInner dl dt {
		font-size: 3rem;
		line-height: 4.8rem;
	}
	.intro .introBox .introBoxInner dl dd {
		font-size: 3rem;
		line-height: 4.8rem;
		margin-top: 1rem;
	}
}

/* intro introBox01 */
.intro .introBox01 {
	margin-top: 3.5rem;
}
.intro .introBox01 .introBoxInner {
	width: 52%;
	background: #fff;
}
.intro .introBox01 .introBoxInner + .introBoxInner {
	width: 48%;
	padding-top: 1.8rem;
	padding-right: 1.8rem;
}
.intro .introBox01 .introBoxInner .picMain {
	background: url(/base/pc/store/special/farm/2025/img/vegetable/sec01_main.jpg) no-repeat;
	width: 100%;
	height: 62.3rem;
	background-size: contain;
	position: relative;
}
.intro .introBox01 .introBoxInner .picMain .txt {
	position: absolute;
	width: 92%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #310304;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.08em;
}
.intro .introBox01 .introBoxInner .picMain .txt .txt01 {
	font-size: 2.3rem;
	font-weight: bold;
}
.intro .introBox01 .introBoxInner .picMain .txt .txt02 {
	font-size: 1.7rem;
	line-height: 4.6rem;
	margin-top: 2.5rem;
	font-weight: 500;
}
.intro .introBox01 .introBoxInner .picMain .txt .txt03 {
	font-size: 2.3rem;
	font-weight: bold;
	margin-top: 2.5rem;
}
.intro .introBox01 .introBoxInner dl {
	margin-top: 1rem;
}
.intro .introBox01 .introBoxInner .note {
	font-size: 1.1rem;
	line-height: 1.5;
	margin-top: 1.5rem;
}
@media (max-width: 768px) {
	.intro .introBox01 {
		margin-top: 0;
	}
	.intro .introBox01 .introBoxInner {
		width: 100%;
		background: none;
	}
	.intro .introBox01 .introBoxInner + .introBoxInner {
		width: 100%;
		padding-top: 10rem;
		padding-right: 0;
	}
	.intro .introBox01 .introBoxInner .picMain {
		margin: 0 -6.6rem;
		background: url(/base/pc/store/special/farm/2025/img/vegetable/sec01_main_sp.jpg) no-repeat;
		width: calc(100% + 13.2rem);
		height: 105rem;
		background-size: contain;
	}
	.intro .introBox01 .introBoxInner .picMain .txt {
		width: 100%;
	}
	.intro .introBox01 .introBoxInner .picMain .txt .txt01 {
		font-size: 4.2rem;
	}
	.intro .introBox01 .introBoxInner .picMain .txt .txt02 {
		font-size: 3.1rem;
		line-height: 2.6;
		margin-top: 5rem;
	}
	.intro .introBox01 .introBoxInner .picMain .txt .txt03 {
		font-size: 4.2rem;
		margin-top: 6rem;
	}
	.intro .introBox01 .introBoxInner dl {
		margin-top: 3rem;
	}
	.intro .introBox01 .introBoxInner .note {
		font-size: 2.4rem;
		line-height: 1.5;
		margin-top: 4rem;
	}
}

/* intro introBox02 */
.intro .introBox02 {
	justify-content: space-between;
	margin-top: 1rem;
}
.intro .introBox02 .introBoxInner {
	width: calc(50% - 0.5rem);
	background: #fff;
	padding: 1.8rem;
}
.intro .introBox02 .introBoxInner h3 {
	text-align: center;
	border-top: 1px solid #a8978d;
	border-bottom: 1px solid #a8978d;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0.8rem 0;
}
.intro .introBox02 .introBoxInner .flexWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 1.4rem;
}
.intro .introBox02 .introBoxInner .flexWrap .pic {
	width: calc(50% - 0.8rem);
	margin-top: 0.4rem;
}
.intro .introBox02 .introBoxInner .flexWrap dl {
	width: calc(50% - 0.8rem);
}
@media (max-width: 768px) {
	.intro .introBox02 {
		margin-top: 0;
	}
	.intro .introBox02 .introBoxInner {
		width: 100%;
		background: none;
		padding: 10rem 0 0;
	}
	.intro .introBox02 .introBoxInner h3 {
		font-size: 4rem;
		padding: 2.4rem 0 2.6rem;
		text-align: left;
		font-feature-settings: "palt";
	}
	.intro .introBox02 .introBoxInner .flexWrap {
		display: block;
		margin-top: 3rem;
	}
	.intro .introBox02 .introBoxInner .flexWrap .pic {
		width: 100%;
		margin-top: 0;
	}
	.intro .introBox02 .introBoxInner .flexWrap dl {
		width: 100%;
		margin-top: 3rem;
	}
}

/* item */
.item {
	padding-top: 5rem;
}
.item ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 4rem;
	font-feature-settings: "palt";
}
.item ul li {
	width: calc((100% - 8rem) / 3);
}
.item ul li h3 {
	font-size: 2.4rem;
	font-weight: bold;
	border-top: 1px solid #231815;
	border-bottom: 1px solid #231815;
	padding: 1rem 0.5rem;
	margin-bottom: 1.5rem;
}
.item ul li dl {
	margin-top: 1rem;
}
.item ul li dl dt {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.3rem;
}
.item ul li dl dd {
	font-size: 1.6rem;
	line-height: 2.5rem;
	margin-top: 0.8rem;
}
@media (max-width: 768px) {
	.item {
		padding-top: 11rem;
	}
	.item ul {
		gap: 10rem 0;
	}
	.item ul li {
		width: 100%;
	}
	.item ul li h3 {
		font-size: 4.4rem;
		padding: 2.2rem 1.5rem;
		margin-bottom: 2.5rem;
	}
	.item ul li dl {
		margin-top: 3rem;
	}
	.item ul li dl dt {
		font-size: 3rem;
		line-height: 4.8rem;
	}
	.item ul li dl dd {
		font-size: 3rem;
		line-height: 4.8rem;
		margin-top: 0.8rem;
	}
}


/* bnr */
.bnr {
	max-width: 98rem;
	padding: 10.5rem 4rem 0;
	margin: 0 auto;
}
.bnr h2 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-bottom: 2rem;
}
.bnr ul li + li {
	margin-top: 4rem;
}
.bnr ul li a img {
	width: 100%;
}
@media (max-width: 768px) {
	.bnr {
		max-width: 100%;
		padding: 15rem 0 0;
	}
	.bnr h2 {
		font-size: 3.6rem;
		line-height: 4.6rem;
		margin-bottom: 2.5rem;
	}
	.bnr ul li + li {
		margin-top: 4.5rem;
	}
}