@charset "utf-8";
/*
Theme Name: theme_carego
Description: ケアGO様のオリジナルテーマ
Version: 2026.04
*/

:root {
  --color-text: #4f4f4f;
  --color-text-light: #a4a4a4;
  --color-text-dark: #1a1c1c;
  --color-border: #ddd;
  /* ボタン */
  --color-btn: #011c82;
  /* リンク */
  --color-link: #999;
  --color-link-hover: #666;
  /* メインカラー */
  --color-main: #011c82;
  --color-main-dark: #0d0f68;
  --color-main-light: #c2ddfc;
  --color-main-light2: #ebedf3;
  /* サブカラー */
  --color-sub: #d5b200;
  --color-sub-dark: #967d00;
  --color-sub-light: #fbf7e5;
  /* マーカー */
  --color-marker: #fff8b0;
  /* ベースカラー */
  --color-base-red: #b30f0f;
  --color-base-yellow: #ffc107;
  --color-base-green: #28a745;
  --color-base-blue: #007bff;
  --color-base-purple: #6f42c1;
  --color-base-pink: #e83e8c;
  /* フォント */
  --font-min: "Noto Serif JP", serif;
  --font-min-weight: 400;
  --font-min-style: normal;
  --font-en: "Plus Jakarta Sans", sans-serif;
  --font-en-weight: 400;
  --font-en-style: normal;
  /* レイアウト */
  --s-inner: 1560px;
  --s-inner-wide: 1660px;
  --s-inner-narrow: 960px;
  --s-inner-top: 5em;
  --s-inner-bottom: 5em;
  --s-inner-lr: 2em;
}
@media screen and (min-width: 768px) {
  :root {
    --s-inner-lr: 4em;
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --s-inner-top: 7em;
    --s-inner-bottom: 7em;
    --s-inner-lr: 6em;
  }
}