/* =========================================
   #home ヒーローのモバイル縮小（文字・ボタン・ロゴ）
   ========================================= */

/* ロゴは少し小さめに可変（既存より下限を小さく） */
#home .hero-logo-img,
#home .hero-logo-wrap{
  width: clamp(72px, 18vw, 140px);
  height: auto;
}

/* SP〜タブレット小さめ（<= 640px） */
@media (max-width: 640px){
  /* ヒーローの横幅を詰める */
  #home .parallax-element{ max-width: 92vw; margin-inline:auto; }

  /* 見出し（日本語の大見出し） */
  #home .parallax-element h1{
    font-size: clamp(22px, 7vw, 30px); /* 端末幅で可変 */
    line-height: 1.25;
    letter-spacing: .08em !important; /* 文字間も少し詰める */
    margin-bottom: .75rem;
  }

  /* サブ見出し（英語／JEVA） */
  #home .parallax-element p{
    font-size: clamp(13px, 3.6vw, 16px);
    line-height: 1.55;
    margin-bottom: .5rem;
  }
  #home .parallax-element p:last-of-type{ margin-bottom: 1rem; }

  /* ボタン行の間隔を少し詰める */
  #home .parallax-element .flex{ gap: .75rem; }

  /* ボタンのサイズを小さく */
  #home .parallax-element a{
    font-size: .95rem;
    padding: .7rem 1.25rem;
    border-width: 2px;
  }
}

/* さらに小さい端末（<= 380px）用の微調整 */
@media (max-width: 380px){
  #home .parallax-element h1{
    font-size: clamp(20px, 6.2vw, 26px);
  }
  #home .parallax-element a{
    font-size: .9rem;
    padding: .6rem 1rem;
  }
}