@charset "utf-8";

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

:root {
  --base-font-size: 62.5%;
  --base-font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E',
    'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  --contents-width: 136rem;

  --base-font-color: #444;
  --base-bg-color: #fff;

  --main-ttl-color: var(--base-font-color);
  --main-header-color: #d3d5d8;
  --main-ttl-font-family: 'Roboto', sans-serif, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN',
    '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝';

  --accent-color-01: #f29b87;
  --accent-color-02: #f29b87;
  --accent-color-03: #f29b87;
  --accent-color-04: #f29b87;

  --footer-bg-color: #fff;

  --hamberger-bg-color: #290707;
  --hamberger-overlay-bg-color: rgb(242 155 135 / 0.97);
  --hamberger-bg-hover-color: #f29b87;

  --category-01-bg-color: #cfd1d4;

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

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

  --c-submit-btn-color: #f29b87;
  --c-submit-btn-bg-color: #f29b87;
  --c-submit-btn-bg--hover-color: #f27c61;

  --transition-speed: 0.3s;
  --transition-anima-speed: 1.5s;
  --opacity-degree: 0.7;
}