/* トップページ。デザイン原本は Main.dc.html / Mobile.dc.html（1440px / 390px の 2 面）。
 * 面の作り（ドット・暗い面・差し色）は Markifact 実測の値をそのまま使っている。
 * 角丸は 4px だけ、枠は使わず 1px の罫線で区切る、という 3 面共通の規律を守る。 */
/* WCAG 2.2 1.4.3 contrast on white:
 * navy 16.59:1 / text-secondary 9.03:1 / muted 4.83:1
 * gold is used as a filled CTA with navy text for 8.84:1 contrast.
 */

:root {
  --font-public: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;
  --navy: #0e1e3a;
  --navy-2: #1a2332;
  --text-secondary: #3d4a5a;
  --text-muted: #6b7280;
  --bg-tint: #f6f8fb;
  --public-border: #d8dee8;
  --success: #00876a;
  --success-text: #006b4f;
  --gold: #f5b04a;
  --gold-strong: #f2a52f;
  --gold-soft: #fff7e6;
  --gold-border: #f1d59b;
  --focus: #005bd3;
  --danger: #b42318;
}

._page_1puf9_6 {
  font-family: var(--font-public);
  color: var(--navy);
  line-height: 1.75;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

._page_1puf9_6 * {
  box-sizing: border-box;
}

/* 日本語の改行。本文は禁則を厳格にして句読点の行頭・孤立を避け、
 * 見出しと短いラベルは語の途中で折らない（「部分返/金」のような割れを防ぐ）。 */
._page_1puf9_6 p,
._page_1puf9_6 dd,
._page_1puf9_6 li {
  /* auto-phrase は日本語を文節単位で折る（対応外のブラウザは通常の折り返しに戻る） */
  word-break: auto-phrase;
  text-wrap: pretty;
  line-break: strict;
}

/* keep-all は CJK の字間で折るのを止め、句読点と空白だけを改行位置にする。
 * 見出しは overflow-wrap を足さない（足すと「仕訳／に。」のように語中で割れる）。 */
._heroHeading_1puf9_31,
._h2_1puf9_32,
._heroEyebrow_1puf9_33,
._lbl_1puf9_34,
._proofHeading_1puf9_35,
._combosGroupLabel_1puf9_36,
._comboName_1puf9_37,
._ruleTerm_1puf9_38,
._journalTitle_1puf9_39,
._planName_1puf9_40,
._planUse_1puf9_41,
._planFeatures_1puf9_42 li,
._faqQuestion_1puf9_43,
._ctaHeading_1puf9_44,


._compareHeadCell_1puf9_47,
._compareRowHead_1puf9_48,
._compareCell_1puf9_49,
._journalLine_1puf9_50 {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* 面の内側。原本は 1440px 固定・左右 80px。1280px 以上で原本と一致する */
._inner_1puf9_56 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
}

/* 明るい面の地。24px グリッドのドット */
._dotted_1puf9_63 {
  background-color: #fff;
  background-image: radial-gradient(
    circle at 1px 1px,
    #e5e7eb 1px,
    transparent 0
  );
  background-size: 24px 24px;
}

._dark_1puf9_73 {
  background: linear-gradient(180deg, #001027 0%, #00040b 55%, #001027 100%);
}

/* 差し色。形を持たせず、色だけをコンテンツの背後から滲ませる。
 * z-index: -1 は親の背景より下へ潜って見えなくなるので、装飾は 0、本文を 1 に上げる */
._tint_1puf9_79 {
  position: relative;
  overflow: hidden;
}

._tint_1puf9_79 > ._spot_1puf9_84 {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  filter: blur(40px);
}

._tint_1puf9_79 > *:not(._spot_1puf9_84) {
  position: relative;
  z-index: 1;
}

._lbl_1puf9_34 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--gold-strong);
}

._h2_1puf9_32 {
  margin: 14px 0 0;
  font-size: 38px;
  font-weight: 300;
  line-height: 1.26;
  letter-spacing: -0.018em;
}

._btnPrimary_1puf9_111 {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 24px;
  border-radius: 4px;
  background: var(--navy);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

._btnPrimary_1puf9_111:hover {
  background: #0a1730;
}

._btnGold_1puf9_128 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 26px;
  border: none;
  border-radius: 4px;
  background: var(--gold);
  color: var(--navy);
  font-size: 16px;
  font-weight: 700;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
}

._btnGold_1puf9_128:hover {
  background: var(--gold-strong);
}

._linkUnderline_1puf9_149 {
  font-size: 16px;
  font-weight: 500;
  color: var(--navy);
  border-bottom: 1px solid var(--navy);
  padding-bottom: 2px;
  text-decoration: none;
}

._page_1puf9_6 a:focus-visible,
._page_1puf9_6 button:focus-visible,
._page_1puf9_6 input:focus-visible,
._page_1puf9_6 select:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ============ hero ============ */
._hero_1puf9_31 {
  position: relative;
  overflow: hidden;
  padding: 112px 0 104px;
}

/* 色帯。細長い楕円を回してぼかし、輪郭を消す */
._heroRibbon_1puf9_175 {
  position: absolute;
  z-index: 0;
  inset: -26% -10% -30% 30%;
  pointer-events: none;
}

._band_1puf9_182 {
  position: absolute;
  border-radius: 50%;
  transform: rotate(-24deg);
  /* 位置だけを 26 秒以上でゆっくり動かす。形は変えない */
  animation: _drift_1puf9_1 26s ease-in-out infinite alternate;
  will-change: translate;
}

._band_1puf9_182:nth-child(1) {
  left: 10%;
  top: -8%;
  width: 17%;
  height: 134%;
  filter: blur(44px);
  background: rgba(245, 176, 74, 0.92);
}

._band_1puf9_182:nth-child(2) {
  left: 30%;
  top: -14%;
  width: 13%;
  height: 140%;
  filter: blur(40px);
  background: rgba(242, 165, 47, 0.8);
  animation-duration: 34s;
  animation-delay: -6s;
}

._band_1puf9_182:nth-child(3) {
  left: 47%;
  top: -4%;
  width: 15%;
  height: 132%;
  filter: blur(46px);
  background: rgba(0, 91, 211, 0.46);
  animation-duration: 30s;
  animation-delay: -13s;
}

._band_1puf9_182:nth-child(4) {
  left: 66%;
  top: 4%;
  width: 12%;
  height: 128%;
  filter: blur(50px);
  background: rgba(14, 30, 58, 0.32);
  animation-duration: 38s;
  animation-delay: -3s;
}

@keyframes _drift_1puf9_1 {
  from {
    translate: 0 0;
    scale: 1;
  }
  to {
    translate: -6% 3%;
    scale: 1.08;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._band_1puf9_182 {
    animation: none;
  }
}

/* 白へ溶かす膜。帯のぼかしは容器の外へはみ出すので、面の全幅に敷かないと縁が線になる */
._heroVeil_1puf9_251 {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #fff 0%,
    #fff 40%,
    rgba(255, 255, 255, 0.82) 54%,
    rgba(255, 255, 255, 0) 74%
  );
}

._heroInner_1puf9_265 {
  position: relative;
  z-index: 1;
  max-width: 760px;
}

._heroEyebrow_1puf9_33 {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
}

._heroHeading_1puf9_31 {
  margin: 22px 0 0;
  font-size: 58px;
  font-weight: 300;
  line-height: 1.28;
  letter-spacing: -0.024em;
  text-wrap: pretty;
}

._heroLead_1puf9_287 {
  margin: 30px 0 0;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.85;
  color: var(--text-secondary);
}

._heroActions_1puf9_295 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 44px;
}

._heroFacts_1puf9_302 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 88px;
  padding-top: 26px;
  border-top: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
}

._heroFactSep_1puf9_316 {
  color: #c8d0dc;
}

/* ============ 暗い面：対応する組み合わせ + 接続図 ============ */
._combosDark_1puf9_321 {
  padding: 116px 0 112px;
}

._combosIntro_1puf9_325 {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

._combosIntro_1puf9_325 ._lbl_1puf9_34 {
  color: var(--gold);
}

._headingOnDark_1puf9_337 {
  color: #fff;
}

._leadOnDark_1puf9_341 {
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.9;
  color: #b7c3d8;
}

/* 図の周りに図と同系の光を先に敷いてから図を重ねる。ハブの発光が容器の外へ滲むので、
 * この下地が無いと面の背景色との段差が縁の線として立つ */
._mapFrame_1puf9_350 {
  position: relative;
  max-width: 1000px;
  margin: 52px auto 0;
}

/* 上側は本文へ張り出させない（リード文の背後が暗くなり読めなくなる） */
._mapGlow_1puf9_357 {
  position: absolute;
  inset: -2% -6% -8%;
  pointer-events: none;
  background: radial-gradient(
    ellipse 60% 74% at 50% 46%,
    #05224f 0%,
    #001433 40%,
    #000b1e 70%,
    rgba(0, 4, 11, 0) 100%
  );
}

._mapSvg_1puf9_370 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

._mapCard_1puf9_377 {
  fill: rgba(6, 20, 46, 0.5);
  stroke: #23558f;
  stroke-width: 1.4;
}

._mapDisc_1puf9_383 {
  fill: #fff;
}

._mapNodeLabel_1puf9_387 {
  fill: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
  dominant-baseline: central;
}

._mapColumnLabel_1puf9_395 {
  fill: #8fb0e0;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

._mapWire_1puf9_402 path {
  fill: none;
  stroke: #4b7fd4;
  stroke-width: 1.6;
  opacity: 0.8;
}

._mapPort_1puf9_409 circle {
  fill: #cfe0ff;
}

._mapHubDisc_1puf9_413 {
  fill: #fff;
}

._mapFlow_1puf9_417 circle {
  fill: #eaf3ff;
}

/* 動きを減らす設定では、流れる光だけを消す。線と端点は残るので図の意味は変わらない */
@media (prefers-reduced-motion: reduce) {
  ._mapFlow_1puf9_417 {
    display: none;
  }
}

/* 横並びの図は狭い画面では文字が潰れるので、そこだけ縦積みに差し替える */
._mapStack_1puf9_429 {
  /* .mapGlow は position 付きなので、素の静的要素のままだと光の下に隠れる */
  position: relative;
  display: none;
}

._mapStackLabel_1puf9_435 {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #8fb0e0;
}

._mapStackList_1puf9_443 {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

._mapStackItem_1puf9_451 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 18px;
  border: 1.4px solid #23558f;
  border-radius: 32px;
  background: rgba(6, 20, 46, 0.5);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

/* SVG 側の白い丸と同じ扱い。丸の中にマークを収める */
._mapStackLogo_1puf9_466 {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 11px;
  border-radius: 50%;
  background: #fff;
  -o-object-fit: contain;
     object-fit: contain;
}

._mapStackArrow_1puf9_477 {
  margin: 0 0 14px;
  color: #4b7fd4;
  text-align: center;
}

._mapStackHub_1puf9_483 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 14px;
  padding: 13px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50%;
  background: #fff;
}

/* ============ 明るい面：組み合わせ一覧 ============ */
._combos_1puf9_36 {
  padding: 96px 0 104px;
}

._combosList_1puf9_500 {
  max-width: 1000px;
  margin: 0 auto;
}

._combosGroupLabel_1puf9_36 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--text-muted);
}

._combosGroup_1puf9_36 + ._combosGroup_1puf9_36 {
  margin-top: 44px;
}

._combosGroup_1puf9_36 > ._combosGroupLabel_1puf9_36 + ._comboRow_1puf9_516 {
  margin-top: 10px;
}

._comboRow_1puf9_516 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0;
  border-top: 1px solid #e5e7eb;
  text-decoration: none;
  color: var(--navy);
}

._comboRow_1puf9_516:hover ._comboName_1puf9_37 {
  text-decoration: underline;
}

._comboName_1puf9_37 {
  display: block;
  font-size: 17px;
  font-weight: 700;
}

._comboDesc_1puf9_541 {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: var(--text-muted);
}

/* 提供状況は行ごとに繰り返さず、グループの見出しだけが持つ */
._combosGroupLabel_1puf9_36[data-tone="published"] {
  color: var(--success-text);
}

._comboArrow_1puf9_553 {
  flex-shrink: 0;
  color: var(--text-muted);
  font-size: 14px;
}

._comboRow_1puf9_516:hover ._comboArrow_1puf9_553 {
  color: var(--navy);
}

/* ============ 設計思想 ============ */
._philosophy_1puf9_564 {
  padding: 128px 0 120px;
}

._philosophySpot_1puf9_568 {
  left: -8%;
  top: -26%;
  width: 48%;
  height: 52%;
  background: radial-gradient(
    50% 50%,
    rgba(245, 176, 74, 0.26) 40%,
    rgba(245, 176, 74, 0) 100%
  );
}

._philosophyGrid_1puf9_580 {
  display: grid;
  grid-template-columns: 480px minmax(0, 1fr);
  gap: 96px;
  align-items: start;
}

._philosophyLead_1puf9_587 {
  margin: 22px 0 0;
  font-size: 17px;
  line-height: 1.9;
  color: var(--text-secondary);
}

._rules_1puf9_594 {
  padding-top: 6px;
}

._rule_1puf9_38 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 18px 0;
  border-top: 1px solid #e5e7eb;
}

._rule_1puf9_38:first-child {
  border-top: none;
  padding-top: 0;
}

._rule_1puf9_38:last-child {
  border-bottom: 1px solid #e5e7eb;
}

._ruleTerm_1puf9_38 {
  width: 260px;
  flex-shrink: 0;
  font-size: 17px;
  font-weight: 700;
}

._ruleDesc_1puf9_622 {
  flex: 1;
  padding-left: 40px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--text-secondary);
}

._proof_1puf9_35 {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 72px;
  align-items: center;
  margin-top: 112px;
}

/* 2 枚目は画像を左に置いて、1 枚目と読みの流れを変える */
._proofReverse_1puf9_639 {
  grid-template-columns: minmax(0, 1fr) 380px;
}

._proofHeading_1puf9_35 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
}

._proofLead_1puf9_649 {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.9;
  color: var(--text-secondary);
}

._shot_1puf9_656 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}

._shotCaption_1puf9_664 {
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--text-muted);
}

/* ============ やり方の比較 ============ */
._compare_1puf9_47 {
  padding: 128px 0;
  border-top: 1px solid #eef1f6;
}

._compareSpot_1puf9_676 {
  right: -8%;
  top: -14%;
  width: 46%;
  height: 52%;
  background: radial-gradient(
    50% 50%,
    rgba(245, 176, 74, 0.3) 40%,
    rgba(245, 176, 74, 0) 100%
  );
}

._centerHead_1puf9_688 {
  text-align: center;
}

._compareTable_1puf9_692 {
  display: grid;
  grid-template-columns: 260px 1fr 1fr 1fr;
  margin-top: 56px;
}

._compareHeadCell_1puf9_47 {
  padding: 18px 24px;
  border-bottom: 1px solid var(--navy);
  font-size: 15px;
  font-weight: 700;
  color: var(--text-muted);
}

._compareHeadCellOwn_1puf9_706 {
  border-bottom-width: 2px;
  background: #fbfcfe;
  color: var(--navy);
}

._compareRowHead_1puf9_48 {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  font-weight: 700;
}

._compareCell_1puf9_49 {
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  color: var(--text-muted);
}

._compareCellOwn_1puf9_726 {
  background: #fbfcfe;
  font-weight: 700;
  color: var(--navy);
}

/* ============ 仕訳の例 ============ */
._journals_1puf9_733 {
  padding: 128px 0 120px;
  border-top: 1px solid #eef1f6;
}

._journalsSpot_1puf9_738 {
  left: -10%;
  bottom: -18%;
  width: 52%;
  height: 56%;
  background: radial-gradient(
    50% 50%,
    rgba(0, 91, 211, 0.22) 40%,
    rgba(0, 91, 211, 0) 100%
  );
}

._journalsHead_1puf9_750 {
  max-width: 760px;
}

._journalsLead_1puf9_754 {
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.9;
  color: var(--text-secondary);
}

._journalsGrid_1puf9_761 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  margin-top: 48px;
}

._journalTitle_1puf9_39 {
  font-size: 18px;
  font-weight: 700;
}

._journalMeta_1puf9_773 {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--text-muted);
}

/* 枠を外して罫線 1 本で受ける */
._journalBody_1puf9_780 {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e5e7eb;
}

._journalSide_1puf9_786 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}

._journalSideCredit_1puf9_793 {
  padding-top: 16px;
}

._journalLine_1puf9_50 {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 0;
  border-top: 1px solid #f2f5f9;
}

._journalTax_1puf9_806 {
  margin-left: 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
}

._journalAmount_1puf9_813 {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

._journalNote_1puf9_818 {
  margin-top: 16px;
  padding-left: 14px;
  border-left: 2px solid var(--gold-border);
  font-size: 13px;
  line-height: 1.85;
  color: var(--text-secondary);
}

/* ============ 料金 ============ */
._pricing_1puf9_828 {
  padding: 128px 0 120px;
}

._pricingLead_1puf9_832 {
  margin: 18px auto 0;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.9;
  color: var(--text-secondary);
}

/* 3 枚のカードではなく 1 面を縦罫で割る。枠が要るのはここだけ */
._plans_1puf9_841 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 56px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}

._plan_1puf9_40 {
  padding: 40px 36px;
}

._planFeatured_1puf9_854 {
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  background: #fbfcfe;
}

._planHead_1puf9_860 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._planName_1puf9_40 {
  font-size: 17px;
  font-weight: 700;
}

._planUse_1puf9_41 {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--text-muted);
}

._planPrice_1puf9_878 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 24px;
}

._planPriceValue_1puf9_885 {
  font-size: 40px;
  font-weight: 300;
  letter-spacing: -0.02em;
}

._planPriceUnit_1puf9_891 {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-secondary);
}

._planTaxNote_1puf9_897 {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--text-muted);
}

._planDivider_1puf9_903 {
  height: 1px;
  background: #eef1f6;
  margin: 26px 0;
}

._planFeatures_1puf9_42 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-secondary);
}

._pricingNote_1puf9_921 {
  margin: 26px 0 0;
  text-align: center;
  font-size: 13px;
  color: var(--text-muted);
}

/* ============ FAQ ============ */
._faq_1puf9_43 {
  padding: 128px 0;
  border-top: 1px solid #eef1f6;
}

._faqGrid_1puf9_934 {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 96px;
  align-items: start;
}

._faqIntroHeading_1puf9_941 {
  font-size: 34px;
}

._faqIntroLead_1puf9_945 {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.9;
  color: var(--text-secondary);
}

._faqItem_1puf9_952 {
  padding: 24px 20px;
  margin: 0 -20px;
  border-top: 1px solid #e5e7eb;
}

/* 偶数番だけ地をわずかに落として、罫線だけの面に読み進める手がかりを作る */
._faqItem_1puf9_952:nth-child(even) {
  background: var(--bg-tint);
}

._faqItem_1puf9_952:last-child {
  border-bottom: 1px solid #e5e7eb;
}

._faqQuestion_1puf9_43 {
  font-size: 17px;
  font-weight: 700;
}

._faqAnswer_1puf9_972 {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.9;
  color: var(--text-secondary);
}

/* ============ 最終 CTA ============ */
._ctaDark_1puf9_980 {
  padding: 140px 0 132px;
}

._ctaSpotBlue_1puf9_984 {
  right: -10%;
  top: -22%;
  width: 46%;
  height: 70%;
  filter: blur(70px);
  background: radial-gradient(
    50% 50%,
    rgba(0, 91, 211, 0.34) 36%,
    rgba(0, 91, 211, 0) 100%
  );
}

._ctaSpotGold_1puf9_997 {
  left: 12%;
  bottom: -34%;
  width: 62%;
  height: 82%;
  filter: blur(70px);
  background: radial-gradient(
    50% 50%,
    rgba(245, 176, 74, 0.2) 34%,
    rgba(245, 176, 74, 0) 100%
  );
}

._ctaInner_1puf9_1010 {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

._ctaHeading_1puf9_44 {
  margin: 0;
  font-size: 44px;
  font-weight: 300;
  line-height: 1.26;
  letter-spacing: -0.018em;
  color: #fff;
}

._ctaLead_1puf9_1025 {
  margin: 24px auto 0;
  max-width: 620px;
  font-size: 18px;
  line-height: 1.9;
  color: #b7c3d8;
}

/* 箇条書きの記号は出さず、中黒で区切る（デザイン原本の並び） */

/* ============ 1024px 以下 ============ */
@media (max-width: 1024px) {
  ._inner_1puf9_56 {
    padding: 0 40px;
  }

  ._philosophyGrid_1puf9_580,
  ._proof_1puf9_35,
  ._proofReverse_1puf9_639,
  ._faqGrid_1puf9_934 {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  /* 縦に積むときは、1 枚目と同じ「文章 → 画像」の順に戻す */
  ._proofReverse_1puf9_639 > figure {
    order: 1;
  }

  ._journalsGrid_1puf9_761 {
    gap: 40px;
  }

  ._compareTable_1puf9_692 {
    grid-template-columns: 200px 1fr 1fr 1fr;
  }

  ._compareHeadCell_1puf9_47,
  ._compareRowHead_1puf9_48,
  ._compareCell_1puf9_49 {
    padding: 16px 14px;
  }

  ._plans_1puf9_841 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._planFeatured_1puf9_854 {
    border-left: none;
    border-right: none;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
  }
}

/* ============ 720px 以下（原本は Mobile.dc.html 390px） ============ */
@media (max-width: 720px) {
  ._inner_1puf9_56 {
    padding: 0 20px;
  }

  ._mapSvg_1puf9_370 {
    display: none;
  }

  ._mapStack_1puf9_429 {
    display: block;
  }

  ._hero_1puf9_31 {
    padding: 48px 0 56px;
  }

  /* 帯は縦に流す。面の overflow で切ると横一直線の縁が出るので、上下も白へ溶かす */
  ._heroRibbon_1puf9_175 {
    inset: 16% -18% 10% 4%;
  }

  ._band_1puf9_182 {
    transform: rotate(-22deg);
  }

  ._band_1puf9_182:nth-child(1) {
    left: 6%;
    width: 26%;
    height: 130%;
    filter: blur(34px);
  }

  ._band_1puf9_182:nth-child(2) {
    left: 30%;
    width: 20%;
    height: 136%;
    filter: blur(32px);
  }

  ._band_1puf9_182:nth-child(3) {
    left: 52%;
    width: 22%;
    height: 130%;
    filter: blur(36px);
  }

  ._band_1puf9_182:nth-child(4) {
    left: 74%;
    width: 18%;
    height: 126%;
    filter: blur(40px);
  }

  ._heroVeil_1puf9_251 {
    background: linear-gradient(
      #fff 0%,
      #fff 30%,
      rgba(255, 255, 255, 0.8) 46%,
      rgba(255, 255, 255, 0.05) 70%,
      rgba(255, 255, 255, 0.75) 90%,
      #fff 100%
    );
  }

  /* PC の改行位置（意味の区切り）は 390px でも保つ。行が溢れないよう字を詰める */
  ._heroHeading_1puf9_31 {
    font-size: 27px;
    line-height: 1.42;
    letter-spacing: -0.02em;
  }

  ._heroLead_1puf9_287 {
    margin-top: 18px;
    font-size: 15px;
  }

  ._heroActions_1puf9_295 {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: 28px;
  }

  ._heroActions_1puf9_295 ._btnPrimary_1puf9_111 {
    height: 48px;
    justify-content: center;
  }

  ._heroActions_1puf9_295 ._linkUnderline_1puf9_149 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border: 1px solid var(--public-border);
    border-radius: 4px;
    padding: 0;
  }

  ._heroFacts_1puf9_302 {
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 30px;
    padding-top: 20px;
    font-size: 12px;
  }

  ._h2_1puf9_32 {
    font-size: 24px;
  }

  ._faqIntroHeading_1puf9_941,
  ._ctaHeading_1puf9_44 {
    font-size: 24px;
  }

  ._combosDark_1puf9_321,
  ._philosophy_1puf9_564,
  ._compare_1puf9_47,
  ._journals_1puf9_733,
  ._pricing_1puf9_828,
  ._faq_1puf9_43 {
    padding: 56px 0;
  }

  ._combos_1puf9_36 {
    padding: 48px 0;
  }

  ._ctaDark_1puf9_980 {
    padding: 56px 0 60px;
  }

  ._mapFrame_1puf9_350 {
    margin-top: 32px;
  }

  ._comboRow_1puf9_516 {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  ._proof_1puf9_35 {
    margin-top: 56px;
  }

  ._rule_1puf9_38 {
    flex-direction: column;
  }

  ._ruleTerm_1puf9_38 {
    width: auto;
    font-size: 15px;
  }

  ._ruleDesc_1puf9_622 {
    padding-left: 0;
    margin-top: 6px;
    font-size: 13px;
  }

  ._journalsGrid_1puf9_761 {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  /* 比較表は 4 列のままだと潰れるので、横スクロールに逃がす */
  ._compareScroll_1puf9_1249 {
    overflow-x: auto;
    margin-top: 32px;
  }

  ._compareTable_1puf9_692 {
    min-width: 640px;
    margin-top: 0;
  }

  ._faqItem_1puf9_952 {
    padding: 18px 12px;
    margin: 0 -12px;
  }
}

._shotFigure_1puf9_1265 {
  margin: 0;
}

/* grid の 1 行ぶんを React の要素で包むため、行自体は表示上存在させない */
._compareRow_1puf9_48 {
  display: contents;
}

._ctaActions_1puf9_1274 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 40px;
}

._btnOnDark_1puf9_1282 {
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

._btnOnDark_1puf9_1282:hover {
  border-color: rgba(255, 255, 255, 0.48);
}

@media (max-width: 720px) {
  ._ctaActions_1puf9_1274 {
    flex-direction: column;
    align-items: stretch;
    margin-top: 24px;
  }

  ._ctaActions_1puf9_1274 ._btnGold_1puf9_128,
  ._btnOnDark_1puf9_1282 {
    justify-content: center;
  }
}
/* 個別 LP（EC × 会計ソフト）。デザイン原本は Detail.dc.html。
 * トークンは brand-tokens.css を正とし、原本にしかない値だけここで定義する。 */
/* WCAG 2.2 1.4.3 contrast on white:
 * navy 16.59:1 / text-secondary 9.03:1 / muted 4.83:1
 * gold is used as a filled CTA with navy text for 8.84:1 contrast.
 */

:root {
  --font-public: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;
  --navy: #0e1e3a;
  --navy-2: #1a2332;
  --text-secondary: #3d4a5a;
  --text-muted: #6b7280;
  --bg-tint: #f6f8fb;
  --public-border: #d8dee8;
  --success: #00876a;
  --success-text: #006b4f;
  --gold: #f5b04a;
  --gold-strong: #f2a52f;
  --gold-soft: #fff7e6;
  --gold-border: #f1d59b;
  --focus: #005bd3;
  --danger: #b42318;
}

/* CSS module でも :root へ書くと全ページへ漏れるため、ページ直下に閉じる */
/* 日本語の改行規律はトップページと同じ。本文は禁則厳格、見出し・ラベルは語中で折らない */
._page_1vdy8_7 p,
._page_1vdy8_7 li,
._page_1vdy8_7 summary {
  /* auto-phrase は日本語を文節単位で折る（対応外のブラウザは通常の折り返しに戻る） */
  word-break: auto-phrase;
  text-wrap: pretty;
  line-break: strict;
}

/* keep-all で CJK の字間改行を止め、句読点と空白だけを改行位置にする */
._heading_1vdy8_17,
._heroHeading_1vdy8_18,
._label_1vdy8_19,
._status_1vdy8_20,
._rowLabel_1vdy8_21,
._planName_1vdy8_22,
._planUse_1vdy8_23,
._planFeatures_1vdy8_24 li,
._relatedName_1vdy8_25,
._relatedStatus_1vdy8_26,
._sideLabel_1vdy8_27,
._faqItem_1vdy8_28 summary,
._stepNumber_1vdy8_29 {
  word-break: keep-all;
}

/* 幅が決まっている行だけは、溢れるより語中改行を選ぶ */
._rowValue_1vdy8_34,
._journalRow_1vdy8_35 {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

._page_1vdy8_7 {
  --rule: #e5e7eb;
  --muted: #6b7280;
  --dark-muted: #b7c3d8;
  --green: #006b4f;
  --red: #b42318;
}

._page_1vdy8_7 {
  color: var(--navy);
  background: #fff;
  font-family: var(--font-public);
  /* overflow: hidden はスクロールコンテナを作り、中の position: sticky（共通ヘッダー）を殺す。
     clip はスクロールコンテナを作らないので、はみ出しだけ切れて sticky が生きる。 */
  overflow: clip;
}
._surface_1vdy8_56 {
  position: relative;
  border-top: 1px solid var(--rule);
}
._dotted_1vdy8_60 {
  background: #fff;
  background-image: radial-gradient(#dfe5ed 0.8px, transparent 0.8px);
  background-size: 24px 24px;
}
._dark_1vdy8_65 {
  color: #fff;
  background: linear-gradient(180deg, #001027 0%, #00040b 55%, #001027 100%);
}
._tint_1vdy8_69 {
  overflow: hidden;
}
._page_1vdy8_7 ._tint_1vdy8_69 > *:not([class*="spot"]) {
  position: relative;
  z-index: 1;
}
._page_1vdy8_7 [class*="spot"] {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
._spotGold_1vdy8_81 {
  right: -6%;
  bottom: 0;
  width: 46%;
  height: 34%;
  filter: blur(40px);
  background: radial-gradient(
    50% 50%,
    rgba(245, 176, 74, 0.55) 42%,
    rgba(245, 176, 74, 0) 100%
  );
}
._spotFade_1vdy8_93 {
  inset: auto 0 0;
  height: 26%;
  filter: blur(15px);
  background: linear-gradient(rgba(255, 255, 255, 0), #fff 78%);
}
._spotSetupGold_1vdy8_99 {
  left: 12%;
  bottom: -34%;
  width: 62%;
  height: 82%;
  filter: blur(70px);
  background: radial-gradient(
    50% 50%,
    rgba(245, 176, 74, 0.2) 34%,
    rgba(245, 176, 74, 0) 100%
  );
}
._spotSetupBlue_1vdy8_111 {
  right: -10%;
  top: -22%;
  width: 46%;
  height: 70%;
  filter: blur(70px);
  background: radial-gradient(
    50% 50%,
    rgba(0, 91, 211, 0.34) 36%,
    rgba(0, 91, 211, 0) 100%
  );
}
._content_1vdy8_123 {
  width: min(100%, 1280px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: 112px 80px;
}
._hero_1vdy8_18 {
  border-top: 0;
}
._heroContent_1vdy8_132 {
  padding-top: 56px;
  padding-bottom: 80px;
}
._breadcrumb_1vdy8_136 {
  display: flex;
  gap: 8px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
._breadcrumb_1vdy8_136 a {
  color: inherit;
  text-decoration: none;
}
._breadcrumb_1vdy8_136 span:last-child {
  color: var(--navy);
  font-weight: 500;
}
._heroGrid_1vdy8_151 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 520px;
  gap: 80px;
  margin-top: 40px;
}
._status_1vdy8_20 {
  margin: 0;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
}
._label_1vdy8_19 {
  margin: 0;
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
._hero_1vdy8_18 ._label_1vdy8_19 {
  margin-top: 16px;
}
._heading_1vdy8_17,
._heroHeading_1vdy8_18 {
  margin: 14px 0 0;
  color: var(--navy);
  font-size: 32px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: -0.018em;
}
._heroHeading_1vdy8_18 {
  max-width: 600px;
  font-size: 40px;
  line-height: 1.32;
}
._heroHeading_1vdy8_18 span {
  display: block;
}
._heroSub_1vdy8_190 {
  max-width: 560px;
  margin: 26px 0 0;
  color: var(--text-secondary);
  font-size: 18px;
  line-height: 1.9;
}
._heroActions_1vdy8_197,
._finalActions_1vdy8_198 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 36px;
}
._cta_1vdy8_204 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 4px;
  background: var(--navy);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
._ctaGold_1vdy8_217 {
  min-height: 48px;
  padding: 0 26px;
  background: var(--gold);
  color: var(--navy);
  font-weight: 700;
}
._ctaOutline_1vdy8_224 {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
}
._textLink_1vdy8_234 {
  color: var(--navy);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 2px;
}
._premise_1vdy8_242 {
  padding-top: 4px;
}
._premiseLabel_1vdy8_245 {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
._row_1vdy8_21 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 0;
  border-top: 1px solid var(--rule);
}
._rowLabel_1vdy8_21,
._rowNote_1vdy8_261 {
  color: var(--muted);
  font-size: 14px;
}
._rowValue_1vdy8_34 {
  font-size: 15px;
  font-weight: 500;
}
._lead_1vdy8_269 {
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1.9;
}
._coverageGrid_1vdy8_276 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-top: 48px;
}
._columnTitle_1vdy8_282,
._columnTitleStopped_1vdy8_283 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}
._columnTitle_1vdy8_282 {
  color: var(--green);
}
._columnTitleStopped_1vdy8_283 {
  color: var(--red);
}
._coverageRows_1vdy8_294 {
  margin-top: 16px;
}
._coverageRows_1vdy8_294 ._row_1vdy8_21:first-child {
  border-top-color: var(--navy);
}
._coverageRows_1vdy8_294 ._row_1vdy8_21:last-child,
._relatedRows_1vdy8_301 ._row_1vdy8_21:last-child {
  border-bottom: 1px solid var(--rule);
}
/* 対応範囲の補足は右寄せにすると折り返しでガタつくので、項目名の幅を決めて左揃えで流す */
._coverageRows_1vdy8_294 ._rowValue_1vdy8_34 {
  width: 200px;
  flex-shrink: 0;
}

._coverageRows_1vdy8_294 ._rowNote_1vdy8_261 {
  flex: 1;
  padding-left: 24px;
  line-height: 1.85;
}

._journalAmount_1vdy8_316 {
  font-weight: 700;
}
/* keep-all の見出しが列幅を超えると隣の列に重なるので、幅が決まっている列では
 * 溢れるより語中で折る（意味の区切りは JSX 側の <br> で先に入れている） */
._splitHeading_1vdy8_321 ._heading_1vdy8_17,
._splitHeading_1vdy8_321 ._lead_1vdy8_269 {
  overflow-wrap: anywhere;
}

._splitHeading_1vdy8_321 {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 80px;
}
._journalExample_1vdy8_331 {
  padding: 0 0 16px;
  border-bottom: 1px solid var(--rule);
}
._journalExample_1vdy8_331 + ._journalExample_1vdy8_331 {
  margin-top: 28px;
}
._journalExample_1vdy8_331 h3 {
  margin: 0;
  font-size: 16px;
}
._exampleOrder_1vdy8_342 {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}
._journalSides_1vdy8_347 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 22px 0 20px;
}
._journalSide_1vdy8_347:first-child {
  padding-right: 32px;
  border-right: 1px solid #eef1f6;
}
._journalSide_1vdy8_347:last-child {
  padding-left: 32px;
}
._sideLabel_1vdy8_27 {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
._journalRow_1vdy8_35 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 7px 0;
  border-top: 1px solid #f2f5f9;
  font-size: 13px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
._productGrid_1vdy8_377 {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 72px;
  align-items: center;
}
._productFigure_1vdy8_383 {
  margin: 0;
}
._productFigure_1vdy8_383 img {
  display: block;
  width: 100%;
  /* width/height 属性があるので height: auto が無いと縦に伸びる */
  height: auto;
  border: 1px solid var(--rule);
  border-radius: 4px;
}
._productFigure_1vdy8_383 figcaption {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
}
._dark_1vdy8_65 ._heading_1vdy8_17 {
  color: #fff;
}
._setupFootnote_1vdy8_402 {
  max-width: 780px;
  margin: 40px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--dark-muted);
  font-size: 14px;
  line-height: 1.9;
}

._setupGrid_1vdy8_412 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
._setupStep_1vdy8_420 {
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
._stepNumber_1vdy8_29 {
  color: var(--gold);
  font-size: 13px;
  font-weight: 700;
}
._setupStep_1vdy8_420 h3 {
  margin: 14px 0 0;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
}
._setupStep_1vdy8_420 p {
  margin: 12px 0 0;
  color: var(--dark-muted);
  font-size: 15px;
  line-height: 1.9;
}
._planUse_1vdy8_23 {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
}
._planUse_1vdy8_23 {
  margin: 0;
}
._planPrice_1vdy8_449 {
  margin: 18px 0 0;
  font-variant-numeric: tabular-nums;
}
._faqList_1vdy8_453 {
  max-width: 760px;
  margin-top: 48px;
}
._faqItem_1vdy8_28 {
  border-top: 1px solid var(--rule);
}
._faqItem_1vdy8_28:last-child {
  border-bottom: 1px solid var(--rule);
}
/* 既定の三角マーカーは出さず、開閉は右端の + / − だけで示す */
._faqItem_1vdy8_28 summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  cursor: pointer;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 700;
  list-style: none;
}

._faqItem_1vdy8_28 summary::-webkit-details-marker {
  display: none;
}

._faqItem_1vdy8_28 summary::after {
  content: "＋";
  color: var(--muted);
  font-weight: 500;
}

._faqItem_1vdy8_28[open] summary::after {
  content: "−";
}

._faqItem_1vdy8_28:nth-child(even) {
  background: var(--bg-tint);
}

/* 地の帯だけを外側へ広げる。文字位置をずらすと入れ子の項目に見える */
._faqItem_1vdy8_28:nth-child(even) {
  margin: 0 -20px;
  padding: 0 20px;
}
._faqGuideLink_1vdy8_499 {
  max-width: 760px;
  margin: 24px 0 0;
  font-size: 15px;
  color: var(--muted);
}
._faqAnswer_1vdy8_505 {
  padding: 0 0 20px;
  color: var(--text-secondary);
  line-height: 1.9;
}
._faqAnswer_1vdy8_505 p {
  margin: 0;
}
._relatedRows_1vdy8_301 {
  max-width: 900px;
  margin-top: 40px;
}
._finalCta_1vdy8_517 {
  border-top: 0;
}

._spotFinalBlue_1vdy8_521 {
  right: -12%;
  top: -28%;
  width: 48%;
  height: 88%;
  filter: blur(70px);
  background: radial-gradient(
    50% 50%,
    rgba(0, 91, 211, 0.32) 36%,
    rgba(0, 91, 211, 0) 100%
  );
}

._spotFinalGold_1vdy8_534 {
  left: 8%;
  bottom: -18%;
  width: 58%;
  height: 84%;
  filter: blur(70px);
  background: radial-gradient(
    50% 50%,
    rgba(245, 176, 74, 0.18) 34%,
    rgba(245, 176, 74, 0) 100%
  );
}
._finalInner_1vdy8_546 {
  max-width: 720px;
  margin: 0 auto;
  padding: 120px 20px 112px;
  text-align: center;
}
._finalInner_1vdy8_546 ._heading_1vdy8_17 {
  font-size: 40px;
}
._finalInner_1vdy8_546 > p {
  margin: 22px 0 0;
  color: var(--dark-muted);
  font-size: 17px;
  line-height: 1.9;
}
._finalActions_1vdy8_198 {
  justify-content: center;
}
._waitlistSection_1vdy8_564 {
  background: #fff;
}
._waitlistCopy_1vdy8_567 {
  max-width: 720px;
}
._waitlistOffer_1vdy8_570,
._waitlistForm_1vdy8_571 {
  max-width: 720px;
  margin-top: 40px;
}
._waitlistOffer_1vdy8_570 h3 {
  margin: 0;
}
._waitlistOffer_1vdy8_570 ul {
  margin: 14px 0;
  padding-left: 20px;
  line-height: 1.9;
}
._waitlistField_1vdy8_583 {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}
._waitlistField_1vdy8_583 label {
  font-size: 14px;
  font-weight: 700;
}
._waitlistInput_1vdy8_592 {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid #9aa5b5;
  border-radius: 4px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: 16px;
}
._waitlistFormGrid_1vdy8_604 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
._waitlistConsent_1vdy8_609 {
  margin-top: 24px;
  font-size: 13px;
  line-height: 1.8;
}
._waitlistConsent_1vdy8_609 label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
._waitlistButton_1vdy8_619 {
  min-height: 48px;
  margin-top: 24px;
  padding: 0 24px;
  border: 0;
  border-radius: 4px;
  background: var(--navy);
  color: #fff;
  font: inherit;
  font-weight: 700;
}
._waitlistError_1vdy8_630 {
  margin: 8px 0 0;
  color: var(--red);
  font-size: 13px;
}
._waitlistSuccess_1vdy8_635 {
  max-width: 720px;
  margin-top: 40px;
  padding: 20px;
  border: 1px solid var(--rule);
  color: var(--green);
}
._waitlistHoneypot_1vdy8_642 {
  position: absolute;
  left: -10000px;
}
._waitlistConsent_1vdy8_609 a {
  color: var(--navy);
}
._cta_1vdy8_204:focus-visible,
._textLink_1vdy8_234:focus-visible,
._ctaOutline_1vdy8_224:focus-visible,
._waitlistInput_1vdy8_592:focus-visible,
._waitlistButton_1vdy8_619:focus-visible,
._faqItem_1vdy8_28 summary:focus-visible {
  outline: 3px solid #005bd3;
  outline-offset: 3px;
}
@media (max-width: 1023px) {
  ._heroGrid_1vdy8_151,
  ._splitHeading_1vdy8_321,
  ._productGrid_1vdy8_377 {
    grid-template-columns: 1fr;
  }
  ._heroGrid_1vdy8_151,
  ._splitHeading_1vdy8_321 {
    gap: 48px;
  }
}
@media (max-width: 719px) {
  /* PC の改行位置は意味の区切りなので保つ。会計ソフト名は長いので字を詰め、
   * それでも 1 行に入らない語は溢れさせず折る（.page が overflow: clip なので溢れると欠ける） */
  ._heroHeading_1vdy8_18 {
    font-size: 24px;
    overflow-wrap: anywhere;
  }

  ._heading_1vdy8_17 {
    font-size: 23px;
    overflow-wrap: anywhere;
  }

  ._row_1vdy8_21 {
    flex-wrap: wrap;
    gap: 4px 16px;
  }

  ._coverageRows_1vdy8_294 ._rowValue_1vdy8_34 {
    width: 100%;
  }

  ._coverageRows_1vdy8_294 ._rowNote_1vdy8_261 {
    padding-left: 0;
  }

  ._content_1vdy8_123 {
    padding: 72px 20px;
  }
  ._heroContent_1vdy8_132 {
    padding: 32px 20px 56px;
  }
  ._heroSub_1vdy8_190 {
    font-size: 16px;
  }
  ._heroActions_1vdy8_197,
  ._finalActions_1vdy8_198 {
    align-items: stretch;
    flex-direction: column;
  }
  ._coverageGrid_1vdy8_276,
  ._setupGrid_1vdy8_412,
  ._waitlistFormGrid_1vdy8_604 {
    grid-template-columns: 1fr;
  }
  ._heroActions_1vdy8_197 ._cta_1vdy8_204,
  ._finalActions_1vdy8_198 ._cta_1vdy8_204,
  ._textLink_1vdy8_234,
  ._ctaOutline_1vdy8_224 {
    width: 100%;
  }
  ._textLink_1vdy8_234,
  ._ctaOutline_1vdy8_224 {
    justify-content: center;
    text-align: center;
  }
  ._journalSides_1vdy8_347 {
    grid-template-columns: 1fr;
  }
  ._journalSide_1vdy8_347:first-child {
    padding: 0 0 16px;
    border-right: 0;
    border-bottom: 1px solid #eef1f6;
  }
  ._journalSide_1vdy8_347:last-child {
    padding: 16px 0 0;
  }
}

/* 料金表と他の組み合わせ。トップページと同じ規律で、枠は料金表だけに残す */
._plans_1vdy8_739 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 48px;
  border: 1px solid var(--rule);
  border-radius: 4px;
  background: #fff;
}

._plan_1vdy8_22 {
  padding: 36px 32px;
}

._planFeatured_1vdy8_752 {
  border-left: 1px solid var(--rule);
  border-right: 1px solid var(--rule);
  background: #fbfcfe;
}

._planHead_1vdy8_758 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._planName_1vdy8_22 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

._planUse_1vdy8_23 {
  margin: 4px 0 0;
}

._planPrice_1vdy8_449 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 24px 0 0;
}

._planPriceValue_1vdy8_782 {
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

._planPriceUnit_1vdy8_789 {
  color: var(--text-secondary);
  font-size: 15px;
  font-weight: 700;
}

._planTaxNote_1vdy8_795 {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

._planDivider_1vdy8_801 {
  height: 1px;
  margin: 24px 0;
  background: #eef1f6;
}

._planFeatures_1vdy8_24 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.7;
}

._relatedRow_1vdy8_301 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0;
  border-top: 1px solid var(--rule);
  color: var(--navy);
  text-decoration: none;
}

._relatedRow_1vdy8_301:last-child {
  border-bottom: 1px solid var(--rule);
}

._relatedRow_1vdy8_301:hover ._relatedName_1vdy8_25 {
  text-decoration: underline;
}

._relatedName_1vdy8_25 {
  display: block;
  font-size: 17px;
  font-weight: 700;
}

._relatedNarrative_1vdy8_844 {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
}

._relatedStatus_1vdy8_26 {
  flex-shrink: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}

._relatedStatus_1vdy8_26[data-published="true"] {
  color: var(--green);
}

@media (max-width: 1023px) {
  ._plans_1vdy8_739 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._planFeatured_1vdy8_752 {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
  }
}

@media (max-width: 719px) {
  ._relatedRow_1vdy8_301 {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}