:root {
    /*======プリミティブトークン======*/
    /*---black---*/
    --black: #212730;
    --white: #ffffff;
    
    /*---blue---*/
    --blue50 :#f5f7ff;
    --blue100 :#eaeeff;
    --blue200 :#e0e5ff;
    --blue300 :#d5dcff;
    --blue400 :#c7d0ff;
    --blue500 :#74acff;
    --blue600 :#287dfc;
    --blue700 :#1f71ec;
    --blue800 :#0078D7;
    --blue900 :#006CC1;
    --blue1000 :#004ab8;
    --blue1100 :#002e72;
    --blue1200 :#001939;
    /*---red---*/
    --red50 :#fff4f5;
    --red200 :#ffdee2;
    --red400 :#ffc4cb;
    --red800 :#de1e35;
    --red1100 :#70000d;
    /*---marigold---*/
    --marigold50 :#fff5f1;
    --marigold200 :#ffdfd2;
    --marigold400 :#ffcbb6;
    --marigold800 :#cd4106;
    --marigold1100 :#5f1c00;
    /*---orange---*/
    --orange50 :#fff5e8;
    --orange200 :#ffe1bc;
    --orange400 :#ffcd90;
    --orange800 :#ca6f00;
    --orange1100 :#4c2a00;
    /*---yellow---*/
    --yellow50 :#fdf9c5;
    --yellow200 :#f3ec96;
    --yellow400 :#ecde24;
    --yellow800 :#ac9100;
    --yellow1100 :#373304;
    /*---yellow green---*/
    --yellow_green50 :#eefbdc;
    --yellow_green200 :#d4eeb3;
    --yellow_green400 :#b3ea6d;
    --yellow_green800 :#3b8700;
    --yellow_green1100 :#193a00;
    /*---green---*/
    --green50 :#e8fde7;
    --green200 :#caf0c7;
    --green400 :#abe5a7;
    --green800 :#008857;
    --green1100 :#003a25;
    /*---teal---*/
    --teal50 :#d9fffc;
    --teal200 :#c2efec;
    --teal400 :#8ee5e0;
    --teal800 :#00857d;
    --teal1100 :#003936;
    /*---light blue---*/
    --light_blue50 :#e4faff;
    --light_blue200 :#caebf2;
    --light_blue400 :#a7deeb;
    --light_blue800 :#00819f;
    --light_blue1100 :#00383f;
    /*---to_be_decided---*/
    --to_be_decided50 :#eff7fe;
    --to_be_decided200 :#d6e9f8;
    --to_be_decided400 :#b9daf4;
    --to_be_decided800 :#0073c8;
    --to_be_decided1100 :#00345c;
    /*---indigo---*/
    --indigo50 :#f5f6ff;
    --indigo200 :#e4e5ff;
    --indigo400 :#d0d2ff;
    --indigo800 :#575dff;
    --indigo1100 :#1e2189;
    /*---violet---*/
    --violet50 :#f9f4ff;
    --violet200 :#eee1ff;
    --violet400 :#e3cdff;
    --violet800 :#933eff;
    --violet1100 :#421e6e;
    /*---purple---*/
    --purple50 :#fdf3ff;
    --purple200 :#f8ddff;
    --purple400 :#f4c7ff;
    --purple800 :#bc19e6;
    --purple1100 :#550b69;
    /*---pink---*/
    --pink50 :#fff2fa;
    --pink200 :#ffdcf3;
    --pink400 :#ffcbed;
    --pink800 :#e20094;
    --pink1100 :#660042;
    /*---magenta---*/
    --magenta50 :#fff2f8;
    --magenta200 :#ffdbec;
    --magenta400 :#fdc3df;
    --magenta800 :#d72177;
    --magenta1100 :#680031;
    /*---gray---*/
    --gray50: #f8f8f8;
    --gray100: #f0f0f0;
    --gray200: #e6e6e6;
    --gray300: #e0e0e0;
    --gray400: #d1d1d1;
    --gray500: #b3b3b3;
    --gray600: #949494;
    --gray700: #858585;
    --gray800: #727272;
    --gray900: #666666;
    --gray1000: #595959;
    --gray1100: #333333;
    --gray1200: #1a1a1a;

    /*======セマンティックトークン======*/
    --primary: var(--blue800);
    --primary-hover: var(--blue900);
    --border: var(--gray300);
    /*---Text---*/
    --text-body: var(--gray1200);
    --text-secondary: var(--gray1000);
    --text-third: var(--gray900:);
    --text-placeholder: var(--gray800);
    --text-disabled: var(--gray600);
    --text-link: var(--blue-800);
    --text-link-hover: var(--blue-900);
    --text-link-active: var(--blue-1000);
    /*---Button---*/
    --button-primary-bg: var(--blue-800);
    --button-primary-bg-focus: var(--blue-900);
    --button-primary-bg-disabled: var(--gray-500);
    --button-primary-text: var(--white);
    --switch-button-bg-off: var(--gray-200);
    --switch-button-bg-on: var(--blue-800);
    --line:#00B900;
    --line-hover:#00A900;
    /*---その他---*/
    --border: var(--gray300);
    --bg: var(--gray50);

    /*======ウエイト======*/
    --txt-r: 400; 
    --txt-b: 600; 
    --en-r: 400;
    --en-b: 600;

    /*======余白設定======*/
    --space-x1:4px;
    --space-x2:8px;
    --space-x3:12px;
    --space-x5:20px;
    --space-x8:32px;
    --space-x13:52px;
    --space-x21:84px;

    /*======コンテンツ幅設定======*/
    --width-sm:960px;
    --width-md:1160px;
    --width-sp-md:90%;
    --width-sp-sm:90%;
    --width-pd: 5%;
    --width-sm-calc:960;

    /*======角丸======*/
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /*======ボタン======*/
    --btn-pd-iconR: 7px 6px 7px 20px;
    --btn-pd-line: 7px 14px 7px 12px;
    --btn-gap: 5px;

    /*======アイコン画像設定======*/
    --icon-question: url(../img/top_line/icon_question.svg);
    --icon_arrow: url(../img/top_line/icon_arrow.svg);
    --icon_arrowWhite: url(../img/top_line/icon_arrow_white.svg);
    --icon_blackArrow: url(../img/top_line/icon_black-arrow.svg);
    --icon_line: url(../img/top_line/icon_line.svg);
    --icon_background: url(../img/top_line/icon_background.svg);
    --icon_gear: url(../img/top_line/icon_gear.svg);
    /* Blue */
    --icon_lowCost_blue: url(../img/top_line/icon_low-cost_blue.svg);
    --icon_workEfficiency_blue: url(../img/top_line/icon_work-efficiency_blue.svg);
    --icon_crm_blue: url(../img/top_line/icon_crm_blue.svg);
    --icon_graph_blue: url(../img/top_line/icon_graph_blue.svg);
    --icon_backOut_blue: url(../img/top_line/icon_back-out_blue.svg);
    --icon_reserv_blue: url(../img/top_line/icon_reserv_blue.svg);
    --icon_reserv-sp_blue: url(../img/top_line/icon_reserv-sp_blue.svg);
    --icon_interview_blue: url(../img/top_line/icon_interview_blue.svg);
    --icon_online_blue: url(../img/top_line/icon_online_blue.svg);
    --icon_card_blue: url(../img/top_line/icon_card_blue.svg);
    --icon_remind_blue: url(../img/top_line/icon_remind_blue.svg);
    --icon_crm_blue: url(../img/top_line/icon_crm_blue.svg);
    --icon_noun-schedule_blue: url(../img/top_line/icon_noun-schedule_blue.svg);
    --icon_cart_blue: url(../img/top_line/icon_cart_blue.svg);
    --icon_pill_blue: url(../img/top_line/icon_pill_blue.svg);
    --icon_dz-patientid_blue: url(../img/top_line/icon_dz-patientid_blue.svg);





}

/*======ブレイクポイント======*/
/* sm - スマホ以上 */
@media (min-width: 576px) { }
/* md - タブレット以上 */
@media (min-width: 1080px) { }
/* lg - PC以上 */
@media (min-width: 1160px) { }

/* sm - スマホ以下 */
@media (max-width: 575.98px) { }
/* md - タブレット以下 */
@media (max-width: 1079.98px) { }
/* lg - PC以下 */
@media (max-width: 1159.98px) { }

/* スマホ以上 タブレット以上 */
@media (min-width: 576px) and (max-width: 1079.98px)  { }
/* タブレット以上 PC以下 */
@media (min-width: 960px) and (max-width: 1159.98px)  { }