@charset "UTF-8";
/*########################################################################
CSS変数　
########################################################################*/

/* 寸法 */
:root {

    /* ヘッダーの外側余白 */
    --recruit-header-fixed-offset--sp: 0.0rem;
    --recruit-header-fixed-offset--pc: 0.75rem;

    /* ヘッダーの高さ */
    --recruit-header-fixed-height: 5.25rem;
    --recruit-header-fixed-height--pc-s: 4.25rem;
    --recruit-header-fixed-height--pc-m: 4.5rem;
    --recruit-header-fixed-height--pc-l: 4.75rem;
    --recruit-header-fixed-height--pc-ll: 5.0rem;

    /* ヘッダーロゴの高さ */
    --recruit-header-logo-height--sp: 2.8rem;
    --recruit-header-logo-height--pc: clamp(1.0rem, 3.5vw, 2.5rem);

    /* グローバルナビのスライド幅 */
    --recruit-gnavMenu-slide-width: 100vw;

    /* グローバルナビのメニュー文字サイズ */
    --recruit-gnavMenu-font-size--sp: 1.65rem;
    --recruit-gnavMenu-font-size--pc-s: 1.05rem;
    --recruit-gnavMenu-font-size--pc-m: 1.20rem;
    --recruit-gnavMenu-font-size--pc-l: 1.35rem;
    --recruit-gnavMenu-font-size--pc-ll: 1.50rem;

    /* グローバルナビのメニュー円サイズ */
    --recruit-gnavMenu-circle-size--pc-s: 2.75rem;
    --recruit-gnavMenu-circle-size--pc-m: 3.0rem;
    --recruit-gnavMenu-circle-size--pc-l: 3.25rem;
    --recruit-gnavMenu-circle-size--pc-ll: 3.5rem;

    /* グローバルナビのメニュー矢印サイズ */
    --recruit-gnavMenu-arrow-size--pc-s: 2.0rem;
    --recruit-gnavMenu-arrow-size--pc-m: 2.4rem;
    --recruit-gnavMenu-arrow-size--pc-l: 2.8rem;
    --recruit-gnavMenu-arrow-size--pc-ll: 3.2rem;

    /* フッターロゴの高さ */
    --recruit-footer-logo-height--sp: 3.5rem;
    --recruit-footer-logo-height--pc: clamp(1.0rem, 3.5vw, 3.0rem);

    /* コンテナーの最大幅 */
    --recruit-container-max-width: 102.4rem;

    /* ページビジュアルの上下パディング高さ */
    --recruit-pageVisual-section-padding-vertical: 20.0rem;

    /* ページトップボタンの直径 */
    --recruit-pageTop-btn-size--sp: 6.5rem;
    --recruit-pageTop-btn-size--pc: 9.0rem;

    /* ページトップボタンのオフセット */
    --recruit-pageTop-btn-offset--sp: 0.25;
    --recruit-pageTop-btn-offset--pc: 0.75;

    /* データページのセクションのマージン・パディング・ギャップ間隔 */
    --recruit-companyData-section-base-gap: 5.0rem;

}

/* 色 */
:root {

    /* メイン */
    --recruit-color-main: #F50B0B;
    --recruit-color-main-rgb: 230, 92, 0;

    /* ベース */
    --recruit-color-base: #F5F3EE;
    --recruit-color-base-rgb: 245, 243, 238;

    /* テキスト */
    --recruit-color-text1: #1F2933;
    --recruit-color-text1-rgb: 31, 41, 51;

    --recruit-color-text2: #C0C0C0;
    --recruit-color-text2-rgb: 192, 192, 192;

    /* アクセント */
    --recruit-color-accent001: #CDE7F4;
    --recruit-color-accent001-rgb: 205, 231, 244;

    --recruit-color-accent002: #A2CDE4;
    --recruit-color-accent002-rgb: 162, 205, 228;

    --recruit-color-accent003: #65AACD;
    --recruit-color-accent003-rgb: 101, 170, 205;

    --recruit-color-accent004: #1E76A4;
    --recruit-color-accent004-rgb: 30, 118, 164;

    --recruit-color-accent005: #146390;
    --recruit-color-accent005-rgb: 20, 99, 144;

    --recruit-color-accent006: #063C58;
    --recruit-color-accent006-rgb: 6, 60, 88;

    /* 影 */
    --recruit-color-box-shadow-rgba: 5px 5px 1px rgba(var(--recruit-color-text1-rgb), 0.20);
    --recruit-color-text-shadow-rgba: 1px 1px 2px rgba(var(--recruit-color-text1-rgb), 0.50);

    /* デバッグ */
    --recruit-debugLog-bg-color-rgba: rgba(var(--recruit-color-text2-rgb), 0.50);
    --recruit-debugLog-text-color-rgba: rgba(var(--recruit-color-text1-rgb), 1.00);
    --recruit-debugLog-countup-bg-color-rgba: rgba(var(--recruit-color-text1-rgb), 0.50);
    --recruit-debugLog-countup-text-color-rgba: rgba(var(--recruit-color-text2-rgb), 1.00);

}

/* 画像 */
:root {
    /* 採用のご連絡エントリー */
    --recruit-img-icon-entry-arrow-red: url("/recruit/cmn/img/icon_arrow_right--red.svg");
    --recruit-img-icon-entry-arrow-white: url("/recruit/cmn/img/icon_arrow_right--white.svg");

    /* ページトップ */
    --recruit-img-bg-pagetop-btn: url("/recruit/cmn/components/pagetop/img/btn-pagetop.svg");

    /* 虹 */
    --recruit-img-bg-rainbow-top: url('/recruit/img/rainbow_top.png');
    --recruit-img-bg-rainbow-bottom: url('/recruit/img/rainbow_bottom.png');

    /* TOPページ */
    --recruit-img-bg-topPage-ceoMessage: url('/recruit/img/ceoMessage.png');

    /* application-guideページ */
    --recruit-img-datailArrow--icon01: url("/recruit/application-guide/img/datailArrow--icon01.svg");
    --recruit-img-rectangle_01: url("/recruit/application-guide/img/rectangle_01.png");

    /* entry-pageページ */
    --recruit-img-icon-mail-white: url("/recruit/cmn/img/icon_mail--white.svg");
    --recruit-img-icon-mail-red: url("/recruit/cmn/img/icon_mail--red.svg");
    --recruit-img-icon-arrow-white: url("/recruit/cmn/img/icon_arrow--white.svg");
    --recruit-img-icon-arrow-red: url("/recruit/cmn/img/icon_arrow--red.svg");

    /* パンくずホームアイコン */
    --recruit-img-icon-breadcrumbs-home: url("/recruit/cmn/img/icon_home.svg");
}

/* font-weight */
:root {
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
}
