@charset "UTF-8";

/* 案件ごとの設定。共通の構造・レスポンシブは style.css に定義する。
 * 色・背景・影・主要寸法を変更するときは、まず以下の変数を編集する。
 * 記述ルールと例外は readme.md を参照。 */

:root {
    /* ブランド・文字（近い色は共通色を参照する） */
    --main-color: #79dafe;
    --text-color: #333;
    --text-base-color: var(--text-color);
    --text-strong-color: var(--text-color);
    --text-muted-color: var(--text-color);
    --text-inverse-color: var(--surface-color);
    --font-body: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
    --font-tel: 'Roboto Condensed', sans-serif;

    /* 共通の面・罫線 */
    --surface-color: #fff;
    --surface-input-color: #f5f5f5;
    --surface-table-heading-color: var(--surface-input-color);
    --border-color: #ccc;
    --form-border-color: var(--border-color);

    /* ヘッダー・フッター */
    --header-color-bg: var(--surface-color);
    --header-tel-color-bg: var(--text-color);
    --header-tel-color-number: var(--header-tel-color-bg);
    --header-tel-color-text: var(--header-color-bg);
    --header-tel-color-icon: var(--header-tel-color-bg);
    --footer-color-bg: var(--text-color);
    --footer-text-color: var(--text-inverse-color);
    --footer-text-color-hover: var(--footer-text-color);

    /* 背景・動画 */
    --background-left-bg: url(../image/bg_left.jpg) no-repeat center center / cover;
    --background-right-bg: url(../image/bg_right.jpg) no-repeat center center / cover;
    --background-static-bg: color-mix(in srgb, var(--main-color) 35%, var(--surface-color));
    --background-left-bg-company: var(--background-static-bg);
    --background-right-bg-company: var(--background-static-bg);
    --background-left-bg-privacy: var(--background-static-bg);
    --background-right-bg-privacy: var(--background-static-bg);
    --form-bg: url(../image/bg_form.jpg) no-repeat center center / cover;
    --youtube-color-bg: var(--background-static-bg);

    /* フォーム・ボタン */
    --error-color: #dc3545;
    --badge-required-bg: var(--error-color);
    --button-disabled-bg: #b9b9b9;
    --button-back-bg: var(--text-color);
    --form-focus-outline: 3px solid color-mix(in srgb, var(--main-color) 45%, transparent);

    /* 共通の影（カード・ボタン・ホバーもこの値で統一） */
    --shadow: 0 0 10px rgba(0, 0, 0, 0.2);

    /* 主要コンテンツの幅 */
    --content-width: 660px;

    /* LP内のCTA */
    --cta-width: 92.5%;
    --cta-position-1: -3.8%;
    --cta-position-2: -1%;
    --cta-position-3: -1.2%;
    --cta-position-4: -2%;
    --cta-position-5: -6%;
    --cta-position-6: -1%;
    --cta-position-7: -1.2%;
    --cta-position-8: -5%;
    --cta-pulse-scale: 1.03;
}