/* -----------------------------------
   見出しの書体（Zen Maru Gothic）
   SIL Open Font License 1.1
   https://fonts.google.com/specimen/Zen+Maru+Gothic

   見出しに使う文字だけに絞って読み込んでいます。
   ----------------------------------- */
@font-face {
  font-family: "Zen Maru Gothic";
  src: url("../fonts/zen-maru-gothic-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zen Maru Gothic";
  src: url("../fonts/zen-maru-gothic-900.woff2") format("woff2");
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}

@charset "UTF-8";

/*!
 * デザイントークン（色・書体・余白・角丸・幅）
 * ヨシケイひろば / yoshikei-hiroba
 */

/* -----------------------------------
   tokens
   ----------------------------------- */
:root {
  --c-brand: #E60012;
  --c-brand-d: #C4000F;
  --c-brand-l: #F2727C;
  --c-brand-tint: #FFEFF0;
  --c-pink: #FDE9EA;
  --c-pink-l: #FFF7F7;
  --c-pink-d: #FBD9DC;
  --c-deco: #F5C6CA;        /* あしらいのドット */
  --c-deco-stroke: #F2909A; /* あしらいの線 */
  --c-orange: #F08300;
  --c-orange-tint: #FFF3E3;
  --c-blue: #0068B7;
  --c-blue-tint: #E8F2FA;
  --c-line-green: #06C755;

  --c-text: #333333;
  --c-text-muted: #666666;
  --c-text-subtle: #999999;
  --c-bg: #FFF7F7;
  --c-bg-surface: #FFFFFF;
  --c-bg-subtle: #FDF3F3;
  --c-line: #EFE1E2;
  --c-line-strong: #E2D0D1;

  --ff-base: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', system-ui, sans-serif;
  --ff-mono: 'SF Mono', 'Monaco', 'Consolas', monospace;

  --fs-body: 17px;
  --fs-small: 15px;
  --fs-caption: 13px;

  --lh-body: 1.85;
  --lh-heading: 1.5;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  --container-max: 1080px;
  --header-h: 84px;
}