/* base.css 
-------------------------------------*/

:root {
    --main-color: #19B2AC;
    --accent-color: #1F3663;
    --accent-color: #FFCB3F;
    --line-color: #06C775;
    --column-color: #479CD7;
    --text-color: #222222;
    --flow-color: #2679CD;
    --link-color: #0033CC;
    --date-color: #918C8C;
    --about-color: #F1DAA1;
    --tag-color: #83CCD2;
    --pagination-color: #83CCD2;
    --required-color: #E71A2F;
    --bg-category01: #83CCD2;
    --bg-category02: #F1DAA1;
    --bg-category03: #B3DBEA;
    --bg-category04: #2C2C2C;
    --bg-form: #F9FBFB;
    --bg-color01: #F2F8F8;
    --bg-color02: #FDFCF5;
    --bg-color03: #F0F8FF;
    --bg-color04: #F9FBFB;
    --btn-color01: #E8B7B3;
    --btn-color02: #F2C6C2;


    --bg-color05: #EBF0FF;
    --bg-color06: #F4F7FB;
    --bg-color07: #ECF8FD;
    --bg-flow: #D6E3F0;
    --bg-footer: #B3DBEA;
    --bg-header: #EDF2F1;
    --font-base: "Noto Sans JP", sans-serif;
    --box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}