@charset "UTF-8";

/*--------------------------------------------------------
　ユーザー独自性の強いカスタマイズ内容はここに記述
　※主にカスタマイズで更新するスタイルシート
--------------------------------------------------------*/

/* =======================================
　基本設定
======================================= */

/*----- フォント -----*/
:root {
  --type-primary-font: /*基準フォント*/
  "Noto Sans JP", sans-serif;
}


/*----- カラー -----*/
:root {
  --color-footer-bg: /*フッター背景色*/
  #178A8D;
  --color-footerbottom-bg: /*フッターボトム背景色*/
  #178A8D;
  --color-gray00: /*ベースとなるもっとも薄いグレー*/
  #F9F9F9;
  --color-gray01: /*ベースとなる極めて薄いグレー*/
  #EEE;
  --color-gray02: /*ベースとなる薄いグレー*/
  #CCC;
  --color-gray03: /*ベースとなるやや薄いグレー*/
  #999;
  --color-gray05: /*ベースとなる中間グレー*/
  #666;
  --color-primary-font-footer: /*フッター基準フォント色*/
  #FFF;
  --color-primary-font-footerbottom: /*フッターボトムフォント色*/
  #AAA;
  --color-primary-font-main: /*メイン基準フォント色*/
  #444;
  --color-primary-heading: /*基準見出し色*/
  #333;
  --color-primary-link: /*基準リンク色*/
  #163AFF;
  --color-primary01: /*サイトメインカラー*/
  #4FAAA7;
}


/*----- サイズ/行間  -----*/
:root {
  --lh-primary-font: /*基準フォント行間*/
  1.75;
  --lh-primary-heading: /*基準見出し行間*/
  1.35;
  --ls-h1: /*h1字間*/
  .2rem;
  --ls-h2: /*h2字間*/
  .1rem;
  --ls-h3: /*h3字間*/
  .1rem;
  --size-h1: /*PC-h1フォントサイズ*/
  3.6rem;
  --size-h1-SP: /*SP-h1フォントサイズ*/
  3rem;
  --size-h2: /*PC-h2フォントサイズ*/
  2.9rem;
  --size-h2-SP: /*SP-h2フォントサイズ*/
  2.6rem;
  --size-h3: /*PC-h3フォントサイズ*/
  2.4rem;
  --size-h3-SP: /*SP-h3フォントサイズ*/
  2.1rem;
  --size-h4: /*PC-h4フォントサイズ*/
  2.1rem;
  --size-h4-SP: /*SP-h4フォントサイズ*/
  1.8rem;
  --size-h5: /*PC-h5フォントサイズ*/
  1.85rem;
  --size-h5-SP: /*SP-h5フォントサイズ*/
  1.6rem;
  --size-h6: /*PC-h6フォントサイズ*/
  1.6rem;
  --size-h6-SP: /*SP-h6フォントサイズ*/
  1.5rem;
  --size-primary-font: /*基準フォントサイズ*/
  1.5rem;
  --size-primary-fontsmall: /*基準フォント小さめサイズ*/
  1.3rem;
}


/*----- マージン -----*/
:root {
  --main-h1-margin: /*（メイン）h1見出しマージン*/
  4rem;
  --main-h2-margin: /*（メイン）h2見出しマージン*/
  2rem;
  --main-h3-margin: /*（メイン）h3見出しマージン*/
  2rem;
  --main-heading-margin: /*（メイン）見出し基本マージン*/
  1rem;
  --main-text-margin: /*（メイン）段落マージン*/
  2.7rem;
}
