/* =========================================================
   市川の梨の魅力（About / 甘み / 栄養）
   ========================================================= */

.charm-section{ background:var(--cream); padding:1.8rem 1.2rem; }
.charm-card{
  max-width:1280px; margin:0 auto; background:#fff; border-radius:10px;
  box-shadow:0 4px 18px rgba(0,0,0,.06); overflow:hidden; padding-bottom:2rem;
}

/* 書体は common.css の .section-heading-medium を併用（HTML側でクラス指定） */
.charm-h2{
  display:flex; align-items:center; gap:.7rem;
  margin-bottom:1.4rem;
}

/* About */
.charm-about{ background:var(--cream); padding:1rem 2rem 3.5rem; }
.charm-about-inner{
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
}
.charm-about-text p{ color:#4a4a40; margin-bottom:1.1rem; line-height:2; font-size:1.05rem; }
.charm-about-img img{ width:100%; aspect-ratio:1/1; object-fit:cover; border:6px solid #fff; border-radius:14px; box-shadow:0 14px 30px rgba(0,0,0,.16); display:block; }

/* 甘み */
.charm-sweet{ background:var(--cream); padding:1rem 2rem 3.5rem; }
.charm-sweet-inner{
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
}
.charm-sweet-img{ width:100%; aspect-ratio:1/1; object-fit:cover; border:6px solid #fff; border-radius:14px; box-shadow:0 14px 30px rgba(0,0,0,.16); display:block; }
.charm-sweet-text p{ color:#4a4a40; margin-bottom:1.1rem; line-height:2; font-size:1.05rem; }

/* 栄養・特徴 */
.charm-nutri{ background:var(--cream); padding:3.5rem 2rem; }
.charm-nutri-inner{ max-width:1100px; margin:0 auto; text-align:center; }
.charm-nutri-lead{ color:#4a4a40; font-size:1.05rem; line-height:1.9; margin-bottom:2.5rem; }
.charm-nutri-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:1.2rem; }
.nutri-card{
  background:var(--cream-2); border-radius:8px; padding:1.4rem 1rem;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.nutri-icon{ width:64px; height:64px; margin-bottom:.8rem; display:flex; align-items:center; justify-content:center; }
.nutri-card h3{ font-family:"Noto Serif JP",serif; font-size:1.05rem; color:var(--green-dark); font-weight:600; margin-bottom:.6rem; }
.nutri-card p{ font-size:.9rem; color:var(--muted); line-height:1.7; margin-bottom:1rem; flex-grow:1; }
.nutri-photo{ width:100%; height:80px; object-fit:cover; border-radius:6px; display:block; }

/* ===== レスポンシブ ===== */
@media (max-width:1024px){
  .charm-about-inner,
  .charm-sweet-inner{ grid-template-columns:1fr; gap:1.8rem; }
  .charm-about{ padding-bottom:0; }
  .charm-about-img{ width:min(72%, 420px); margin:0 6% 0 auto; position:relative; z-index:2; transform:rotate(4deg); }
  .charm-sweet{ padding-top:0; }
  .charm-sweet-img{ order:-1; width:min(64%, 360px); margin:-5rem auto 1rem 8%; position:relative; z-index:3; transform:rotate(-5deg); }
  .charm-nutri-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:600px){
  .charm-nutri-grid{ grid-template-columns:repeat(2,1fr); }
  .charm-section{ padding:1.2rem .8rem; }
  .charm-about-img{ width:78%; margin-right:2%; }
  .charm-sweet-img{ width:70%; margin-top:-4rem; margin-left:4%; }
}