/* 農園について（farm） */

/* ---------- 見出し（■＋和文） ---------- */
.farm-head {
  display: flex; flex-direction: column; align-items: center; gap: 2.4rem;
  font-family: var(--ff-zen); font-size: 2.8rem; font-weight: 400;
  letter-spacing: 0.84rem; line-height: 4.1rem; text-align: center;
}
.farm-head::before {
  content: ""; display: block; flex-shrink: 0;
  width: 1.2rem; height: 1.2rem; background: var(--orange);
}
.farm-head--left { flex-direction: row; text-align: left; }

/* ---------- ご挨拶 ---------- */
.farm-greeting {
  display: flex; flex-direction: column; align-items: center; gap: 16rem;
  padding: 20rem 40rem;
}
.farm-greeting__title {
  width: 100%;
  font-family: var(--ff-zen); font-size: 4.8rem; font-weight: 400;
  letter-spacing: 1.44rem; line-height: 7rem; text-align: center;
}
.farm-greeting__inner {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
}
.farm-greeting__body {
  display: flex; flex-direction: column; align-items: flex-start; gap: 5.6rem;
  width: 56rem;
}
.farm-greeting__text { font-size: 1.5rem; letter-spacing: 0.15rem; line-height: 3.8rem; }
.farm-greeting__name { font-size: 2rem; letter-spacing: 0.46rem; line-height: 2.9rem; }
.farm-greeting__img {
  flex-shrink: 0; width: 48rem; height: 68rem; object-fit: cover;
}

/* ---------- 飯田農園のこと ---------- */
.farm-about {
  display: flex; flex-direction: column; align-items: center; gap: 6.4rem;
  padding: 20rem 40rem;
  background: url(../img/farm/about-bg.webp) center / cover no-repeat;
}
.farm-about__inner {
  display: flex; flex-direction: column; align-items: center; gap: 8rem; width: 100%;
}
.farm-about__text {
  width: 100%;
  font-size: 1.5rem; letter-spacing: 0.15rem; line-height: 3.8rem; text-align: center;
}
.farm-about__text p + p { margin-top: 3.8rem; }
.farm-about__img { width: 100%; height: 54.4rem; object-fit: cover; }
.farm-about__stats {
  display: flex; justify-content: center;
  border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray);
  font-family: var(--ff-zen); text-align: center;
}
.farm-about__stat {
  display: flex; flex-direction: column; align-items: center; gap: 2.4rem;
  width: 56rem; padding: 4.8rem 0;
}
.farm-about__stat + .farm-about__stat { border-left: 1px solid var(--gray); }
.farm-about__stat-label {
  width: 100%; color: var(--orange);
  font-size: 1.7rem; letter-spacing: 0.17rem; line-height: 2.5rem;
}
.farm-about__stat-value {
  width: 100%;
  font-size: 2.4rem; letter-spacing: 0.24rem; line-height: 3.5rem;
}

/* ---------- 萱生という土地 ---------- */
.farm-land {
  padding: 20rem 40rem;
  background: var(--black); color: #fff;
}
.farm-land__inner {
  display: flex; align-items: flex-start; justify-content: space-between;
}
.farm-land__body {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6.4rem;
  width: 56rem;
}
.farm-land__title {
  font-family: var(--ff-zen); font-size: 3.6rem; font-weight: 400;
  letter-spacing: 1.08rem; line-height: 5.2rem;
}
.farm-land__text { font-size: 1.5rem; letter-spacing: 0.15rem; line-height: 3.8rem; }
.farm-land__text p + p { margin-top: 3.8rem; }
.farm-land__img {
  flex-shrink: 0; width: 48rem; height: 56rem;
  object-fit: cover; object-position: 55.7% 50%;
}

/* ---------- 大切にしていること ---------- */
.farm-value {
  display: flex; flex-direction: column; align-items: center; gap: 10rem;
  padding: 20rem 40rem;
}
.farm-value__list { display: flex; flex-direction: column; gap: 6.4rem; width: 112rem; }
.farm-value__item { display: flex; align-items: center; justify-content: space-between; }
.farm-value__item--reverse { flex-direction: row-reverse; }
.farm-value__img { flex-shrink: 0; width: 48rem; height: 36rem; object-fit: cover; }
.farm-value__body {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4rem;
  width: 56rem;
}
.farm-value__title {
  width: 100%; color: var(--orange);
  font-size: 2.4rem; font-weight: 400; letter-spacing: 0.24rem; line-height: 3.8rem;
}
.farm-value__text {
  width: 100%;
  font-size: 1.5rem; letter-spacing: 0.15rem; line-height: 3.8rem;
}

/* ---------- SP ---------- */
@media (max-width: 768px) {
  .farm-head { gap: 1.6rem; font-size: 2.2rem; letter-spacing: 0.66rem; line-height: 3.2rem; }
  .farm-head::before { width: 1rem; height: 1rem; }

  .farm-greeting { gap: 8rem; padding: 8rem 2.4rem; }
  .farm-greeting__title { font-size: 2.4rem; letter-spacing: 0.72rem; line-height: 3.5rem; }
  .farm-greeting__inner { flex-direction: column; align-items: flex-start; gap: 4rem; }
  .farm-greeting__body { gap: 3.2rem; width: 100%; }
  .farm-greeting__text { font-size: 1.4rem; letter-spacing: 0.14rem; line-height: 3.5rem; }
  .farm-greeting__img { width: 100%; height: 32rem; }

  .farm-about { gap: 4rem; padding: 8rem 2.4rem; }
  .farm-about__inner { gap: 3.2rem; }
  .farm-about__text { font-size: 1.4rem; letter-spacing: 0.14rem; line-height: 3.5rem; text-align: left; }
  .farm-about__text p + p { margin-top: 0; }
  .farm-about__img { height: 24rem; }
  .farm-about__stats { flex-direction: column; width: 100%; text-align: left; }
  .farm-about__stat { flex-direction: row; gap: 0; width: 100%; padding: 2.4rem 0; }
  .farm-about__stat + .farm-about__stat { border-left: 0; border-top: 1px solid var(--gray); }
  .farm-about__stat-label {
    flex-shrink: 0; width: 8rem;
    font-size: 1.6rem; letter-spacing: 0.16rem; line-height: 2.3rem;
  }
  .farm-about__stat-value {
    width: auto; white-space: nowrap;
    font-size: 1.8rem; letter-spacing: 0.18rem; line-height: 2.6rem;
  }

  .farm-land { padding: 8rem 2.4rem; }
  .farm-land__inner { flex-direction: column; gap: 4rem; }
  .farm-land__body { gap: 4rem; width: 100%; }
  .farm-land__title { font-size: 2.4rem; letter-spacing: 0.72rem; line-height: 3.5rem; }
  .farm-land__text { font-size: 1.4rem; letter-spacing: 0.14rem; line-height: 3.5rem; }
  .farm-land__text p + p { margin-top: 0; }
  .farm-land__img { width: 100%; height: 32rem; }

  .farm-value { gap: 5.6rem; padding: 8rem 2.4rem; }
  .farm-value__list { gap: 5.6rem; width: 100%; }
  .farm-value__item,
  .farm-value__item--reverse { flex-direction: column; align-items: flex-start; gap: 2.4rem; }
  .farm-value__img { width: 100%; height: 24rem; }
  .farm-value__body { gap: 1.6rem; width: 100%; }
  .farm-value__title { font-size: 2rem; letter-spacing: 0.2rem; }
  .farm-value__title--break { line-height: 4rem; }
  .farm-value__text { font-size: 1.4rem; letter-spacing: 0.14rem; line-height: 3.5rem; }
}