@charset "utf-8";

/* CSS変数 */
:root {
    --box-sizing: border-box;

    /* ベースカラー */
    --color-black: #333333;
    --color-white: #ffffff;
    --color-red: #e60013;
    --color-bright-red: #fbe5e5;
    --color-ocher:#af7d01;
    --color-blue: #104f7f;
    --color-gray: #cccccc;
    --color-bright-gray:#f0f0f0;
    --color-dark-gray: #394b5d;
    --color-blue-gray: #a7b4c1;
    --color-link: #186aab;

    --main-color:var(--color-blue);
    --base-color:var(--color-bright-gray);
    --accent-color:var(--color-red);
    --font-color:var(--color-black);

    /*ベースカラー2*/
      --color-pale-green: #e9f6dc;
      --color-green: #6eaa2e;
      --color-pale-red: #ffd5d5;
      --color-blue-purple: #d8e3f1;
      --color-black-blue: #104f7f;

    /* フォント */
    --font-family: 'Public Sans', 'Noto Sans JP', sans-serif;
    --font-base-size: 16px;
    --font-small-size: 12px;
    --font-large-size: 20px;
    --font-title-size-pc: 48px;
    --font-title-size-sp: 36px;
    --font-base-weight: normal;

    /* ボーダー */
    --border-base-width: 1px;
    --border-bold-width: 3px;
    --border-base-style: solid;
    --border-section-radius: 8px;
    --border-button-radius: 12px;
    --border-input-radius: 5px;

    /* ホバー */
    --hover-transition: opacity 0.5s;
    --hover-opacity: 0.7;

    /* width */
    --width-auto: auto;
    --width-100-pct: 100%;
    --width-content-pc: 760px;
    --width-button-pc: 200px;

}

.hidden {
  display: none !important;
}