@charset "utf-8";


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

:root {
  --base-font-size: 62.5%;
  --base-font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --title-font-family: 'Fredoka One', cursive;
  --title-font-weight: bold;
  --contents-width: 154rem;
  --base-font-color-01: #fff;
  --base-font-color-02: #545454;
  --base-bg-color-01: #fff;
  --base-bg-color-02: #E37F04;
  --base-bg-color-03: #E39604;

  --main-bg-color: #64C20C;
  --accesnt-bg-color: var(--main-bg-color);
  --main-ttl-color: #666;
  --main-ttl-color-2: #000;
  --main-btn-bg-color: var(--main-bg-color);
  --hamberger-bg-color: #E37F04;
  --hamberger-overlay-bg-color: rgba(227, 127, 4, .95);
  --concept-font-color: var(--main-ttl-color-2);
  --concept-bg-color: #171010;

  --contact-bg-color: #f1f1f1;
  --contact-font-color: var(--main-ttl-color-2);
  --contact-field-bg-color: #EFEFEF;
  --contact-status-required-bg-color: #B50808;
  --contact-status-free-bg-color: #545454;
  --footer-overlay-bg-color: rgba(0, 0, 0, .88);
  
  --c-lead-font-color: var(--main-ttl-color-2);
  --c-btn-color: var(--main-ttl-color-2);

  --c-btn-01-color: #E37F04;

  --c-submit-btn-color: var(--main-bg-color);
  --transition-speed: .3s;
  --transition-anima-speed: 1.5s;
  --opacity-degree: .7;
}