500;600;700;800;900&display=swap");

@font-face {
  font-family: "Koku Mincho";
  src: local("刻明朝 Regular"),
       local("刻明朝"),
       url("../fonts/koku-mincho-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --kp-blue: #5eb7e8;
  --kp-blue-dark: #2588ba;
  --kp-blue-soft: #eaf7fd;
  --kp-green: #22ac38;
  --kp-green-soft: #edf9ee;
  --kp-orange: #f5a32d;
  --kp-orange-soft: #fff3e7;
  --kp-pink: #ee869a;
  --kp-pink-soft: #fff0f5;
  --kp-ink: #231f20;
  --kp-text: #4f4b4c;
  --kp-muted: #757173;
  --kp-line: #dce5e2;
  --kp-bg: #f7faf8;
  --kp-white: #fff;
  --kp-font-sans: "Koku Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  --kp-font-display: "Koku Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  --kp-container: 1200px;
  --kp-radius-sm: 12px;
  --kp-radius-md: 24px;
  --kp-radius-lg: 40px;
  --kp-radius-pill: 999px;
  --kp-shadow-sm: 0 10px 30px rgba(31, 64, 56, 0.08);
  --kp-shadow-lg: 0 30px 80px rgba(31, 64, 56, 0.14);
  --kp-transition: 220ms ease;
  --kp-section-space: 120px;
}