@charset "UTF-8";
/* ============================================================
   RASENCA — Design Tokens
   Figma: RASENCA_Web （Variables準拠）
   ============================================================ */
:root {
  /* ---- Color ---- */
  --color-main: #003853;   /* MainColor（テキスト/ダーク面） */
  --color-base: #ffffff;   /* BaseColor（ダーク面上のテキスト/背景） */
  --color-sub: #f9fafc;    /* SubColor（薄い背景） */
  --color-sub2: #afbad0;   /* SubColor2（補助・ライン等） */

  /* 半透明バリエーション */
  --main-90: rgba(0, 56, 83, 0.9);
  --main-72: rgba(0, 56, 83, 0.72);
  --main-58: rgba(0, 56, 83, 0.58);
  --main-38: rgba(0, 56, 83, 0.38);
  --main-18: rgba(0, 56, 83, 0.18);
  --main-12: rgba(0, 56, 83, 0.12);
  --base-90: rgba(255, 255, 255, 0.9); /* ハンバーガーメニュー背景 90% */
  --base-78: rgba(255, 255, 255, 0.78);
  --base-55: rgba(255, 255, 255, 0.55);
  --base-22: rgba(255, 255, 255, 0.22);

  /* ---- ティールグラデーション（セクションタイトル英字など） ---- */
  --gradient-teal: linear-gradient(
    90deg,
    #003853 0%,
    #0a4a57 22%,
    #1e5f63 45%,
    #4c7872 72%,
    #7a9184 100%
  );

  /* ---- Typography ----
     本文・長文：英数字=Roboto / 和文=Noto Sans JP（Robotoを先頭に）
     英字見出し：Montserrat
  */
  --font-base: "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  --font-en: "Montserrat", "Roboto", sans-serif;
  --font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Yu Gothic", "Meiryo", sans-serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-light: 300; /* Montserrat Light */

  /* ---- Font size scale（Figma px → rem, 1rem=10px） ----
     ※SPでは :root の font-size を可変させて全体を比例スケール（base.cssで定義） */
  --fs-12: 1.2rem;
  --fs-13: 1.3rem;
  --fs-14: 1.4rem;
  --fs-15: 1.5rem;
  --fs-16: 1.6rem;
  --fs-18: 1.8rem;
  --fs-19: 1.9rem;
  --fs-20: 2.0rem;
  --fs-22: 2.2rem;
  --fs-24: 2.4rem;
  --fs-26: 2.6rem;
  --fs-30: 3.0rem;
  --fs-48: 4.8rem;

  /* ---- Spacing scale ---- */
  --sp-8: 0.8rem;
  --sp-16: 1.6rem;
  --sp-24: 2.4rem;
  --sp-32: 3.2rem;
  --sp-40: 4.0rem;
  --sp-48: 4.8rem;
  --sp-64: 6.4rem;
  --sp-80: 8.0rem;
  --sp-120: 12rem;

  /* ---- Layout ----
     PC: 画面1440 / 内容1200（左右padding120） */
  --content-max: 1200px;
  --gutter-pc: 120px;
  --header-h: 90px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.33, 1, 0.68, 1);
}