@charset "utf-8";


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

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

  --base-font-color: #0F3C3C;
  --base-bg-color: #fff;

  --main-ttl-color: #0F3C3C;
  /* --main-header-color: #fff; */
  --main-header-color: #0F3C3C;
  --main-ttl-font-family: 'Roboto', sans-serif;

  --box-shadow: 0 .2rem .6rem 0 rgba(0 0 0 / .16);

  --scroll-indicator-color-01: #8de9b6;
  --scroll-indicator-color-02: #2EA8A8;

  --accent-color-01: #F8C313;
  --accent-color-02: #11D045;
  --accent-color-03: #1642E3;
  --accent-color-04: #FB8F8F;
  /* --accent-color-05: #207B7B; */
  --accent-color-05: #99ffff;

  --case-color-01: #DEAF11;
  --case-color-02: #E8686D;
  --case-color-03: #416AD8;
  --case-color-04: #42B9A2;

  --footer-bg-color: #207B7B;

  /* --hamberger-bg-color: #207B7B; */
  --hamberger-bg-color: #0F3C3C;
  --hamberger-bg-hover-color: #F28500;
  --hamberger-overlay-bg-color: rgb(32 123 123 / .97);
  
  --category-01-bg-color: #ACACAC;

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

  --c-btn-color: var(--base-font-color);

  --c-submit-btn-color: #F28500;
  --c-submit-btn-bg-color: #F8C313;
  --c-submit-btn-bg--hover-color: #FB8F8F;

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