/*==================================================
01 Design Tokens
Infinity Technology Corporate Design System Ver3.0
==================================================*/

:root{

    /*======================================
      Color
    ======================================*/

    --primary:#123A7A;
    --primary-light:#2A5AA3;
    --primary-dark:#0D2B5C;

    --accent:#2E8BFF;

    --white:#FFFFFF;

    --light-blue:#F5F9FF;

    --surface:#FFFFFF;

    --surface-light:#F8FBFF;

    --background:#F3F7FC;

    --border:#D9E6F5;

    --border-light:#E8EFF8;

    --text:#333333;

    --text-light:#666666;

    --text-muted:#8A97A8;


    /*======================================
      Shadow
    ======================================*/

    --shadow-sm:
        0 2px 8px rgba(0,0,0,.05);

    --shadow-md:
        0 8px 24px rgba(18,58,122,.08);

    --shadow-lg:
        0 12px 40px rgba(18,58,122,.10);


    /*======================================
      Radius
    ======================================*/

    --radius-sm:8px;

    --radius-md:12px;

    --radius-lg:18px;

    --radius-round:999px;

	

    /*======================================
      Container
    ======================================*/

    --container:1200px;

    --container-narrow:900px;


    /*======================================
      Space
    ======================================*/

    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:24px;
    --space-6:32px;
    --space-7:48px;
    --space-8:64px;
    --space-9:96px;

 /*======================================
	    Typography
======================================*/

    --font-body:16px;
    --font-small:14px;
    --font-heading-sm:22px;
    --font-heading-md:28px;
    --font-heading-lg:36px;
    --font-heading-xl:48px;
	
    --line-button:1;
    --line-tight:1.4;
    --line-normal:1.6;
    --line-body:1.8;
    --line-wide:1.9;
	
	  --font-xs:0.75rem;
    --font-sm:0.875rem;
    --font-base:1rem;
    --font-md:1.125rem;
    --font-lg:1.25rem;
    --font-xl:1.5rem;
    --font-2xl:1.75rem;
    --font-3xl:2.25rem;
    /*======================================
      Transition
    ======================================*/

    --transition:.3s ease;


    /*======== Foooter ========*/
    --bg-section:#EAF4FF;
	
	  /*======== Header ========*/
	--overlay-light:rgba(0,0,0,.20);
--overlay-dark:rgba(0,0,0,.35);
--overlay-strong:rgba(0,0,0,.50);

		  /*======== TOPページボタン ========*/
	  --color-recruit:#1F7AE0;
    --color-recruit-dark:#1763B5;
	
	 /*======== 新卒採用ページ ========*/
	  --timeline-marker:56px;
    --timeline-line:2px;
	  --dark_gray:#1f2937;
		--dayline_text:#4b5563;

}