/* /service/personal/kobe/ 神戸・芦屋・西宮の出張パーソナル。/service/personal/style.css を土台に、このページだけの区画を置く */
.kobe-answer { padding: 36px 0 0; }
.kobe-answer__box { max-width: 880px; margin: 0 auto; padding: 24px 28px 20px; border: 1px solid var(--color-border); border-left: 4px solid var(--color-primary); border-radius: 12px; background: var(--color-bg-2); }
.kobe-answer__q { font-weight: 700; font-size: 16px; line-height: 1.6; margin-bottom: 10px; }
.kobe-answer__a { font-size: 15px; line-height: 1.95; margin-bottom: 10px; }
.kobe-answer__meta { font-size: 12px; line-height: 1.7; color: var(--color-text-muted); }

.kobe-places .en-flow__photos figcaption { text-align: left; font-size: 13.5px; line-height: 1.7; }
.kobe-places .en-flow__photos figcaption strong { display: block; color: var(--color-text); font-size: 15px; margin-bottom: 2px; }

.kobe-voice .p-voice__grid { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; }

/* スマホでは場所の写真を1列にして、写真と説明を読みやすくする */
@media (max-width: 600px) {
  .kobe-places .en-flow__photos { grid-template-columns: 1fr; gap: 18px; max-width: 420px; margin: 0 auto; }
  .kobe-places .en-flow__photos img { aspect-ratio: 16 / 10; }
  .kobe-places .en-flow__photos figcaption { font-size: 13.5px; }
  .kobe-answer__box { padding: 20px 18px; }
  .kobe-answer__a { font-size: 14px; }
}

/* セッションの写真帯：PCは4枚を横一列、スマホは2列×2段（縦に伸ばさない） */
.kobe-band { padding: 64px 0; }
.kobe-band .training-photo-band__grid--quad { grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 768px) {
  .kobe-band { padding: 44px 0; }
  .kobe-band .training-photo-band__head { text-align: center; }
  .kobe-band .training-photo-band__grid--quad { grid-template-columns: 1fr 1fr; gap: 8px; }
}

/* 流れの上に置く3枚 */
.kobe-flow__photos { max-width: 880px; margin: 0 auto 28px; }