/* Kohana. build-07 r6 (2026-11-03, local prototype, not published) — loaded only by d7.html, after build07c.css.
   1. ブーケの写真 (#about .ph-r, 1200×800): less of the screen, the bouquet, the hands and the ribbon kept whole
      - phone: 4:3 → 16:10 (the stems and the ribbon end stay in view)
      - 600–1023px (one column, the photo was 688×516 at 768px): 4:3 → 16:9
      - PC (two columns): 4:3 → 3:2, the photo's own shape, nothing cut
   2. 代表カウンセラー: the line 「この物語の案内人」 is gone (removed from the HTML); 「YOUR COUNSELOR」 → 「代表カウンセラー」 spacing set again
   3. 対象者の4枚 (#support .cards4): never 3 + 1
      - phone: 2 × 2, smaller photo (16:10), less padding, title and text closer; text kept at a readable size
      - 600–1023px: 2 × 2;  PC 1024px〜: 4 in one row
      - all four the same height, the same gaps; corners and colours unchanged */

/* 1 */
#about .ph-r{aspect-ratio:16/10;object-position:50% 62%}
@media(min-width:37.5em){#about .ph-r{aspect-ratio:16/9;object-position:50% 60%}}
@media(min-width:64em){#about .about-grid .ph-r{aspect-ratio:3/2;object-position:50% 50%}}
@media(max-width:63.99em){#about .about-grid{gap:var(--ma-4)}}

/* 2 */
#counselor .sec-head .kicker{margin-bottom:6px}

/* 3 */
#support .cards4{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
@media(min-width:37.5em){#support .cards4{gap:var(--ma-3)}}
@media(min-width:64em){#support .cards4{grid-template-columns:repeat(4,minmax(0,1fr))}}
#support .cards4 .b{flex:1}
@media(max-width:37.49em){
 #support .cards4 img{aspect-ratio:16/10}
 #support .cards4 .b{padding:12px 12px 16px}
 #support .cards4 h3{font-size:15px;line-height:1.6;letter-spacing:.02em}
 #support .cards4 p{font-size:13.5px;line-height:1.75;margin-top:4px;letter-spacing:.02em}
}