/* EN専用調整 */

/* =========================================
   EN専用 上書きCSS
   役目：
   1) 透明リンクの位置ズレ補正
   2) EN画像用のナビ位置補正
   3) EN画像用のアンカー位置補正
   ========================================= */

/* -----------------------------------------
   1. フッター透明リンク（EN画像用）
   ここは全部EN画像に合わせて上書きする
----------------------------------------- */
.hs-terms   { --x: 36.9; --y: 98.8; --w: 8.0; --h: 0.9; }
.hs-law     { --x: 47.2; --y: 98.8; --w: 9.0; --h: 0.9; }
.hs-privacy { --x: 58.0; --y: 98.8; --w: 8.0; --h: 0.9; }
.hs-faq     { --x: 65.6; --y: 98.8; --w: 4.0; --h: 0.9; }

/* -----------------------------------------
   2. CTAボタン（EN画像用）
----------------------------------------- */
.hs-cta {
  --x: 50;
  --y: 95.1;
  --w: 36.4;
  --h: 2.9;
  border-radius: 999px;
}

/* -----------------------------------------
   3. ヘッダー透明リンク（EN画像用）
   JPの px 指定を、ENではそのまま上書きする
----------------------------------------- */
.navspot {
  top: 76px;
  height: 40px;
}

.nav-journey { left: 34.0%; width: 7.0%; }
.nav-about   { left: 41.7%; width: 7.5%; }
.nav-can     { left: 49.5%; width: 8.5%; }
.nav-pricing { left: 59.5%; width: 5.0%; }
.nav-trial   { left: 66.8%; width: 5.5%; }
.nav-faq     { left: 73.2%; width: 3.5%; }

/* -----------------------------------------
   4. SP（スマホ）用のヘッダー調整
----------------------------------------- */
@media (max-width: 640px) {
  .navspot {
    top: 18px;
    height: 38px;
  }
}

/* -----------------------------------------
   5. セクションアンカー（EN画像用）
   クリックで飛ぶ先の位置
----------------------------------------- */
#top      { top: 0%; }
#journey  { top: 17%; }
#about    { top: 33%; }
#features { top: 51%; }
#pricing  { top: 68%; }
#trial    { top: 87%; }