@charset "utf-8";


:root {
  --outline-color: rgba(205, 69, 62, .5);

  --no-color: transparent;
  /* * */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  /* black */
  --black: #000;
  --black-rgb: 0, 0, 0;
  /* green */
  --green: #1ebd55;
  --green-rgb: 30, 189, 85;
  /* dark_green */
  --dark_green: #038317;
  --dark_green-rgb: 3, 131, 23;
  /* vivid_green */
  --vivid_green: #87d56d;
  --vivid_green-rgb: 135, 213, 109;
  /* blue */
  --blue: #2a77ea;
  --blue-rgb: 42, 119, 234;
  /* dark_blue */
  --dark_blue: #0530d2;
  --dark_blue-rgb: 5, 48, 210;
  /* royal_blue */
  --royal_blue: #1955a6;
  --royal_blue-rgb: 25, 85, 166;
  /* navy_blue */
  --navy_blue: #202f55;
  --navy_blue-rgb: 32, 47, 85;
  /* yellow */
  --yellow: #fff221;
  --yellow-rgb: 255, 242, 33;
  /* dark_yellow */
  --dark_yellow: #f9be00;
  --dark_yellow-rgb: 249, 190, 0;
  /* light_yellow */
  --light_yellow: #ffefa3;
  --light_yellow-rgb: 255, 239, 163;
  /* light_x_yellow */
  --light_x_yellow: #fffbf1;
  --light_x_yellow-rgb: 255, 251, 241;
  /* gray */
  --gray: #ccc;
  --gray-rgb: 204, 204, 204;
  /* dark_gray */
  --dark_gray: #4d4d4d;
  --dark_gray-rgb: 77, 77, 77;
  /* light_gray */
  --light_gray: #f2f2f2;
  --light_gray-rgb: 242, 242, 242;
  /* pink */
  --pink: #f8b7b7;
  --pink-rgb: 248, 183, 183;
  /* red */
  --red: #eb2e1e;
  --red-rgb: 235, 46, 30;
  /* dark_red */
  --dark_red: #c51304;
  --dark_red-rgb: 197, 19, 4;
  /* red_orange */
  --red_orange: #f4532f;
  --red_orange-rgb: 244, 83, 47;
  /* orange */
  --orange: #f4802f;
  --orange-rgb: 244, 128, 47;
  /* saddlebrown */
  --saddlebrown: #8b4513;
  --saddlebrown-rgb: 139, 69, 19;
  /* *** */
  --dark-navy: #515b6c;
  --dark-navy-rgb: 81, 91, 108;
  /* main-blue */
  --main-blue: #1bb8ce;
  --main-blue-rgb: 27, 184, 206;
  --main-blue-dark: #1eadc1;
  --main-blue-dark-rgb: 30, 173, 193;
  --blue-dark: #107393;
  --blue-dark-rgb: 16, 115, 147;

  /* *** */
  --text-color: #545454;
  --link-text-color: var(--text-color);

  /* width */
  --content-max-width: 1200px;
  --document-max-width: 1600px;
  /* margin */
  --common-area-heading-after: 2.5em;
}

/* *** */