:root {
  --font-jp: "Noto Sans JP", "Yu Gothic", sans-serif;
  --font-en: Outfit, Arial, sans-serif;
  --navy: #071426;
  --navy-2: #0b1b33;
  --blue: #427dff;
  --cyan: #43c5f4;
  --violet: #8b5cff;
  --white: #f4f8ff;
  --muted: #a9bdd7;
  --line: #2d486f;
}
html { scroll-behavior: smooth; }
body { overflow-x: clip; color: var(--white); background: var(--navy); font-family: var(--font-jp); font-size: 16px; line-height: 1.85em; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { color: #fff; background: #435ee8; }
.kicker { color: #74baff; font-family: var(--font-en); font-size: 12px; font-weight: 700; line-height: 1.3em; letter-spacing: .28em; }
.text-link { display: inline-flex; align-items: center; gap: 16px; color: #ebf6ff; font-size: 14px; font-weight: 700; line-height: 1.4em; letter-spacing: .02em; transition: gap .2s, color .2s; &:hover, &:focus-visible { gap: 23px; color: #66c8ff; } span { font-size: 20px; } }
.btn_ptn_1 {
  padding: 17px 23px; display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; border: 1px solid transparent; border-radius: 8px; color: #fff; background: linear-gradient(110deg, #26aff7, #4759e9 60%, #7850ec); font-size: 14px; font-weight: 700; line-height: 1.4em; letter-spacing: .02em; box-shadow: 0 16px 32px #173aa559; transition: filter .2s, transform .2s;
  &:hover, &:focus-visible { filter: brightness(1.13); transform: translateY(-2px); }
}
.btn_ptn_2 {
  padding: 17px 23px; display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; border: 1px solid #739ed9; border-radius: 8px; color: #fff; background: #0a1a3099; font-size: 14px; font-weight: 700; line-height: 1.4em; letter-spacing: .02em; transition: background .2s, border-color .2s;
  &:hover, &:focus-visible { border-color: #9b6dff; background: #1a3561; }
}
.ttl_ptn_1 {
  .en { margin-bottom: 19px; display: block; color: #78b4fa; font-family: var(--font-en); font-size: 12px; font-weight: 700; line-height: 1.3em; letter-spacing: .24em; }
  .ja { display: block; color: #fff; font-size: 46px; font-weight: 800; line-height: 1.45em; letter-spacing: -.03em; }
  @media (max-width: 1200px) { .ja { font-size: 42px; } }
  @media (max-width: 1000px) { .ja { font-size: 38px; } }
  @media (max-width: 600px) { .ja { font-size: 32px; } }
  @media (max-width: 400px) { .ja { font-size: 28px; } }
}