/* ==========================================================================
   Base：デザイントークンとリセット
   LP本体は Figma の SP デザイン幅 390px を基準に px で記述し、
   .lx-lp の zoom（scale.js が算出）で表示幅に合わせて拡大縮小する。
   ========================================================================== */

:root {
  --lx-red: #e01413;
  --lx-red-deep: #ba0a09;
  --lx-black: #212121;
  --lx-white: #ffffff;
  --lx-gray: #f2f2f2;
  --lx-green: #b7ff07;
  --lx-line-green: #00ff09;
  --lx-pink: #ffe1e1;
  --lx-shadow: 0 0 10px rgba(160, 154, 154, 0.5);
  --lx-grad-red: linear-gradient(160deg, var(--lx-red) 34%, var(--lx-red-deep) 68%);

  --lx-font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --lx-font-mincho: "VDL-V7Mincho", "Shippori Mincho B1", "Hiragino Mincho ProN", serif;
  --lx-font-en: "Futura", "Jost", var(--lx-font-sans);

  --lx-scale: 1;
}

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

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  color: var(--lx-black);
  background: #3d3d3d;
  font-family: var(--lx-font-sans);
  font-weight: 500;
  line-height: 1.6;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
p,
ul,
ol,
dl,
dd,
figure {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

img {
  display: block;
  max-width: none;
}

a {
  color: inherit;
}

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

.lx-red {
  color: var(--lx-red);
}

.lx-green {
  color: var(--lx-green);
}

.lx-grad {
  background: var(--lx-grad-red);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lx-en {
  font-family: var(--lx-font-en);
  font-weight: 500;
}

.lx-en-italic {
  font-family: var(--lx-font-en);
  font-style: italic;
  font-weight: 500;
}

.lx-mincho {
  font-family: var(--lx-font-mincho);
  font-weight: 800;
}

/* 文頭の約物（「『（）を半角分だけ左へ寄せる */
.lx-hang {
  margin-left: -0.5em;
}