@charset "UTF-8";
/* ==========================================================================
   AdXpand LP — 共通の土台
   スケール単位 --u / トークン / リセット / ベース / ラッパー / reduced-motion
   全セレクタを .lp-adxpand の中に閉じる。html / body には触れない。
   ========================================================================== */

/* ---------- 1. スケール単位 --u（1u = カンプ 1px） ----------
   同一詳細度なので記述順が後のものが勝つ。順序を変えない。値は丸めない。 */
.lp-adxpand { --u: 0.25641026vw; }                                                 /* 〜680px: 390 基準 */
@media (max-width: 1025px) and (orientation: landscape) { .lp-adxpand { --u: 0.14705883vw; } }
@media (min-width: 681px) and (max-width: 1025px)       { .lp-adxpand { --u: 0.14705883vw; } } /* 680 基準 */
@media (min-width: 1026px)                              { .lp-adxpand { --u: 1px; } }          /* PC 固定 */
@media (min-width: 1921px)                              { .lp-adxpand { --u: 0.05208333vw; } } /* 1920 基準 */

/* ---------- 2. トークン ---------- */
.lp-adxpand {
  --font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;

  --c-black: #000;
  --c-ink: #14171A;
  --c-white: #fff;
  --c-muted: #555;
  --c-line: #D8D8D8;
  --c-line-2: #C9D0D6;
  --c-gray-bg: #F6F6F6;

  --c-lime: #C6EE12;          /* 番号・チェック・枠・オフセット影 */
  --c-lime-strong: #BEED0E;   /* 「あなたの仕事」カード */
  --c-lime-border: #B4EE0A;
  --c-lime-shadow: #A7CA0A;
  --c-lime-soft: #F5FBE5;     /* フローカードの地 */
  --c-lime-pale: #D3F975;     /* 最終CTA の地 */
  --c-mark: #D7FAD2;          /* 強調のマーカー */
  --c-mark-lime: #E8FF91;
  --c-green-text: #339200;
  --c-green-q: #5EA500;
  --c-focus: #1C7C00;

  --grad-green: linear-gradient(90deg, #8FBA00 0%, #66BF00 100%);
  --grad-teal: linear-gradient(90deg, #00BA0C 0%, #00BFB8 100%);
  --grad-btn: linear-gradient(90deg, #B1ED08 0%, #E1F11F 50.96%, #B1ED08 100%);
  --grad-mint: linear-gradient(90deg, #D6F7E3 0%, #ACE7CC 100%);
  --grad-scheme: linear-gradient(90deg, #C5EE41 0%, #92EAAD 100%);
  --grad-plan: linear-gradient(180deg, #FFF 0%, #F3FFE6 100%);

  --shadow-soft: 0 calc(10 * var(--u)) calc(15 * var(--u)) 0 rgba(0, 0, 0, 0.08);
  --shadow-card: calc(5 * var(--u)) calc(5 * var(--u)) 0 0 rgba(0, 0, 0, 0.05);
  --header-h: calc(58 * var(--u));
}
@media (min-width: 1026px) {
  .lp-adxpand { --header-h: calc(76 * var(--u)); }
}

/* ---------- 3. リセット（ブラウザ既定のサイズは全て無効化し .lp-adxpand を唯一の起点にする） ---------- */
.lp-adxpand,
.lp-adxpand *,
.lp-adxpand *::before,
.lp-adxpand *::after { box-sizing: border-box; }

.lp-adxpand :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, figure, blockquote, fieldset, legend, table, caption, th, td, small, sup, sub, strong, em, b) {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
}
.lp-adxpand :where(ul, ol) { list-style: none; }
.lp-adxpand :where(strong, b) { font-weight: 700; }
.lp-adxpand :where(sup, sub) { vertical-align: baseline; }
.lp-adxpand :where(img, picture, svg) { display: block; max-width: 100%; height: auto; }
.lp-adxpand :where(a) { color: inherit; text-decoration: none; }
.lp-adxpand :where(button, input, select, textarea) {
  margin: 0;
  font: inherit;
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}
.lp-adxpand :where(button) { padding: 0; background: none; border: 0; cursor: pointer; }
.lp-adxpand :where(table) { border-collapse: collapse; }

/* ---------- 4. ベース ---------- */
.lp-adxpand {
  color: var(--c-black);
  background: var(--c-white);
  font-family: var(--font-family);
  font-size: calc(14 * var(--u));
  font-weight: 500;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.lp-adxpand :focus-visible {
  outline: 2px solid var(--c-focus);
  outline-offset: 3px;
}

/* ---------- 5. ラッパー ---------- */
.lp-adxpand .wrapper {
  position: relative;
  overflow-x: clip;
  isolation: isolate;
}

/* 視覚的に隠して支援技術には読ませる */
.lp-adxpand .is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---------- reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .lp-adxpand *,
  .lp-adxpand *::before,
  .lp-adxpand *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}