:root {
  --gj-navy: #10234c;
  --gj-purple: #4a1f45;
  --gj-purple-2: #6e3a67;
  --gj-pink: #e94e83;
  --gj-coral: #f06f87;
  --gj-light-pink: #fff1f5;
  --gj-pale-pink: #fce8ef;
  --gj-cream: #fff9f7;
  --gj-bg: #fffdfd;
  --gj-text: #2e1b2a;
  --gj-text-sub: #6f5d69;
  --gj-border: #f3cbd6;
  --gj-gold: #d9a66a;
  --gj-success: #5e9e7b;
  --gj-warning: #e2a449;
  --gj-danger: #d94c6a;
  --font-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-hand: "Zen Kurenaido", "Yomogi", "Noto Sans JP", sans-serif;
  --shadow-soft: 0 24px 60px rgba(74, 31, 69, 0.08);
  --shadow-card: 0 14px 30px rgba(16, 35, 76, 0.08);
  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 14px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--gj-text);
  background:
    radial-gradient(circle at top right, rgba(233, 78, 131, 0.12), transparent 28%),
    linear-gradient(180deg, #fffdfd 0%, #fff7fa 40%, #fffdfd 100%);
  line-height: 1.75;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

p,
h1,
h2,
h3 {
  margin: 0;
}

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}