:root {

  /***************************************************************
   カラー設定
  ***************************************************************/
  /* global colors */
  --notema-main-color: #fcc800;
  --notema-accent-color: #f2902a;
  --notema-background-color-dark: rgb(252,200,0);
    --notema-background-color-light: #F5F6F9;
  --notema-link-color: #72AFD3;
  --notema-link-hover-color: #72AFD3;
  --notema-font-color: #333;
  --notema-alert-color: #E42626;

  /***************************************************************
   フォント設定
  ***************************************************************/
  /* fonts */
  --notema-base-font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  --notema-english-font-family: 'Quicksand', sans-serif;

  /* font icon */
  --notema-font-icon: 'Font Awesome 6 Pro';
  --notema-font-icon-brands: 'Font Awesome 6 Brands';

  /* font size */
  --notema-font-size-html: 68.5%;
  --notema-font-size: 1.4rem;
  --notema-font-size-sp: 1.2rem;

  /* infoBar */
  --notema-infobar-font-size: 1.2rem;
  --notema-infobar-font-size-sp: 1rem;

  /***************************************************************
   ロゴ
  ***************************************************************/
  --notema-logo-max-width: 280px;
  --notema-logo-max-width-sp: 180px;

  /***************************************************************
   デザイン設定
  ***************************************************************/
  --notema-border-radius-value: 10px;
  --notema-border-radius-value-half: 5px;

  /***************************************************************
   レイアウト設定
  ***************************************************************/
  /* global container width */
  --notema-global-container-width: 1024px;
  --notema-container-width-small: 720px;

  /***************************************************************
   レイアウト設定
  ***************************************************************/
  --notema-generalContentsBox__headingImage-max-width-0: 320px;
  --notema-generalContentsBox__headingImage-max-width-sp-0: 200px;
--notema-generalContentsBox__headingImage-max-width-1: 320px;
  --notema-generalContentsBox__headingImage-max-width-sp-1: 200px;
--notema-generalContentsBox__headingImage-max-width-2: 320px;
  --notema-generalContentsBox__headingImage-max-width-sp-2: 200px;
--notema-generalContentsBox__headingImage-max-width-3: 320px;
  --notema-generalContentsBox__headingImage-max-width-sp-3: 200px;


}