/* トップページ。デザイン原本は 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_ched7_6 {
  font-family: var(--font-public);
  color: var(--navy);
  line-height: 1.75;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

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

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

/* keep-all は CJK の字間で折るのを止め、句読点と空白だけを改行位置にする。
 * 見出しは overflow-wrap を足さない（足すと「仕訳／に。」のように語中で割れる）。 */
._heroHeading_ched7_31,
._h2_ched7_32,
._heroEyebrow_ched7_33,
._lbl_ched7_34,
._proofHeading_ched7_35,
._combosGroupLabel_ched7_36,
._comboName_ched7_37,
._ruleTerm_ched7_38,
._journalTitle_ched7_39,
._planName_ched7_40,
._planUse_ched7_41,
._planFeatures_ched7_42 li,
._faqQuestion_ched7_43,
._ctaHeading_ched7_44,


._compareHeadCell_ched7_47,
._compareRowHead_ched7_48,
._compareCell_ched7_49,
._journalLine_ched7_50 {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

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

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

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

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

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

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

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

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

._btnPrimary_ched7_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_ched7_111:hover {
  background: #0a1730;
}

._btnGold_ched7_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_ched7_128:hover {
  background: var(--gold-strong);
}

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

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

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

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

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

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

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

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

._heroFacts_ched7_211 {
  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_ched7_225 {
  color: #c8d0dc;
}

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

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

._combosIntro_ched7_234 ._lbl_ched7_34 {
  color: var(--gold);
}

._headingOnDark_ched7_246 {
  color: #fff;
}

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

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

/* 上側は本文へ張り出させない（リード文の背後が暗くなり読めなくなる） */
._mapGlow_ched7_266 {
  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_ched7_279 {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

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

._mapDisc_ched7_292 {
  fill: #fff;
}

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

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

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

._mapPort_ched7_318 circle {
  fill: #cfe0ff;
}

._mapHubDisc_ched7_322 {
  fill: #fff;
}

._mapFlow_ched7_326 circle {
  fill: #eaf3ff;
}

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

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

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

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

._mapStackItem_ched7_360 {
  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_ched7_375 {
  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_ched7_386 {
  margin: 0 0 14px;
  color: #4b7fd4;
  text-align: center;
}

._mapStackHub_ched7_392 {
  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_ched7_36 {
  padding: 96px 0 104px;
}

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

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

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

._combosGroup_ched7_36 > ._combosGroupLabel_ched7_36 + ._comboRow_ched7_425 {
  margin-top: 10px;
}

._comboRow_ched7_425 {
  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_ched7_425:hover ._comboName_ched7_37 {
  text-decoration: underline;
}

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

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

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

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

._comboRow_ched7_425:hover ._comboArrow_ched7_462 {
  color: var(--navy);
}

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

._philosophySpot_ched7_477 {
  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_ched7_489 {
  display: grid;
  grid-template-columns: 480px minmax(0, 1fr);
  gap: 96px;
  align-items: start;
}

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

._rules_ched7_503 {
  padding-top: 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

._compareSpot_ched7_585 {
  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_ched7_597 {
  text-align: center;
}

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

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

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

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

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

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

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

._journalsSpot_ched7_647 {
  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_ched7_659 {
  max-width: 760px;
}

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

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

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

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

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

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

._journalSideCredit_ched7_702 {
  padding-top: 16px;
}

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

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

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

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

._journalsTool_ched7_736 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 24px;
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid var(--gold-border);
}

._journalsToolText_ched7_746 {
  font-size: 15px;
  line-height: 1.85;
  color: var(--text-secondary);
}

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

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

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

._plan_ched7_40 {
  padding: 40px 36px;
}

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

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

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

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

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

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

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

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

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

._planFeatures_ched7_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_ched7_846 {
  margin: 26px 0 0;
  text-align: center;
  font-size: 13px;
  color: var(--text-muted);
}

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

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

._faqIntroHeading_ched7_866 {
  font-size: 34px;
}

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

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

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

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

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

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

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

._ctaSpotBlue_ched7_909 {
  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_ched7_922 {
  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_ched7_935 {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

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

  ._philosophyGrid_ched7_489,
  ._proof_ched7_35,
  ._proofReverse_ched7_548,
  ._faqGrid_ched7_859 {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

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

  ._journalsGrid_ched7_670 {
    gap: 40px;
  }

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

  ._compareHeadCell_ched7_47,
  ._compareRowHead_ched7_48,
  ._compareCell_ched7_49 {
    padding: 16px 14px;
  }

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

  ._planFeatured_ched7_779 {
    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_ched7_56 {
    padding: 0 20px;
  }

  ._mapSvg_ched7_279 {
    display: none;
  }

  ._mapStack_ched7_338 {
    display: block;
  }

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

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

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

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

  ._heroActions_ched7_204 ._btnPrimary_ched7_111 {
    height: 48px;
    justify-content: center;
  }

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

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

  ._h2_ched7_32 {
    font-size: 24px;
  }

  ._faqIntroHeading_ched7_866,
  ._ctaHeading_ched7_44 {
    font-size: 24px;
  }

  ._combosDark_ched7_230,
  ._philosophy_ched7_473,
  ._compare_ched7_47,
  ._journals_ched7_642,
  ._pricing_ched7_753,
  ._faq_ched7_43 {
    padding: 56px 0;
  }

  ._combos_ched7_36 {
    padding: 48px 0;
  }

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

  ._mapFrame_ched7_259 {
    margin-top: 32px;
  }

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

  ._proof_ched7_35 {
    margin-top: 56px;
  }

  ._rule_ched7_38 {
    flex-direction: column;
  }

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

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

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

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

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

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

._shotFigure_ched7_1142 {
  margin: 0;
}

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

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

._btnOnDark_ched7_1159 {
  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_ched7_1159:hover {
  border-color: rgba(255, 255, 255, 0.48);
}

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

  ._ctaActions_ched7_1151 ._btnGold_ched7_128,
  ._btnOnDark_ched7_1159 {
    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;
  }
}