:root {
  --site-c-main: #3773d2;/* old #1763A3 */
  --site-c-main-hue: #3773d2;/* old #3773d2 */
  --site-c-main-light: #9fc5e8;/* old #EBF4FF */
  --site-c-sub: #3db7b6;
  --site-c-black: #222222;
  --site-c-gray: #717171;
  --site-c-silvergray: #ccc;
  --site-c-lightgray: #F5F8FA;
  --site-c-disabledgray: #e9e9e9;
  --site-c-blue: #19C4E3;
  --site-c-red: #ff1464;
  --site-c-darkred: #b84141;
  --site-c-orange: #FFD600;
  --site-c-green: #28FF00;
  --site-bg-c: #fff;
  --site-bg-c-sub: #ebf1fb;/* old #f7f7f7 */
  --site-bg-c-underlayer: #ebf1fb;/* old #F8F8F8 *//* default #f2f3f4 */
  --site-bg-c-ribbon: #EBF4FF;
  --site-border-c: #E8E8E8;/* default #D6D6D6 */
  --font-c: #333;
  --font-c-link: #3773d2;
  --bg_ribbon_active: #333;
  --marker-c: #fff696;
  --column-c-main: #6fc3fe;
  --bc-bg-c: #fff;/* default #f2f3f4 */
  --bc-bg-c-sp: #fff;
  --header-height: 88px;
  --header-logo-width: 300px;
  --header-menu-btn-width: 40px;
  /*--footer-height: 72px;*//* フッターは全ページで使わない */
  --footer-height: 0px;
  --footer-border: rgba(255, 255, 255, 0.1);
  --site-btn-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
  --site-btn-radius: 4px;
  --site-btn-height: 64px;
  --site-btn-small-height: 32px;
  --site-input-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
  --site-input-radius: 4px;
  --site-input-height: 40px;
  --site-input-gap: 0;
  --site-input-border-c: #c8cbd1;/* old #d1d1d1 */
  --site-container-width: 1120px;
  --site-container-padding: 80px;
}
@media (max-width: 1300.98px) {
  :root {
    --header-height: 80px;
    --header-logo-width: 288px;
    --header-menu-btn-width: 40px;
    --site-container-width: 1024px;
    --site-container-padding: 32px;
  }
}
@media (max-width: 1200.98px) {
  :root {
    --header-height: 80px;
    --header-logo-width: 288px;
    --header-menu-btn-width: 40px;
    --site-container-width: 1000px;
    --site-container-padding: 20px;
  }
}
@media (max-width: 1024.98px) {
  :root {
    --header-height: 80px;
    --header-logo-width: 288px;
    --header-menu-btn-width: 40px;
  }
}
@media (max-width: 959.98px) {
  :root {
    --header-height: 80px;
    --header-logo-width: 240px;
    --header-menu-btn-width: 40px;
    --site-btn-height: 56px;
    --site-btn-small-height: 40px;
    --site-input-height: 48px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --header-height: 88px;
    --header-logo-width: 136px;
    --header-menu-btn-width: 40px;
    /*--footer-height: 96px;*/
    --footer-height: 0px;
    --site-btn-height: 56px;
    --site-btn-small-height: 30px;
    --site-input-height: 48px;
    --site-container-padding: 15px;
  }
}
@media print {
  /* NOTE: 印刷時は中程度の画面を想定してます（1200px以下のスタイル） */
  :root {
    --header-height: 80px;
    --header-logo-width: 136px;/* ただしロゴだけは小さく */
    --header-menu-btn-width: 40px;
    --site-container-width: 1000px;
    --site-container-padding: 20px;
  }
}