/* ===============================
   写真の割り当て
   ・写真は <img> ではなく背景画像として表示（ドラッグ／右クリック保存の対策）
   ・HTML には画像パスを書かず、ここでクラスごとに割り当てる
   ・PC / SP 共通で同じ画像（1400 × 788）を使う（SP 用の差し替えはしない）
   =============================== */

.work-grid--photo .p01 { background-image: url(street/d3b227e01258.webp); }
.work-grid--photo .p02 { background-image: url(street/bde82bf7af52.webp); }
.work-grid--photo .p03 { background-image: url(street/169507f12301.webp); }
.work-grid--photo .p04 { background-image: url(street/068132955018.webp); }
.work-grid--photo .p05 { background-image: url(street/48345c739ffb.webp); }
.work-grid--photo .p06 { background-image: url(street/7dffb9c09d36.webp); }
.work-grid--photo .p07 { background-image: url(street/c029fc94724f.webp); }
.work-grid--photo .p08 { background-image: url(street/2bf67fa6aae0.webp); }
.work-grid--photo .p09 { background-image: url(street/049dc12e6ce7.webp); }
.work-grid--photo .p10 { background-image: url(street/638bfddb7717.webp); }
.work-grid--photo .p11 { background-image: url(street/f81d776e1bae.webp); }
.work-grid--photo .p12 { background-image: url(street/26fb490bface.webp); }
.work-grid--photo .p13 { background-image: url(street/baa0bedc6693.webp); }
.work-grid--photo .p15 { background-image: url(street/s0d9m4rt6qm5.webp); }
.work-grid--photo .p16 { background-image: url(street/vb39skwd0f3k.webp); }
.work-grid--photo .p17 { background-image: url(street/3f35ce40189b.webp); }
.work-grid--photo .p18 { background-image: url(street/doadj8jw5m09.webp); }
.work-grid--photo .p19 { background-image: url(street/d9jw3e0el6d9.webp); }
.work-grid--photo .p20 { background-image: url(people/r9s7c5e9m3.webp); }
.work-grid--photo .p21 { background-image: url(people/w8j4k9s83m.webp); }
.work-grid--photo .p22 { background-image: url(people/c9wkd8cl3j.webp); }
.work-grid--photo .p23 { background-image: url(people/w8k30f1g2m.webp); }
.work-grid--photo .p24 { background-image: url(people/q9d7v6x3s9.webp); }
.work-grid--photo .p25 { background-image: url(people/n5b1z8c4h5.webp); }
.work-grid--photo .p26 { background-image: url(people/f5h7y9w2m0.webp); }
.work-grid--photo .p27 { background-image: url(people/i4l5x0a8k1.webp); }
.work-grid--photo .p28 { background-image: url(people/l3g7z0a1v7.webp); }
.work-grid--photo .p29 { background-image: url(people/s9q0z6c3v8.webp); }
.work-grid--photo .p30 { background-image: url(people/a01ld8v3m7.webp); }
.work-grid--photo .p31 { background-image: url(people/c8s0c3a5z9.webp); }
.work-grid--photo .p32 { background-image: url(people/t28se7w7s1.webp); }
.work-grid--photo .p33 { background-image: url(people/f9e7w4s9c7.webp); }
.work-grid--photo .p34 { background-image: url(people/t7w5f29en3.webp); }
.work-grid--photo .p35 { background-image: url(people/k3d0r8v6s9.webp); }
.work-grid--photo .p36 { background-image: url(people/s2o7d9b3z8.webp); }
.work-grid--photo .p37 { background-image: url(people/a8v73mr0g6.webp); }
.work-grid--photo .p38 { background-image: url(people/b9s7e3h5m6.webp); }
.work-grid--photo .p39 { background-image: url(people/d9e3k5d8w9.webp); }
.work-grid--photo .p40 { background-image: url(people/g7s9w7v6a9.webp); }
.work-grid--photo .p41 { background-image: url(people/m3i8s9q5b2.webp); }
.work-grid--photo .p42 { background-image: url(street/f7s9w0k3d8.webp); }
.work-grid--photo .p43 { background-image: url(people/l3o0s9e7a9.webp); }
.work-grid--photo .p44 { background-image: url(people/t3s8a7b9n3.webp); }
.work-grid--photo .p45 { background-image: url(people/g6s9k3o9d8.webp); }
.work-grid--photo .p46 { background-image: url(people/t3u8s9d8c6.webp); }

/* ===============================
   People：見せる位置（1 枚ずつ）
   14:9 の枠で 16:9 の画像を左右から切っているので、効くのは横位置だけ
     0%   … 画像の左端を見せる
     50%  … 中央（初期値）
     100% … 画像の右端を見せる
   例：人物が右寄りなら 70% など。PC / SP 共通
   =============================== */

.work-grid--photo .p20 { background-position-x: 50%; }
.work-grid--photo .p21 { background-position-x: 50%; }
.work-grid--photo .p22 { background-position-x: 50%; }
.work-grid--photo .p23 { background-position-x: 88%; }
.work-grid--photo .p24 { background-position-x: 50%; }
.work-grid--photo .p25 { background-position-x: 100%; }
.work-grid--photo .p26 { background-position-x: 50%; }
.work-grid--photo .p27 { background-position-x: 50%; }
.work-grid--photo .p28 { background-position-x: 50%; }
.work-grid--photo .p29 { background-position-x: 35%; }
.work-grid--photo .p30 { background-position-x: 0%; }
.work-grid--photo .p31 { background-position-x: 100%; }
.work-grid--photo .p32 { background-position-x: 50%; }
.work-grid--photo .p33 { background-position-x: 50%; }
.work-grid--photo .p34 { background-position-x: 50%; }
.work-grid--photo .p35 { background-position-x: 50%; }
.work-grid--photo .p36 { background-position-x: 50%; }
.work-grid--photo .p37 { background-position-x: 100%; }
.work-grid--photo .p38 { background-position-x: 50%; }
.work-grid--photo .p39 { background-position-x: 50%; }
.work-grid--photo .p40 { background-position-x: 50%; }
.work-grid--photo .p41 { background-position-x: 50%; }
.work-grid--photo .p43 { background-position-x: 100%; }
.work-grid--photo .p44 { background-position-x: 100%; }
.work-grid--photo .p45 { background-position-x: 100%; }
.work-grid--photo .p46 { background-position-x: 100%; }