/* ==========================================================
   reasons.css — 選ばれる理由ページ（page-reasons.php）
   ========================================================== */
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px;}
@media (max-width:820px){.reason-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.reason-grid{grid-template-columns:1fr;}}
.reason-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff;}
.reason-head{
  display:flex;align-items:center;gap:10px;padding:16px 18px;
}
.reason-head .num-badge{
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;
}
.reason-head h3{font-size:14.5px;color:var(--navy);font-weight:700;}

/*
.reason-photo{
  height:150px;overflow:hidden;background:linear-gradient(135deg,var(--cream),#eee5d2);
  display:flex;align-items:center;justify-content:center;color:var(--gold-dark);
}
.reason-photo img{width:100%;height:100%;object-fit:cover;}
*/

.reason-photo{
  height:150px;overflow:hidden;
  background-color:var(--cream);
  background-image:linear-gradient(135deg,var(--cream),#eee5d2);
  background-size:cover;
  background-position:center;
}

.reason-body{padding:16px 18px 20px;}
.reason-body p{font-size:12.5px;color:var(--muted);}

.promise-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
@media (max-width:700px){.promise-row{grid-template-columns:1fr;}}
.promise-item .circle{
  width:56px;height:56px;border-radius:50%;border:1.5px solid var(--gold);display:flex;
  align-items:center;justify-content:center;color:var(--gold-dark);margin:0 auto 14px;
}
.promise-item h4{font-size:14px;color:var(--navy);margin-bottom:8px;}
.promise-item p{font-size:12.5px;color:var(--muted);}