@charset "UTF-8";
/* CSS Document */
/* =========================================================
   Variables for Colors + Typography
   倉敷福祉事業会 新サイト（2025）
   ========================================================= */ :root {
  /* ===== Font ===== */
  --font-base: 'Zen Maru Gothic', sans-serif;
  --fs-base: 17px;
  /* Headlines */
  --fs-h1: 2.4rem;
  --fs-h2: 2rem;
  --fs-h3: 1.6rem;
  --fs-h4: 1.4rem;
  /* Small texts */
  --fs-s: 0.85rem;
  --fs-xs: 0.65rem;
  --fs-l: 1.14rem;
  --fs-xl: 1.8rem;
  /* ===== Brand Colors ===== */
  --color-jigyoukai: #ee7a65;
  --color-tsurajima: #F48B47; /* 鶴島 */
  --color-syowa: #66b67f; /* 昭和 */
  --color-nakasu: #8478b7; /* 中洲 */
  --accent-green-bright: #4cb17f;
  --color-brand-bg: #FFF4F0;
  --color-blog: #53a9df;
  /* ===== Text ===== */
  --text-main: #575757;
  --text-sub: #9b9b9b;
  --text-muted: #a1a1a1;
  --text-black: #000000;
  --text-white: #ffffff;
  /* ===== Grays ===== */
  --gray-50: #ffffff;
  --gray-100: #f6f6f6;
  --gray-150: #f4f4f4;
  --gray-200: #eaeced;
  --gray-250: #e3e3e3;
  --gray-300: #dedede;
  --gray-350: #cdcdcd;
  --gray-400: #cccccc;
  --gray-450: #bbb;
  /* ===== Accents ===== */
  --accent-gold: #F1D3A3;
  --accent-red: #F11E32;
  --accent-sky: #24BFED;
  --accent-mint: #69CBB8;
  --accent-pink-bg2: #FFCEDA;
  /* ===== Background ===== */
  --bg-white: #ffffff;
  --bg-gray: #f4f4f4;
  --bg-yellow-light: #FDFDE3;
  --bg-green-light: #CAE4C3;
  /* ===== Box shadows ===== */
  --shadow-light: rgba(244, 214, 178, 0.7);
  --shadow-dark: rgba(0, 0, 0, 0.23);
  --shadow-white-overlay: rgba(255, 255, 255, 0.46);
  --shadow-white-overlay2: rgba(255, 255, 255, 0.2);
}