@charset "utf-8";


/**************************************************************
* 変数設定
**************************************************************/

:root {
  --base-font-size: 62.5%;
  --base-font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --contents-width: 136rem;

  --base-font-color: #483C34;
  --base-bg-color: #FCFAF6;

  --main-bg-color: #F4F2EB;
  --main-font-color: #262626;
  --main-ttl-color: var(--base-font-color);
  --main-ttl-font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";

  --accent-color-01: #E68C6B;
  --accent-color-02: #147664;

  --footer-bg-color: #957D6C;

  --hamberger-bg-color: #147664;
  --hamberger-overlay-bg-color: rgba(252, 245, 228, .97);
  --hamberger-bg-hover-color: #E68C6B;

  --tag-category-color-01: #6C7595;
  --tag-category-color-02: #95846C;
  --tag-category-color-03: #846C95;
  --tag-category-color-04: #6C956C;

  --category-01-bg-color: #E68C6B;
  --category-02-bg-color: #e6c16b;
  --category-03-bg-color: #6baae6;

  --contact-bg-color: var(--base-bg-color);
  --contact-font-color: var(--base-font-color);
  --contact-field-bg-color: #FDFCFA;
  --contact-status-required-bg-color: #E68C6B;
  --contact-status-free-bg-color: #858585;

  --c-btn-color: #957D6C;

  --c-submit-btn-color: var(--main-bg-color);
  --c-submit-btn-bg-color: var(--accent-color-02);
  --c-submit-btn-bg--hover-color: var(--accent-color-01);

  --transition-speed: .3s;
  --transition-anima-speed: 1.5s;
  --opacity-degree: .7;
}