/* CSS変数 */
:root {
  --font-size-title: clamp(28px, 3vw, 64px);
  --font-size-label: clamp(16px, 2vw, 24px);
  --font-size-sec-title: clamp(36px, 4vw, 64px);
  --font-size-sec-label: clamp(14px, 1.5vw, 18px);
  --font-size-text-m: clamp(16px, 2vw, 24px);
  --font-size-text-s: clamp(12px, 1vw, 16px);
  
  /* モバイル専用フォントサイズ（clamp使用でより柔軟に） */
  --mobile-font-size-fv-title: clamp(20px, 5.2vw, 26px);      /* ファーストビューメインタイトル */
  --mobile-font-size-fv-subtitle: clamp(14px, 3.8vw, 18px);   /* ファーストビューサブタイトル */
  --mobile-font-size-sec-title: clamp(36px, 8vw, 48px);       /* セクションタイトル（事業紹介等）- 改行防止ギリギリサイズ */
  --mobile-font-size-sec-label: clamp(12px, 3.3vw, 16px);     /* セクションラベル（SERVICE等） */
  --mobile-font-size-main-text: clamp(14px, 3.8vw, 18px);     /* メイン説明文 */
  --mobile-font-size-sub-title: clamp(16px, 4.2vw, 20px);     /* サブセクションタイトル */
  --mobile-font-size-sub-text: clamp(12px, 3.3vw, 16px);      /* サブセクション説明文 */
  --mobile-font-size-small: clamp(10px, 2.8vw, 14px);         /* 小さなテキスト */
  
  --lh-main-title: 1.5;
  --lh-sub-title: 1.5;
  --lh-label: 1.3;
  --lh-sec-title: 1.2;
  --lh-text-m: 1.8;
  --lh-text-s: 1.7;
  
  /* モバイル専用行間 */
  --mobile-lh-fv-title: 1.4;       /* ファーストビュータイトル */
  --mobile-lh-fv-subtitle: 1.6;    /* ファーストビューサブタイトル */
  --mobile-lh-sec-title: 1.3;      /* セクションタイトル */
  --mobile-lh-main-text: 1.7;      /* メイン説明文 */
  --mobile-lh-sub-text: 1.6;       /* サブテキスト */
  
  --letter-spacing-title: 0.05em;
  --letter-spacing-label: 0.2em;
  --letter-spacing-sec-title: 0.2em;
  --letter-spacing-sec-label: 0.2em;
  --letter-spacing-text-m: 0.08em;
  --letter-spacing-text-s: 0.07em;
  
  /* モバイル専用文字間隔 */
  --mobile-letter-spacing-title: 0.04em;      /* タイトル系 */
  --mobile-letter-spacing-label: 0.15em;      /* ラベル系 */
  --mobile-letter-spacing-text: 0.05em;       /* テキスト系 */
  
  --color-main: #000000;  /* 基本の黒 */
  --color-title: #2D2F2F;  /* タイトル系 */
  --color-text: #4D4D4D; /* テキスト系 */
  --font-family-default: 'Noto Sans JP', sans-serif;
  --font-family-special-1: 'Raleway', sans-serif; /* 特殊フォント1 */
  --font-family-special-2: 'Sawarabi Gothic', sans-serif; /* 特殊フォント2 */
}