@charset "UTF-8";
/* ==========================================
   Variables
========================================== */

:root {

    /* Color */
    --color-cta-green: #1AB8B8;
    --color-cta-orange: #FF7A45;
    --color-cta-green--hover: #0F9DAA;
    --color-cta-orange--hover: #FF5E1F;
    --color-white: #ffffff;
    --color-ultra-light-gray: #F6F6F6;
    --color-bg-ac-beige: #FBF3EE;
    --color-accent-blue: #1CA6D4;
    --color-accent-red: #FF0000;
    --color-accent-green: #1AB8B8;
    --color-deep-blue: #1C7BD4;
    --color-light-blue: #E0F3FB;
    --color-ultra-light-blue: #F5FCFF;
    --color-light-bluegreen: #DCF4F4;
    --color-accent-yellow: #FFCF5C;
    --color-light-yellow: #FFF8E0;
    --color-ultra-light-yellow: #FFFDF5;
    --color-ultra-light-green: #F5FFFF;
    --color-light-green: #DCF4F4;
    --color-light-gray: #F6F6F6;
    --color-text-base: #333333;
    --color-text-regular: #555555;
    --color-text-medium: #888888;
    --color-text-light: #666666;
    --color-line: #DEDEDE;
    --color-bg: #ffffff;
    --color-border: #e5e5e5;
    --color-section-border: #E1EBF7;

    /* Font */
    --font-base: "Zen Kaku Gothic New", sans-serif !important;

    /* Width */
    --container-main: 1060px;
    --container-lg: 1440px;
    --container-narrow: 900px;
    --container-sm: 700px;

    /* Radius */
    --radius-xs: 3px;
    --radius-sm: 5px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 30px;

    /* Shadow */
    --shadow-sm: 0 2px 12px rgba(0, 0, 0, .05);
    --shadow-md: 4px 4px 4px rgba(51, 51, 51, .04);
    --shadow-lg: 4px 4px 10px rgba(0, 0, 0, .25);

    /* gradation */
    --gra-blue: linear-gradient(135deg, #F3FBFF 0%, #C8E5F0 100%);

    /* Transition */
    --transition: all .3s ease;

    /* Z-index */
    --z-header: 800;
    --z-menu: 900;
    --z-modal: 1000;

    /* Space */
    --space-xs: 8px;
    --space-base: 30px;
    --space-md: 24px;
    --space-lg: 60px;
    --space-xl: 80px;
    --space-xxl: 120px;

    /*Space sp*/
    --space-sp-lg: 30px;


    /* Break Point*/
    --bp-md: 1024px;
    --bp-tab: 768px;
    --bp-sp: 600px;
}