/* ============================================================
   写真を大きく・たくさん 用クラス（2026-06-26 黒田 直接追加）
   A案の色・角丸・影に合わせた、大きめ写真レイアウト
   ============================================================ */

/* 横長の大きな写真バンド（フルワイド級） */
.photo-band{
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(125,90,60,.18);
  margin:2.6rem 0;
}
.photo-band img{
  width:100%;
  height:clamp(260px,42vw,470px);
  object-fit:cover;
  display:block;
}
.photo-band .pb-cap{
  background:#F3EBDD;
  color:#7d5a3c;
  font-size:.92rem;
  text-align:center;
  padding:.7rem 1rem;
}

/* 写真＋文章を大きく左右に並べる */
.photo-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.6rem;
  align-items:center;
  margin:1.4rem 0;
}
.photo-split .ps-img{
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(125,90,60,.18);
}
.photo-split .ps-img img{
  width:100%;
  height:clamp(280px,38vw,440px);
  object-fit:cover;
  display:block;
}
.photo-split.rev .ps-img{ order:-1; }
@media(max-width:760px){
  .photo-split{ grid-template-columns:1fr; gap:1.4rem; }
  .photo-split .ps-img{ order:-1; }
}

/* 大きめの写真ギャラリー（3列） */
.photo-grid-lg{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.4rem;
}
.photo-grid-lg figure{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(125,90,60,.16);
}
.photo-grid-lg img{
  width:100%;
  height:clamp(230px,26vw,330px);
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.photo-grid-lg figure:hover img{ transform:scale(1.05); }
@media(max-width:760px){
  .photo-grid-lg{ grid-template-columns:1fr 1fr; gap:.9rem; }
}

/* セクション幅いっぱいの大きな帯写真 */
.photo-hero-wide{
  width:100%;
  height:clamp(300px,46vw,540px);
  object-fit:cover;
  display:block;
}