/* hero.min-768.css
   ヒーローセクション専用レスポンシブCSS
   適用条件: (min-width: 768px)
   役割: 768px以上の画面幅におけるヒーローセクションのレイアウト・タイポグラフィ調整
   注意: 既存のベーススタイルと 480px の設定の上位ブレークポイントとして上書き
*/

@media (min-width: 768px) {
  /* ナビ固定分 100px に調整 */
  .hero {
    min-height: calc(100vh - 100px);
    padding-top: 100px;
  }

  /* CTA ボタンを再表示 */
  .hero__content .hero__liquid-cta {
    display: inline-flex;
  }

  /* 説明文フォントサイズ（元に戻す） */
  .hero__description p {
    font-size: 0.95rem;
  }
}