@charset "UTF-8";
/*
  Dojo ウェブマニュアル — CSS カスタムプロパティ (変数定義)
  ==============================================================
  このファイルを最初に読み込むこと。
  他のCSSファイルはすべてここで定義した変数を使用する。

  ソース: tepss_dojo-wm/dojo_tenda/assets/css/ 各ファイルの直書き値を抽出
  更新: 2026-06
  ==============================================================
*/

:root {

  /* ================================================================
     テキストカラー
     ================================================================ */

  --color-text:          #272727;   /* base.css: #wrapper { color: #272727 } */
  --color-text-light:    #7c7b7b;   /* base.css: #header h1 { color: #7c7b7b } */
  --color-text-white:    #ffffff;
  --color-text-strong:   #202020;   /* content.css: .cotent-none .link_list a { color: #202020 } */
  --color-black:         #000000;   /* content.css: .service_link { border: 2px solid #000 } */

  /* ================================================================
     ブランドカラー（パープル）
     ================================================================ */

  --color-accent:        #60398a;   /* base.css: .btn { border-color: #60398a } */
  --color-accent-mid:    #896ba7;   /* base.css: .p-step__item.is-current */
  --color-accent-bright: #9721b8;   /* base.css: .hum_wrap { background: #9721b8 } */
  --color-accent-hover:  #7c52a9;   /* base.css: .price .btn.cont a:hover */
  --color-price-plan-text: #72519e; /* base.css: 価格テーブル プラン2〜4の期間表示テキスト色 */
  --color-price-plan-bg:   #dbd0e7; /* base.css: 価格テーブル プラン2/3の背景色（薄い藤色） */
  --color-hover-gray:      #e7e7e9; /* base.css: フッター/お問い合わせボタンのホバー時背景色 */

  /* ================================================================
     ダウンロード/CTAカラー（黄）
     ================================================================ */

  --color-download:       #ffcb2d;  /* base.css: .btn.download { background: #ffcb2d } */
  --color-download-hover: #f9e137;  /* base_pc.css: download hover */
  --color-download-text:  #272727;  /* ダウンロードボタン文字色 */
  --color-marker:         #f9e137;  /* utility.css: .c-marker */

  /* ================================================================
     背景カラー
     ================================================================ */

  --color-bg-white:   #ffffff;
  --color-bg-gray:    #f5f5f5;      /* top.css: .features { background: #f5f5f5 } */
  --color-bg-purple:  #60398a;      /* base.css: footer .head_wrap { background: #60398a } */

  /* ================================================================
     ボーダー / シャドウ
     ================================================================ */

  --color-border:        #272727;   /* top.css: 影ボーダー共通色 */
  --color-border-light:  #e3e3e3;   /* utility.css: テーブル・セパレータ */

  /* ================================================================
     フォーム（必須/任意バッジ・エラー・ボーダー）
     ================================================================ */

  --color-form-border:    #cccccc;  /* form.css: input/select/textarea 標準ボーダー */
  --color-form-disabled:  #dddddd;  /* form.css: input[type=submit][disabled] 背景 */
  --color-required-bg:    #e02a12;  /* form.css: .required::before 「必須」バッジ */
  --color-optional-bg:    #0068b7;  /* form.css: .any::before 「任意」バッジ */
  --color-error:          #f33737;  /* form.css: .error_txt */
  --color-btn-back-text:  #4e4e4e;  /* form.css: .submit_btn.back 文字色 */
  --color-bg-offwhite:    #fcfcfc;  /* form.css: .submit_btn.back:hover 背景 */

  --shadow-card:   2px 2px 0 0 #272727;              /* WM独自の影ボーダー */
  --shadow-header: 0 3px 6px rgba(0, 0, 0, 0.15);    /* base.css: #header */

  /* ================================================================
     レイアウト
     ================================================================ */

  --container-max:     1100px;      /* base.css: .site_wrap { max-width: 1100px } */
  --container-padding: 20px;

  /* ================================================================
     タイポグラフィ
     ================================================================ */

  --font-base: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro', sans-serif;
  --font-size-base: 1.6rem;
  --line-height-base: 1.6;

  /* ================================================================
     スペーシング（セクションパディング）
     ================================================================ */

  --section-padding-pc:  100px;    /* top.css: section:not(.cont_bnr) { padding: 100px 0 } */
  --section-padding-sp:   28px;    /* top_sp.css: section:not(.cont_bnr) { padding: 28px 0 } */

  /* ================================================================
     ブレークポイント（参考値 / CSSでは直接使えないため記録のみ）
     ================================================================ */

  /* PC: min-width: 768px  */
  /* SP: max-width: 767px  */
}