<section class="zibi-journal">
<div class="zibi-journal__inner" style="max-width:800px; margin:0 auto; padding:48px 16px; text-align:center;">
<h1 style="font-size:1.5em; font-weight:600; margin-bottom:12px;">ZIBI JOURNAL</h1>
<p style="font-size:0.95em; color:#444; line-height:1.9; margin-bottom:40px;">
紀州の森から届ける、ZIBIの記録。<br>
ブランドの想い、犬たちとの日々、季節のストーリーを綴っています。
</p>
</div>
<!-- 記事一覧ブロック -->
<div class="zibi-journal__list" style="display:flex; flex-wrap:wrap; justify-content:center; gap:24px; max-width:900px; margin:0 auto 60px;">
<!-- 記事カード（1） -->
<div class="zibi-journal__item" style="width:260px; text-align:left;">
<img src="https://example.com/sample1.jpg" alt="記事1" style="width:100%; border-radius:10px; margin-bottom:12px;">
<h2 style="font-size:1em; font-weight:600; margin-bottom:6px;">秋の紀州ジビエと愛犬のごはん</h2>
<p style="font-size:0.85em; color:#555; line-height:1.6; margin-bottom:10px;">
森が色づく季節。脂ののった鹿肉と、旬の野菜の組み合わせを紹介します。
</p>
<a href="/pages/journal-autumn" style="font-size:0.85em; color:#2f3d2c; text-decoration:none;">続きを読む →</a>
</div>
<!-- 記事カード（2） -->
<div class="zibi-journal__item" style="width:260px; text-align:left;">
<img src="https://example.com/sample2.jpg" alt="記事2" style="width:100%; border-radius:10px; margin-bottom:12px;">
<h2 style="font-size:1em; font-weight:600; margin-bottom:6px;">Terra Canisとの出会い</h2>
<p style="font-size:0.85em; color:#555; line-height:1.6; margin-bottom:10px;">
ドイツで生まれたヒューマングレードフード。ZIBIが感じた共鳴を綴ります。
</p>
<a href="/pages/journal-terracanis" style="font-size:0.85em; color:#2f3d2c; text-decoration:none;">続きを読む →</a>
</div>
<!-- 記事カード（3） -->
<div class="zibi-journal__item" style="width:260px; text-align:left;">
<img src="https://example.com/sample3.jpg" alt="記事3" style="width:100%; border-radius:10px; margin-bottom:12px;">
<h2 style="font-size:1em; font-weight:600; margin-bottom:6px;">ZIBIが考える「自然と循環」</h2>
<p style="font-size:0.85em; color:#555; line-height:1.6; margin-bottom:10px;">
ジビエという命をどう届けるか。私たちの哲学をまとめました。
</p>
<a href="/pages/journal-philosophy" style="font-size:0.85em; color:#2f3d2c; text-decoration:none;">続きを読む →</a>
</div>
</div>
</section>
<div class="zibi-journal__inner" style="max-width:800px; margin:0 auto; padding:48px 16px; text-align:center;">
<h1 style="font-size:1.5em; font-weight:600; margin-bottom:12px;">ZIBI JOURNAL</h1>
<p style="font-size:0.95em; color:#444; line-height:1.9; margin-bottom:40px;">
紀州の森から届ける、ZIBIの記録。<br>
ブランドの想い、犬たちとの日々、季節のストーリーを綴っています。
</p>
</div>
<!-- 記事一覧ブロック -->
<div class="zibi-journal__list" style="display:flex; flex-wrap:wrap; justify-content:center; gap:24px; max-width:900px; margin:0 auto 60px;">
<!-- 記事カード（1） -->
<div class="zibi-journal__item" style="width:260px; text-align:left;">
<img src="https://example.com/sample1.jpg" alt="記事1" style="width:100%; border-radius:10px; margin-bottom:12px;">
<h2 style="font-size:1em; font-weight:600; margin-bottom:6px;">秋の紀州ジビエと愛犬のごはん</h2>
<p style="font-size:0.85em; color:#555; line-height:1.6; margin-bottom:10px;">
森が色づく季節。脂ののった鹿肉と、旬の野菜の組み合わせを紹介します。
</p>
<a href="/pages/journal-autumn" style="font-size:0.85em; color:#2f3d2c; text-decoration:none;">続きを読む →</a>
</div>
<!-- 記事カード（2） -->
<div class="zibi-journal__item" style="width:260px; text-align:left;">
<img src="https://example.com/sample2.jpg" alt="記事2" style="width:100%; border-radius:10px; margin-bottom:12px;">
<h2 style="font-size:1em; font-weight:600; margin-bottom:6px;">Terra Canisとの出会い</h2>
<p style="font-size:0.85em; color:#555; line-height:1.6; margin-bottom:10px;">
ドイツで生まれたヒューマングレードフード。ZIBIが感じた共鳴を綴ります。
</p>
<a href="/pages/journal-terracanis" style="font-size:0.85em; color:#2f3d2c; text-decoration:none;">続きを読む →</a>
</div>
<!-- 記事カード（3） -->
<div class="zibi-journal__item" style="width:260px; text-align:left;">
<img src="https://example.com/sample3.jpg" alt="記事3" style="width:100%; border-radius:10px; margin-bottom:12px;">
<h2 style="font-size:1em; font-weight:600; margin-bottom:6px;">ZIBIが考える「自然と循環」</h2>
<p style="font-size:0.85em; color:#555; line-height:1.6; margin-bottom:10px;">
ジビエという命をどう届けるか。私たちの哲学をまとめました。
</p>
<a href="/pages/journal-philosophy" style="font-size:0.85em; color:#2f3d2c; text-decoration:none;">続きを読む →</a>
</div>
</div>
</section>