:root {
  --main-color: #1F5C8B;
  --main-light-color: #1F5C8B1a;
  --main-heighlight-color: #1F5C8B0a;
  --sub-color: #2E9E8F;
  --sub-light-color: #2E9E8F1a;
  --point-color: #2E9E8F;
  --background-color: #F5F8FA;
  --main-font-color: #FFFFFF;
  --sub-font-color: #FFFFFF;
  --screen-size: 1140px;
  --full-screen: calc(50% - max(50%, 50vw));
  --dark-color: #263238;
  --light-text-color: #455A64;
  --gray-text: #78909C;
  --border-color: #CFD8DC;
  --dark-border-color: #78909C;
  --bg-light-gray: #ECEFF1;
  --bg-dark-transparent: rgba(38, 50, 56, .9);
  --strong-color: #EF5350;
  --box-shadow: 0 3px 6px rgba(38, 50, 56, .18);
  --rank1: #2E9E8F;
  --rank2: #5F89B8;
  --rank3: #7B6DB0;
  --rank-under: #78909C;
  --sns-line: #06C755;
  --font-sans: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', 'Meiryo', sans-serif;
}