@charset "UTF-8";
/* ------ キーヴィジュアル ------ */
.kv {
				background: url(../images/green/kv.jpg) no-repeat center center;
				background-size: cover;
}

/* ------ pageタイトル ------ */
.page-ttl-box .page-ttl {
				letter-spacing: 0.05em !important;
}

/* ------ sectionタイトル ------ */
.sec-ttl-box {
				margin: 0 0 21px;
}
@media (min-width: 641px) {
				.sec-ttl-box {
								margin: 0 0 21px;
				}
}
@media (min-width: 641px) {
				.sec-ttl-box .sec-ttl {
								font-size: 2.7rem;
				}
}

/* ------ 旭村自慢の野菜・果物たち ------ */
.product .lead-txt {
				text-align: left;
				line-height: 1.82;
}
@media (min-width: 641px) {
				.product .lead-txt {
								font-size: 1.7rem;
								width: 794px;
								margin: 0 auto;
				}
}
@media (min-width: 641px) {
				.product .product-item-wrap {
								width: 994px;
				}
}
@media (min-width: 641px) {
				.product .product-detail {
								margin: 10px 0 0;
				}
}
.product .product-item {
				max-width: 280px;
}
@media (min-width: 641px) {
				.product .product-item {
								width: 280px;
				}
}

/* ------ btn ------ */
.link-btn {
				display: block;
				background-color: #22B573;
				border-radius: 8px;
				max-width: 409px;
}
@media (min-width: 641px) {
				.link-btn {
								width: 409px;
				}
}
@media (min-width: 641px) {
				.link-btn:after {
								right: -2px;
				}
}

/* ------ オリジナルブランド ------ */
.brand {
				margin: 100px 0 0;
}
@media (min-width: 641px) {
				.brand {
								margin: 140px 0 0;
				}
}
.brand .inner {
				padding: 50px 20px;
}
@media (min-width: 641px) {
				.brand .inner {
								padding: 93px 51px 87px 200px;
				}
}
.brand .brand-item {
				/* 旭甘十郎 */
}
.brand .brand-item:nth-child(n+2) {
				margin: 30px 0 0;
}
@media (min-width: 641px) {
				.brand .brand-item:nth-child(n+2) {
								margin: 7px 0 0;
				}
}
.brand .brand-item.kanjuurou .brand-detail-box {
				margin-top: 30px;
}
@media (min-width: 641px) {
				.brand .brand-item.kanjuurou .brand-detail-box {
								margin-top: 72px;
				}
}
@media (min-width: 641px) {
				.brand .brand-detail-box {
								width: 800px;
								margin-left: 97px;
				}
}
.brand .brand-detail {
				margin: 15px 0 0;
}
@media (min-width: 641px) {
				.brand .brand-detail {
								margin: 20px 0 0;
				}
}
.brand .brand-name {
				color: #42210B;
				font-size: clamp(18px, 1rem + 2vw, 22px);
				font-weight: 500;
				text-align: center;
				letter-spacing: 0.01em;
				margin: 0 0 12px;
}
@media (min-width: 641px) {
				.brand .brand-name {
								font-size: 2.5rem;
				}
}
.brand .brand-txt {
				font-size: clamp(16px, 1rem + 1vw, 20px);
				letter-spacing: 0.05em;
				line-height: 1.58;
}
@media (min-width: 641px) {
				.brand .brand-txt {
								font-size: 1.7rem;
				}
}
.brand .brand-period {
				margin: 15px 0 0;
}
@media (min-width: 641px) {
				.brand .brand-period {
								margin: 30px 0 0;
				}
}
.brand .brand-period img {
				margin: 0 auto;
}

.btm-btn {
				margin: 30px 0;
}
@media (min-width: 641px) {
				.btm-btn {
								margin: 66px 0;
				}
}