/* V5 — scoped to the proposal. BRIEF-v5.md supersedes historical layout rules.
   Images retain source proportions; measured windows show complete panels.
   No external fonts, scripts, or assets are introduced. */
.is-lp.lp-v5 {
  --v5-width: 1280px;
  --v5-gutter: 40px;
  --v5-gap: 24px;
  --v5-blue: #2056bd;
  --v5-action: #ffd34e;
  --v5-ink: #182b4b;
  --v5-muted: #4f607b;
  --v5-wash: #f0f5ff;
  --v5-line: #d5e0f1;
  --ink: var(--v5-ink); --muted: var(--v5-muted);
  --brown: var(--v5-blue); --brown-deep: #174397;
  --umber: var(--v5-ink); --sand: var(--v5-wash);
  --bg: #ffffff; --surface: #ffffff; --line: var(--v5-line);
  --ok: #14583f; --danger: #ab2525;
  color: var(--v5-ink); background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px; line-height: 1.85;
}
.is-lp.lp-v5 :is(p, li, h1, h2, h3, a, summary) { overflow-wrap: break-word; }
.is-lp.lp-v5 :is(h1, h2, h3) { word-break: auto-phrase; text-wrap: balance; }
.is-lp.lp-v5 .v5-phrase { display: inline-block; white-space: nowrap; }
.is-lp.lp-v5 :is(a, button, summary, input, textarea):focus-visible { outline: 3px solid var(--v5-blue); outline-offset: 4px; }
.is-lp.lp-v5 :is(a, button) { touch-action: manipulation; }
.is-lp.lp-v5 :is(.wrap, .hero-in, .toolhead-in, .footer-inner, .footer-copy) {
  width: 100%; max-width: var(--v5-width); padding-inline: var(--v5-gutter); margin-inline: auto;
}
.is-lp.lp-v5 :is(.wrap, .hero-in, .pointlist, .price-tiers, .share-cards, .tool-cards) > * { min-width: 0; }
.is-lp.lp-v5 a { color: var(--v5-blue); text-underline-offset: 4px; }
.is-lp.lp-v5 .hint { font-size: 16px; line-height: 1.85; color: var(--v5-muted); }

/* The source logo is unchanged. The header never covers content while scrolling. */
.is-lp.lp-v5 .toolhead { position: relative; background: #fff; border-bottom: 1px solid var(--v5-line); backdrop-filter: none; }
.is-lp.lp-v5 .toolhead-in { padding-block: 14px; gap: 24px; }
.is-lp.lp-v5 .th-brand { gap: 10px; color: var(--v5-ink); flex-shrink: 0; }
.is-lp.lp-v5 .th-brand svg { width: 38px; height: 38px; }
.is-lp.lp-v5 .th-name { font-size: 20px; color: var(--v5-ink); }
.is-lp.lp-v5 .th-nav { gap: 16px; }
.is-lp.lp-v5 .th-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 10px; font-size: 16px; color: var(--v5-ink); }
.is-lp.lp-v5 .th-nav a:hover { color: var(--v5-blue); background: var(--v5-wash); }
.is-lp.lp-v5 .th-nav .th-saved { border-radius: 999px; background: var(--v5-blue); color: #fff; padding: 10px 24px; }
.is-lp.lp-v5 .th-nav .th-saved:hover { background: #174397; color: #fff; }
.is-lp.lp-v5 .free-band { background: #edf3ff; border: 0; }
.is-lp.lp-v5 .free-band .wrap { display: block; text-align: center; padding-block: 14px; }
.is-lp.lp-v5 .fb-main { margin: 0; color: var(--v5-blue); font-size: 19px; line-height: 1.6; text-wrap: balance; }
.is-lp.lp-v5 .fb-sub { margin: 3px 0 0; color: var(--v5-muted); font-size: 16px; line-height: 1.6; }

/* Product left / promise and actions right. Shared notes and a quiet guide below. */
.is-lp.lp-v5 .hero { padding: 48px 0 32px; background: var(--v5-blue); border: 0; color: #fff; }
.is-lp.lp-v5 .hero-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "product copy" "notes notes"; align-items: center; gap: 28px 40px; text-align: left; }
.is-lp.lp-v5 .hero-copy { grid-area: copy; display: flex; flex-direction: column; margin: 0; }
.is-lp.lp-v5 .hero-eyebrow { order: 0; margin: 0 0 14px; font-size: 16px; letter-spacing: .015em; line-height: 1.7; color: #fff; }
/* ★2026-10-10: 「撮影するだけ！」の吹き出し（黄色・しっぽは左下の見出しへ）。動きは付けない
   ★同日・利用者の指示: 上の一行（.hero-eyebrow）の右端の横に左端が来るように並べ、もっと傾ける。一行と見出しの幅を狭める */
.is-lp.lp-v5 .hero-top { order: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin: 0 0 20px; }
.is-lp.lp-v5 .hero-top .hero-eyebrow { margin: 0; font-size: 15px; letter-spacing: 0; text-align: left; }
.is-lp.lp-v5 .hero-bubble { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 15px 7px 12px; border-radius: 999px; background: var(--v5-action); color: var(--v5-ink); font-size: 17px; line-height: 1.4; font-weight: 800; letter-spacing: .02em; white-space: nowrap; box-shadow: 0 6px 16px #0b2a5c38; transform: rotate(8deg); transform-origin: left center; }
.is-lp.lp-v5 .hero-bubble::after { content: ""; position: absolute; left: 22px; bottom: -12px; width: 24px; height: 15px; background: var(--v5-action); clip-path: polygon(30% 0, 100% 0, 0 100%); }
.is-lp.lp-v5 .hero-bubble svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; flex: none; }
.is-lp.lp-v5 .hero h1 { order: 1; margin: 0 0 22px; max-width: 11.5em; color: #fff; font-size: clamp(34px, 3vw, 42px); line-height: 1.45; letter-spacing: -.045em; font-weight: 800; text-wrap: initial; }
.is-lp.lp-v5 .hero-steps { order: 2; display: flex; align-items: center; justify-content: flex-start; gap: 32px; list-style: none; margin: 0 0 24px; padding: 0; }
.is-lp.lp-v5 .hero-steps li { display: flex; flex-direction: row; align-items: center; gap: 7px; padding: 0; border: 0; border-radius: 0; background: none; color: #fff; font-size: 16px; line-height: 1.5; }
.is-lp.lp-v5 .hero-steps svg { width: 24px; height: 24px; stroke: currentColor; flex: none; }
.is-lp.lp-v5 .hero-steps li + li::before { content: ""; width: 14px; height: 8px; left: -23px; top: calc(50% - 4px); background: currentColor; clip-path: polygon(0 38%,65% 38%,65% 0,100% 50%,65% 100%,65% 62%,0 62%); }
.is-lp.lp-v5 .hero-cta { order: 3; display: grid; grid-template-columns: 1fr; gap: 12px; margin: 0; width: 100%; }
.is-lp.lp-v5 .hero-cta .btn { width: 100%; min-height: 58px; padding: 14px 24px; border-radius: 999px; font-size: 18px; line-height: 1.6; font-weight: 800; box-shadow: none; }
.is-lp.lp-v5 .hero-cta .btn.lg { color: var(--v5-ink); background: var(--v5-action); border: 1px solid var(--v5-action); }
.is-lp.lp-v5 .hero-cta .btn.lg:hover { background: #ffe28b; border-color: #ffe28b; }
.is-lp.lp-v5 .hero-cta .btn.sub { color: var(--v5-blue); background: #fff; border: 1px solid #fff; }
.is-lp.lp-v5 .hero-cta .btn.sub:hover { background: #edf3ff; border-color: #edf3ff; }
.is-lp.lp-v5 .hero-try { order: 4; margin: 10px 0 0; font-size: 16px; }
.is-lp.lp-v5 .hero-try a { min-height: 48px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 8px 0; color: #fff; font-size: 16px; line-height: 1.6; }
.is-lp.lp-v5 .hero-try .ht-or { display: inline; }
.is-lp.lp-v5 .hero :is(a, button):focus-visible { outline-color: #fff; }
.is-lp.lp-v5 .v5-product-stage { grid-area: product; background: #fff; border: 6px solid #fff; border-radius: 14px; box-shadow: 0 18px 36px #12357640; min-width: 0; }
.is-lp.lp-v5 .v5-browser-bar { display: flex; align-items: center; gap: 6px; height: 24px; padding-inline: 10px; background: #fff; border-radius: 8px 8px 0 0; }
.is-lp.lp-v5 .v5-browser-bar i { width: 6px; height: 6px; border-radius: 50%; background: #8ba4cc; }
.is-lp.lp-v5 .v5-product-stage > img { display: block; width: 100%; height: auto; border-radius: 0 0 6px 6px; }
.is-lp.lp-v5 .v5-hero-details { grid-area: notes; display: grid; grid-template-columns: minmax(0, 1fr) 84px; align-items: center; gap: 32px; padding-top: 24px; border-top: 1px solid #779be3; }
.is-lp.lp-v5 .hero-lead, .is-lp.lp-v5 .hero-pay { color: #fff; font-size: 16px; line-height: 1.85; max-width: none; margin: 0; }
.is-lp.lp-v5 .hero-pay { margin-top: 10px; }
.is-lp.lp-v5 .hero-lead .br-desk { display: none; }
.is-lp.lp-v5 .hero-photo { grid-area: auto; width: 84px; max-width: none; margin: 0; position: static; }
.is-lp.lp-v5 .hero-photo img { width: 100%; height: auto; display: block; aspect-ratio: auto; object-fit: contain; border: 3px solid #fff; border-radius: 10px; box-shadow: none; mask-image: none; -webkit-mask-image: none; }

/* Japanese SaaS section rhythm: centered titles, short underline, alternating bands. */
.is-lp.lp-v5 .section { padding: 80px 0; background: #fff; border: 0; scroll-margin-top: 24px; }
.is-lp.lp-v5 main > .section:nth-of-type(even) { background: var(--v5-wash); }
.is-lp.lp-v5 .section-label { display: block; text-align: center; margin: 0 0 10px; color: var(--v5-blue); font-size: 16px; letter-spacing: .08em; font-weight: 800; }
.is-lp.lp-v5 .section-label::before { content: none; }
.is-lp.lp-v5 .section h2, .is-lp.lp-v5 .mtfb h2 { color: var(--v5-ink); text-align: center; font-size: clamp(28px, 2.55vw, 36px); line-height: 1.55; letter-spacing: -.025em; font-weight: 800; margin: 0 0 28px; padding: 0; border: 0; max-width: none; }
.is-lp.lp-v5 .section h2::after, .is-lp.lp-v5 .mtfb h2::after { content: ""; display: block; width: 72px; height: 4px; border-radius: 2px; background: var(--v5-blue); margin: 18px auto 0; }
.is-lp.lp-v5 .section-note { max-width: 58em; margin: 0 auto 28px; text-align: center; font-size: 16px; line-height: 1.9; color: var(--v5-muted); }
.is-lp.lp-v5 .section-note b { color: var(--v5-ink); }
.is-lp.lp-v5 .intro { display: block; }
.is-lp.lp-v5 .pointlist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 36px 0 0; padding: 0; }
.is-lp.lp-v5 .pointlist li { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px 28px 28px; border: 1px solid var(--v5-line); border-radius: 12px; background: #fff; color: var(--v5-ink); text-align: center; font-size: 20px; font-weight: 700; line-height: 1.7; box-shadow: 0 6px 18px #173b6b08; }
.is-lp.lp-v5 .pointlist li > span { font-size: 14px; letter-spacing: .04em; color: var(--v5-blue); }
.is-lp.lp-v5 .pointlist li > span::after, .is-lp.lp-v5 .pointlist .point-link > span::after { content: none; }
/* ★★Point は押せる（2026-10-23・Clarity でスマホの「Point」へのタップが一番多く、押しても何も起きなかった）。行き先は関係する節・お試し・サンプル */
/* ★:has() を使わない（非対応のブラウザで余白が二重になる・Codex L）。li に is-link を付け、詳細度で各幅の li の余白に勝つ */
.is-lp.lp-v5 .pointlist li.is-link { padding: 0; }
.is-lp.lp-v5 .pointlist .point-link { display: flex; flex-direction: column; align-items: center; gap: 16px; width: 100%; height: 100%; padding: 24px 28px 28px; border-radius: 12px; color: inherit; text-decoration: none; }
.is-lp.lp-v5 .pointlist .point-link > span { font-size: 14px; letter-spacing: .04em; color: var(--v5-blue); }
.is-lp.lp-v5 .pointlist .point-link:hover, .is-lp.lp-v5 .pointlist .point-link:focus-visible { background: #f4f8ff; text-decoration: underline; text-decoration-color: var(--v5-blue); }
.is-lp.lp-v5 .v5-feature-icon { display: block; width: 72px; height: 72px; flex: none; padding: 8px; background: #edf3ff; border-radius: 16px; fill: none; stroke: var(--v5-blue); stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.is-lp.lp-v5 .v5-about-support { display: flex; align-items: center; justify-content: center; gap: 48px; margin-top: 36px; }
.is-lp.lp-v5 .lp-ocr-photo { width: 144px; max-width: none; flex: none; margin: 0; }
.is-lp.lp-v5 .lp-ocr-photo img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 10px; box-shadow: none; }
.is-lp.lp-v5 .lp-ocr-photo figcaption { margin: 8px 0 0; font-size: 16px; color: var(--v5-muted); text-align: center; }

/* The five existing guide bubbles share one position, scale and spacing. */
.is-lp.lp-v5 .lp-sensei, .is-lp.lp-v5 .lp-sensei.is-rev { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; gap: 18px; max-width: 610px; margin: 26px 0 32px auto; }
.is-lp.lp-v5 .lp-sensei img { display: block; width: 66px; height: 104px; object-fit: contain; object-position: center; flex: none; filter: none; mask-image: none; -webkit-mask-image: none; }
.is-lp.lp-v5 .lp-sensei-say { min-width: 0; padding: 16px 20px; margin: 0; border: 1px solid var(--v5-line); border-radius: 12px; background: #fff; color: var(--v5-ink); font-size: 16px; line-height: 1.8; }
.is-lp.lp-v5 .lp-sensei-say::before, .is-lp.lp-v5 .lp-sensei.is-rev .lp-sensei-say::before { left: auto; right: -8px; bottom: calc(50% - 7px); width: 14px; height: 14px; background: #fff; border-color: var(--v5-line); transform: rotate(-135deg); }
.is-lp.lp-v5 .v5-about-support .lp-sensei { margin: 0; }

/* Product media: equal paired slots; the measured windows are defined below. */
.is-lp.lp-v5 .shot { margin: 0; min-width: 0; border: 1px solid var(--v5-line); border-radius: 12px; background: #fff; overflow: visible; box-shadow: 0 8px 24px #173b6b0a; }
.is-lp.lp-v5 .shot img { position: static; display: block; width: 100%; max-width: 100%; height: auto; transform: none; object-fit: contain; border-radius: 11px; mask-image: none; -webkit-mask-image: none; }
.is-lp.lp-v5 .shot figcaption { padding: 16px 20px; font-size: 16px; color: var(--v5-muted); line-height: 1.8; border-color: var(--v5-line); border-radius: 0 0 12px 12px; }
.is-lp.lp-v5 .lp-collage { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 28px; }
.is-lp.lp-v5 .lp-collage-main { aspect-ratio: auto; }
.is-lp.lp-v5 .lp-collage-side { display: grid; gap: 24px; }
.is-lp.lp-v5 .lp-collage-side .shot img { aspect-ratio: 1400 / 474; }
.is-lp.lp-v5 .lp-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 24px; align-items: stretch; }
.is-lp.lp-v5 .lp-results .shot img { aspect-ratio: 8 / 5; }
.is-lp.lp-v5 .v5-performance { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 40px; padding: 24px; border: 1px solid var(--v5-line); border-radius: 16px; background: #e5edfc; }
.is-lp.lp-v5 .lp-feature { display: block; }
.is-lp.lp-v5 .lp-export-shot { max-width: 1040px; margin-inline: auto; }
.is-lp.lp-v5 .lp-export-crop { aspect-ratio: auto; overflow: visible; background: #fff; border-radius: 12px; }
.is-lp.lp-v5 .lp-export-crop img { width: 100%; max-width: 100%; transform: none; height: auto; }
.is-lp.lp-v5 .docs-keep .shot { max-width: 1040px; margin: 32px auto 0; }
.is-lp.lp-v5 .lp-document-key { color: var(--v5-muted); font-size: 16px; line-height: 1.9; margin: 20px 0 0; }
.is-lp.lp-v5 .lp-document-key b { color: var(--v5-ink); }

.is-lp.lp-v5 .share-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 32px 0 0; }
.is-lp.lp-v5 .share-cards li, .is-lp.lp-v5 .share-cards li.is-accent { background: #fff; border: 1px solid var(--v5-line); border-radius: 12px; padding: 0 0 28px; box-shadow: none; }
.is-lp.lp-v5 .share-shot { margin: 0 0 22px; background: #fff; border-color: var(--v5-line); }
.is-lp.lp-v5 .share-shot img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; }
.is-lp.lp-v5 .share-cards h3 { margin: 10px 24px 12px; font-size: 21px; line-height: 1.65; color: var(--v5-ink); }
.is-lp.lp-v5 .share-cards p { margin: 0 24px; font-size: 16px; line-height: 1.85; color: var(--v5-muted); }
.is-lp.lp-v5 .share-cards .share-who { font-size: 16px; font-weight: 800; color: var(--v5-blue); }
.is-lp.lp-v5 .share-cards p b { color: var(--v5-ink); }
.is-lp.lp-v5 .tool-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.is-lp.lp-v5 .tool-cards li { background: #fff; border: 1px solid var(--v5-line); border-radius: 12px; padding-bottom: 24px; box-shadow: none; }
.is-lp.lp-v5 .tool-cards li:hover { border-color: var(--v5-blue); }
.is-lp.lp-v5 .tool-shot { background: #fff; border-color: var(--v5-line); }
.is-lp.lp-v5 .tool-shot img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: contain; }
.is-lp.lp-v5 .tool-cards h3 { font-size: 22px; line-height: 1.6; color: var(--v5-ink); }
.is-lp.lp-v5 .tool-cards p { font-size: 16px; line-height: 1.85; color: var(--v5-muted); }
.is-lp.lp-v5 .tool-cards li > a { display: flex; justify-content: center; align-self: stretch; min-height: 52px; padding: 10px 16px; margin-top: 14px; border-radius: 999px; border: 1px solid var(--v5-line); color: var(--v5-blue); background: #fff; font-size: 16px; line-height: 1.6; text-decoration: none; }
.is-lp.lp-v5 .tool-cards li > a:hover { background: var(--v5-wash); }
.is-lp.lp-v5 .tools-sec .section-note:last-child { margin: 30px 0 0; }
.is-lp.lp-v5 .tools-sec .section-note > a { display: inline-flex; align-items: center; min-height: 48px; }

/* Three equal pricing cards, each with a blue title band and large figures. */
.is-lp.lp-v5 #pricing { background: var(--v5-wash); border: 0; }
.is-lp.lp-v5 .price-tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 36px 0 28px; padding: 0; border: 0; border-radius: 0; overflow: visible; background: none; }
.is-lp.lp-v5 .price-tiers > li { display: flex; flex-direction: column; align-items: stretch; grid-column: auto; padding: 0 0 30px; border: 1px solid var(--v5-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 22px #173b6b08; text-align: center; }
.is-lp.lp-v5 .price-tiers > li.is-mid { border: 2px solid var(--v5-blue); box-shadow: none; }
.is-lp.lp-v5 .price-tiers > li:last-child { border-right: 1px solid var(--v5-line); }
.is-lp.lp-v5 .tier-name { padding: 22px 12px; margin: 0; border-radius: 10px 10px 0 0; background: var(--v5-blue); color: #fff; font-size: 22px; line-height: 1.6; font-weight: 800; }
.is-lp.lp-v5 .price-tiers > li:nth-child(2) .tier-name { background: #174397; }
.is-lp.lp-v5 .price-tiers > li:nth-child(3) .tier-name { background: #112f6e; }
.is-lp.lp-v5 .tier-price { grid-column: auto; grid-row: auto; margin: 26px 12px 18px; text-align: center; }
.is-lp.lp-v5 .tier-price b { display: block; font-size: clamp(44px, 4.4vw, 64px); line-height: 1.25; letter-spacing: -.045em; color: var(--v5-blue); }
.is-lp.lp-v5 .tier-price small { display: block; margin: 8px 0 0; color: var(--v5-ink); font-size: 16px; font-weight: 700; }
.is-lp.lp-v5 .tier-cap { align-self: center; min-width: 120px; padding: 6px 20px; background: var(--v5-wash); border-radius: 999px; font-size: 20px; color: var(--v5-ink); }
.is-lp.lp-v5 .tier-note.is-lead { padding: 24px 28px; margin: 28px 0; background: #fff; border: 1px solid var(--v5-line); border-left: 4px solid var(--v5-blue); border-radius: 8px; color: var(--v5-muted); font-size: 16px; line-height: 1.95; }
.is-lp.lp-v5 .plan-table-wrap { overflow-x: auto; max-width: 100%; border-color: var(--v5-line); }
.is-lp.lp-v5 .plan-table { min-width: 760px; font-size: 16px; }
.is-lp.lp-v5 .plan-table :is(th, td) { font-size: 16px; border-color: var(--v5-line); color: var(--v5-ink); }
.is-lp.lp-v5 .plan-table thead th, .is-lp.lp-v5 .plan-table .cat th { background: #e5edfc; }
.is-lp.lp-v5 .plan-table thead th small { font-size: 14px; color: var(--v5-muted); }
.is-lp.lp-v5 .plan-table th[scope="row"] { position: static; min-width: 0; max-width: none; }
.is-lp.lp-v5 :is(.plan-yes, .plan-lim) { color: var(--v5-blue); font-size: 18px; }
.is-lp.lp-v5 .plan-scroll-hint { font-size: 16px; color: var(--v5-muted); }

.is-lp.lp-v5 .voice-list { gap: 24px; }
.is-lp.lp-v5 .voice { padding: 28px; border: 1px solid var(--v5-line); border-radius: 12px; background: #fff; }
.is-lp.lp-v5 .voice-title { font-size: 21px; line-height: 1.7; color: var(--v5-blue); }
.is-lp.lp-v5 .voice-body { font-size: 16px; line-height: 1.95; color: var(--v5-ink); }
.is-lp.lp-v5 .voice-who { font-size: 16px; color: var(--v5-muted); border-color: var(--v5-line); }
.is-lp.lp-v5 details:is(.keep-fold, .plan-fold, .tier-fold) { border-color: var(--v5-line); }
.is-lp.lp-v5 details:is(.keep-fold, .plan-fold, .tier-fold) > summary { font-size: 16px; color: var(--v5-ink); padding: 20px 0; min-height: 56px; }
.is-lp.lp-v5 details .hint { font-size: 16px; color: var(--v5-muted); }
.is-lp.lp-v5 .faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.is-lp.lp-v5 .faq details { background: #fff; border: 0; border-bottom: 1px solid var(--v5-line); border-radius: 0; }
.is-lp.lp-v5 .faq summary { min-height: 64px; padding: 22px 24px; font-size: 17px; line-height: 1.8; color: var(--v5-ink); }
.is-lp.lp-v5 .faq .a { padding: 0 24px 24px; font-size: 16px; line-height: 1.95; color: var(--v5-muted); }

/* Override the source form's inline stylesheet without changing its behavior. */
.is-lp.lp-v5 .mtfb { width: 100%; max-width: var(--v5-width); padding: 64px var(--v5-gutter); margin: 0 auto; font-family: inherit; }
.is-lp.lp-v5 .mtfb-card { max-width: 880px; margin: 0 auto; padding: 32px; background: #fff; border: 1px solid var(--v5-line); box-shadow: none; }
.is-lp.lp-v5 .mtfb h2 { font-size: 28px; }
.is-lp.lp-v5 .mtfb :is(.mtfb-desc, .mtfb-field label, .mtfb-note, .mtfb-msg) { font-size: 16px; color: var(--v5-muted); line-height: 1.85; }
.is-lp.lp-v5 .mtfb :is(textarea, input[type="email"]) { min-height: 52px; font: inherit; color: var(--v5-ink); border-color: #8596b2; }
.is-lp.lp-v5 .mtfb :is(textarea, input):focus { border-color: var(--v5-blue); outline: 3px solid var(--v5-blue); outline-offset: 3px; box-shadow: none; }
.is-lp.lp-v5 .mtfb-btn { display: block; min-height: 56px; min-width: 220px; padding: 12px 24px; margin-inline: auto; font: inherit; font-weight: 800; border-radius: 999px; background: var(--v5-blue); color: #fff; }
.is-lp.lp-v5 .mtfb-btn:hover { background: #174397; }
.is-lp.lp-v5 .mtfb .mtfb-msg.mtfb-ok { color: #14583f; }
.is-lp.lp-v5 .mtfb .mtfb-msg.mtfb-err { color: #ab2525; }
.is-lp.lp-v5 .mtfb-note a { color: var(--v5-blue); }
.is-lp.lp-v5 #shareBar { max-width: var(--v5-width) !important; padding: 0 var(--v5-gutter) 32px !important; margin-top: 0 !important; }
.is-lp.lp-v5 .mts { --mts-accent: var(--v5-blue) !important; }
.is-lp.lp-v5 .mts :is(button, a) { min-height: 48px; font-size: 16px; }
.is-lp.lp-v5 .mts :is(.mts-ttl, .mts-sub, .mts-msg) { font-size: 16px; color: var(--v5-muted); }
.is-lp.lp-v5 .site-footer { background: #142b50; color: #fff; }
.is-lp.lp-v5 .footer-inner { display: block; padding-top: 40px; padding-bottom: 30px; }
.is-lp.lp-v5 .footer-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 32px; }
.is-lp.lp-v5 .footer-col a { color: #e4edff; font-size: 16px; line-height: 1.8; margin: 0; }
.is-lp.lp-v5 .footer-col-title { color: #e4edff; font-size: 16px; margin-bottom: 20px; }
.is-lp.lp-v5 .footer-copy { color: #e4edff; font-size: 14px; border-color: #62799a; padding-block: 20px; }

/* 1024 / 820: explicit columns and named areas; never inherit the old crop rules. */
@media (max-width: 1100px) {
  .is-lp.lp-v5 { --v5-gutter: 32px; }
  .is-lp.lp-v5 .th-nav { gap: 4px; }
  .is-lp.lp-v5 .th-nav a { padding-inline: 8px; }
  .is-lp.lp-v5 .th-name { font-size: 18px; }
  .is-lp.lp-v5 .th-nav .th-saved { padding-inline: 16px; }
  .is-lp.lp-v5 .hero-in { gap: 28px; }
  .is-lp.lp-v5 .hero h1 { font-size: 36px; }
  .is-lp.lp-v5 .pointlist li { padding-inline: 20px; font-size: 18px; }
  .is-lp.lp-v5 .tier-name { font-size: 20px; }
  .is-lp.lp-v5 .share-cards h3 { font-size: 19px; }
}
@media (max-width: 900px) {
  .is-lp.lp-v5 .th-nav a:not(.th-saved) { display: none; }
  .is-lp.lp-v5 .hero { padding-top: 32px; }
  .is-lp.lp-v5 .hero-in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "product" "notes"; gap: 28px; }
  .is-lp.lp-v5 .hero-copy { align-items: center; text-align: center; }
  .is-lp.lp-v5 .hero-top { justify-content: center; }
  .is-lp.lp-v5 .hero-top .hero-eyebrow { text-align: center; }
  .is-lp.lp-v5 .hero h1 { font-size: 42px; }
  .is-lp.lp-v5 .hero-steps { justify-content: center; }
  .is-lp.lp-v5 .hero-cta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .is-lp.lp-v5 .hero-cta .btn { padding-inline: 16px; font-size: 16px; }
  .is-lp.lp-v5 .v5-product-stage { width: 100%; max-width: 680px; justify-self: center; }
  .is-lp.lp-v5 .pointlist, .is-lp.lp-v5 .share-cards { gap: 16px; }
  .is-lp.lp-v5 .pointlist li { padding: 22px 16px; font-size: 18px; }
  .is-lp.lp-v5 .share-cards :is(h3, p) { margin-inline: 16px; }
  .is-lp.lp-v5 .price-tiers { gap: 16px; }
  .is-lp.lp-v5 .tier-name { font-size: 18px; padding-inline: 6px; }
  .is-lp.lp-v5 .footer-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .is-lp.lp-v5 { --v5-gutter: 20px; }
  .is-lp.lp-v5 .toolhead-in { padding-block: 8px; gap: 12px; }
  .is-lp.lp-v5 .th-brand { gap: 8px; }
  .is-lp.lp-v5 .th-brand svg { width: 28px; height: 28px; }
  .is-lp.lp-v5 .th-name { font-size: 16px; text-overflow: clip; overflow: visible; }
  .is-lp.lp-v5 .th-nav .th-saved { font-size: 14px; line-height: 1.45; padding: 8px 12px; text-align: center; word-break: auto-phrase; white-space: normal; }
  .is-lp.lp-v5 .free-band .wrap { padding-block: 12px; text-align: left; }
  .is-lp.lp-v5 .fb-main { font-size: 16px; line-height: 1.6; }
  .is-lp.lp-v5 .fb-sub { font-size: 16px; line-height: 1.6; margin-top: 4px; }
  .is-lp.lp-v5 .hero { padding: 24px 0 28px; }
  .is-lp.lp-v5 .hero-in { gap: 24px; }
  .is-lp.lp-v5 .hero-eyebrow { font-size: 16px; line-height: 1.65; margin: 0 0 12px; text-wrap: balance; }
  .is-lp.lp-v5 .hero h1 { font-size: clamp(25px, 7.7vw, 34px); line-height: 1.45; letter-spacing: -.05em; margin: 0 0 18px; }
  .is-lp.lp-v5 .hero-top { gap: 8px 10px; margin: 0 0 14px; }
  /* スマホ: 上の一行が画面の幅を使うので、吹き出しは次の段の右寄せ */
  .is-lp.lp-v5 .hero-top { flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
  .is-lp.lp-v5 .hero-top .hero-eyebrow { flex: 1 1 100%; font-size: 13px; line-height: 1.6; text-wrap: initial; }
  .is-lp.lp-v5 .hero-bubble { font-size: 14px; padding: 5px 11px 5px 9px; gap: 5px; }
  .is-lp.lp-v5 .hero-bubble svg { width: 16px; height: 16px; }
  .is-lp.lp-v5 .hero-bubble::after { left: 14px; bottom: -10px; width: 18px; height: 12px; }
  .is-lp.lp-v5 .hero-steps { margin: 0 0 18px; gap: 25px; min-height: 30px; }
  .is-lp.lp-v5 .hero-steps li { gap: 5px; font-size: 16px; }
  .is-lp.lp-v5 .hero-steps svg { width: 20px; height: 20px; }
  .is-lp.lp-v5 .hero-steps li + li::before { width: 12px; left: -19px; }
  .is-lp.lp-v5 .hero-try { order: 3; width: 100%; margin: 0 0 12px; }
  .is-lp.lp-v5 .hero-try a { display: block; min-height: 64px; padding: 14px 20px; border: 1px solid var(--v5-action); border-radius: 999px; background: var(--v5-action); color: var(--v5-ink); font-size: 16px; line-height: 1.65; text-decoration: none; font-weight: 800; text-align: center; }
  .is-lp.lp-v5 .hero-try a:hover, .is-lp.lp-v5 .hero-try a:active { background: #ffe28b; }
  .is-lp.lp-v5 .hero-try a::after { content: none; }
  .is-lp.lp-v5 .hero-cta { order: 4; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; }
  .is-lp.lp-v5 .hero-cta .btn.lg { min-height: 52px; padding: 12px 16px; font-size: 16px; color: var(--v5-blue); background: #fff; border: 1px solid #fff; }
  .is-lp.lp-v5 .hero-cta .btn.lg:hover { background: #edf3ff; }
  .is-lp.lp-v5 .hero-cta .btn.sub { min-height: 48px; padding: 8px; background: transparent; border-color: transparent; color: #fff; text-decoration: underline; }
  .is-lp.lp-v5 .hero-cta .btn.sub:hover { background: #174397; }
  .is-lp.lp-v5 .v5-product-stage { border-width: 4px; }
  .is-lp.lp-v5 .v5-browser-bar { height: 20px; }
  .is-lp.lp-v5 .v5-hero-details { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 20px; }
  .is-lp.lp-v5 .hero-photo { justify-self: end; width: 66px; }
  .is-lp.lp-v5 .hero-lead, .is-lp.lp-v5 .hero-pay { font-size: 16px; line-height: 1.85; }
  .is-lp.lp-v5 .section { padding: 52px 0; }
  .is-lp.lp-v5 .section h2, .is-lp.lp-v5 .mtfb h2 { font-size: 26px; line-height: 1.55; margin-bottom: 24px; }
  .is-lp.lp-v5 .section h2::after, .is-lp.lp-v5 .mtfb h2::after { margin-top: 16px; width: 56px; }
  .is-lp.lp-v5 .section-note { text-align: left; margin-bottom: 24px; }
  .is-lp.lp-v5 .pointlist, .is-lp.lp-v5 .share-cards, .is-lp.lp-v5 .tool-cards, .is-lp.lp-v5 .price-tiers, .is-lp.lp-v5 .voice-list { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .is-lp.lp-v5 .pointlist li { padding: 24px; font-size: 20px; }
  .is-lp.lp-v5 .v5-about-support { flex-direction: column; gap: 24px; margin-top: 28px; }
  .is-lp.lp-v5 .lp-ocr-photo { width: 132px; }
  .is-lp.lp-v5 .lp-sensei, .is-lp.lp-v5 .lp-sensei.is-rev { gap: 12px; margin: 24px 0; }
  .is-lp.lp-v5 .lp-sensei img { width: 48px; height: 84px; }
  .is-lp.lp-v5 .lp-sensei-say { font-size: 16px; padding: 12px 14px; }
  .is-lp.lp-v5 .lp-collage, .is-lp.lp-v5 .lp-results { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .is-lp.lp-v5 .lp-collage-side { gap: 20px; }
  .is-lp.lp-v5 .v5-performance { padding: 8px; margin-top: 28px; gap: 16px; border-radius: 12px; }
  .is-lp.lp-v5 .shot figcaption { padding: 14px 16px; }
  .is-lp.lp-v5 .share-cards :is(h3, p) { margin-inline: 24px; }
  .is-lp.lp-v5 .share-cards h3 { font-size: 22px; }
  .is-lp.lp-v5 .tool-cards h3 { font-size: 21px; }
  .is-lp.lp-v5 .tool-cards li > a { white-space: normal; }
  .is-lp.lp-v5 .tier-name { font-size: 22px; padding: 18px 12px; }
  .is-lp.lp-v5 .tier-price b { font-size: 60px; }
  .is-lp.lp-v5 .price-tiers > li { grid-column: auto; padding: 0 0 26px; border: 1px solid var(--v5-line); }
  .is-lp.lp-v5 .tier-price { grid-column: auto; grid-row: auto; margin: 24px 12px 16px; }
  .is-lp.lp-v5 .tier-cap { grid-column: auto; }
  .is-lp.lp-v5 .tier-note.is-lead { padding: 20px; }
  .is-lp.lp-v5 .voice { padding: 24px; }
  .is-lp.lp-v5 .faq summary { padding: 20px 16px; }
  .is-lp.lp-v5 .faq .a { padding: 0 16px 20px; }
  .is-lp.lp-v5 .mtfb { padding: 48px var(--v5-gutter); }
  .is-lp.lp-v5 .mtfb-card { padding: 24px 16px; }
  .is-lp.lp-v5 .mtfb h2 { font-size: 23px; }
  .is-lp.lp-v5 .mtfb-btn { min-width: 0; width: 100%; }
  .is-lp.lp-v5 .footer-col { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
@media (max-width: 359px) {
  .is-lp.lp-v5 { --v5-gutter: 16px; }
  .is-lp.lp-v5 .toolhead-in { gap: 8px; }
  .is-lp.lp-v5 .th-nav .th-saved { padding-inline: 8px; }
  .is-lp.lp-v5 .section h2 { font-size: 24px; }
  .is-lp.lp-v5 .hero-steps { gap: 21px; }
  .is-lp.lp-v5 .hero-steps li + li::before { left: -17px; }
  .is-lp.lp-v5 .pointlist li { padding-inline: 20px; }
  .is-lp.lp-v5 .mtfb h2 { font-size: 22px; }
}

/* Whole-panel windows, measured in source pixels. These omit only adjoining
   panels already cut off by the supplied screenshots; no controls are clipped.
   Absolute positioning prevents invisible source tails from occupying space. */
.is-lp.lp-v5 :is(.v5-hero-dashboard, .v5-hero-monthly, .v5-dashboard-view, .v5-pies-view, .v5-monthly-view, .v5-documents-view, .lp-export-crop) { position: relative; overflow: hidden; background: #f5f7fa; border-radius: 10px; }
/* Hero KPI panel: source 1280×800, x284 y396 w976 h244 (all three cards). */
.is-lp.lp-v5 .v5-hero-dashboard { aspect-ratio: 976 / 244; }
.is-lp.lp-v5 .v5-hero-dashboard img { position: absolute; width: 131.147541%; max-width: none; height: auto; left: -29.098361%; top: -162.295082%; }
/* Complete monthly chart: source 1280×800, x284 y360 w976 h396. */
.is-lp.lp-v5 .v5-hero-monthly { aspect-ratio: 976 / 396; margin-top: 8px; }
.is-lp.lp-v5 .v5-hero-monthly img { position: absolute; width: 131.147541%; max-width: none; height: auto; left: -29.098361%; top: -90.909091%; }
/* The overview stops between the first and second row of KPI cards. */
.is-lp.lp-v5 .v5-dashboard-view { aspect-ratio: 1280 / 640; }
.is-lp.lp-v5 .v5-dashboard-view img { position: absolute; inset: 0 auto auto 0; width: 100%; max-width: 100%; height: auto; transform: none; }
/* Two complete pie charts; the cut-off heatmap below them is shown separately. */
.is-lp.lp-v5 .v5-pies-view { aspect-ratio: 1400 / 334; }
.is-lp.lp-v5 .v5-pies-view img { position: absolute; inset: 0 auto auto 0; width: 100%; max-width: 100%; height: auto; aspect-ratio: auto; }
/* Monthly page ends just below the complete chart, before the next panel. */
.is-lp.lp-v5 .v5-monthly-view { aspect-ratio: 8 / 5; display: flex; align-items: center; background: #f5f7fa; }
.is-lp.lp-v5 .v5-monthly-window { position: relative; width: 100%; aspect-ratio: 1280 / 758; overflow: hidden; }
.is-lp.lp-v5 .lp-results .v5-monthly-window img { position: absolute; inset: 0 auto auto 0; width: 100%; height: auto; aspect-ratio: auto; }
/* Complete export card: source 1240×820, x328 y226 w848 h320. */
.is-lp.lp-v5 .lp-export-crop { aspect-ratio: 848 / 320; }
.is-lp.lp-v5 .lp-export-crop img { position: absolute; width: 146.226415%; max-width: none; height: auto; left: -38.679245%; top: -70.625%; transform: none; }
/* Documents' complete filter controls; complete source grid follows below. */
.is-lp.lp-v5 .v5-documents-view { aspect-ratio: 976 / 552; border-radius: 11px 11px 0 0; }
.is-lp.lp-v5 .v5-documents-view img { position: absolute; width: 131.147541%; max-width: none; height: auto; left: -29.098361%; top: -15.57971%; transform: none; }

/* 2026-10-08 Claude: スマホの細部（本番と同じく「または、」を隠す・語の途中で改行しない） */
@media (max-width: 767px) {
  .is-lp.lp-v5 .hero-try .ht-or { display: none; }
  .is-lp.lp-v5 .free-band .fb-main b,
  .is-lp.lp-v5 .hero-eyebrow,
  .is-lp.lp-v5 .hero-try a { word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }
}

/* 2026-10-08 利用者の指示: センセイ（絵・写真）と男性の写真を外したので、説明文を1列に */
.is-lp.lp-v5 .v5-hero-details { grid-template-columns: minmax(0, 1fr); }

/* 2026-10-08 見えるもの: 動画2本（利用者の指示「厳選して、画面が動くところを見せたい」） */
.is-lp.lp-v5 .v5-motion { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 40px; }
.is-lp.lp-v5 .v5-motion-item { margin: 0; min-width: 0; display: grid; gap: 14px; }
.is-lp.lp-v5 .v5-motion-frame { background: #fff; border: 1px solid #d6e2f5; border-radius: 14px; padding: 8px; box-shadow: 0 14px 32px #1235761f; }
.is-lp.lp-v5 .v5-motion-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 8px; background: #f3f6fb; }
.is-lp.lp-v5 .v5-motion-item figcaption { text-align: center; font-size: 18px; font-weight: 800; color: var(--v5-ink, #14213d); }
@media (max-width: 900px) { .is-lp.lp-v5 .v5-motion { grid-template-columns: minmax(0, 1fr); gap: 28px; } }

/* 2026-10-08 キービジュアルの画面を動画に */
.is-lp.lp-v5 .v5-product-stage .v5-hero-video { display: block; width: 100%; height: auto; aspect-ratio: 992 / 740; border-radius: 0 0 6px 6px; background: #f3f6fb; }
.is-lp.lp-v5 .v5-motion .v5-motion-video { object-fit: cover; object-position: top center; }

/* 2026-10-08 会計ソフトへ: 画面写真をやめて、会計ソフトの名前を並べる（2026-10-13 までに3社ともロゴに差し替え済み） */
.is-lp.lp-v5 .v5-soft-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; min-width: 0; }
.is-lp.lp-v5 .v5-soft { display: flex; align-items: center; justify-content: center; min-height: 112px; padding: 16px; background: #fff; border: 1px solid #d6e2f5; border-radius: 14px; font-size: 22px; font-weight: 800; color: #14213d; text-align: center; word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 767px) { .is-lp.lp-v5 .v5-soft-list { grid-template-columns: minmax(0, 1fr); gap: 12px; } .is-lp.lp-v5 .v5-soft { min-height: 72px; font-size: 20px; } }
/* 2026-10-09 弥生のロゴ（許可済み）。★ロゴの中身は触らない＝大きさだけ。左右の余白は枠の padding で取る（ガイドの保護領域）。 */
.is-lp.lp-v5 .v5-soft-logo { display: block; width: 100%; max-width: 220px; height: auto; }
.is-lp.lp-v5 .v5-soft-how { margin: 14px 0 0; font-size: 15px; font-weight: 700; }
.is-lp.lp-v5 .v5-soft-note { margin: 12px 0 0; font-size: 12px; line-height: 1.7; color: #5b6478; }
/* freee の絵は上下左右の余白込み（614×240）なので、大きめに出して弥生と見た目を揃える。余白ぶんは margin で詰める（絵は切らない）。 */
.is-lp.lp-v5 .v5-soft-logo.is-freee { max-width: 250px; margin-block: -14px; }
/* 2026-10-13 マネーフォワードの絵も余白込み（817×401・2段）。freee と同じく大きさと margin だけ（絵の余白＝保護領域は切らない）。 */
.is-lp.lp-v5 .v5-soft-logo.is-mf { max-width: 200px; margin-block: -14px; }
@media (max-width: 767px) { .is-lp.lp-v5 .v5-soft-logo { max-width: 180px; } .is-lp.lp-v5 .v5-soft-logo.is-freee { max-width: 210px; margin-block: -12px; } .is-lp.lp-v5 .v5-soft-logo.is-mf { max-width: 170px; margin-block: -12px; } }

/* 2026-10-08 書類の一覧: 一覧と書類棚を半分ずつ並べる */
.is-lp.lp-v5 .v5-docs-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 32px; }
.is-lp.lp-v5 .v5-docs-item { margin: 0; min-width: 0; display: grid; gap: 12px; }
.is-lp.lp-v5 .v5-docs-frame { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; padding: 16px; background: #fff; border: 1px solid #d6e2f5; border-radius: 14px; box-shadow: 0 12px 28px #1235761a; overflow: hidden; }
.is-lp.lp-v5 .v5-docs-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.is-lp.lp-v5 .v5-docs-item figcaption { text-align: center; font-size: 18px; font-weight: 800; color: #14213d; }
@media (max-width: 767px) { .is-lp.lp-v5 .v5-docs-pair { grid-template-columns: minmax(0, 1fr); gap: 24px; } .is-lp.lp-v5 .v5-docs-frame { aspect-ratio: auto; padding: 10px; } .is-lp.lp-v5 .v5-docs-frame img { height: auto; } }

/* 2026-10-08 動画の一時停止ボタン（WCAG 2.2.2・Codex） */
.is-lp.lp-v5 .v5-product-stage, .is-lp.lp-v5 .v5-motion-frame { position: relative; }
.is-lp.lp-v5 .v5-video-toggle { position: absolute; right: 16px; bottom: 16px; min-width: 96px; min-height: 44px; padding: 8px 16px; border: 0; border-radius: 999px; background: #14213dd9; color: #fff; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.is-lp.lp-v5 .v5-video-toggle:hover { background: #14213d; }
.is-lp.lp-v5 .v5-video-toggle:focus-visible, .is-lp.lp-v5 .hero .v5-video-toggle:focus-visible { outline: 3px solid #fff; outline-offset: -6px; box-shadow: 0 0 0 3px #14213d, 0 0 0 6px #fff; }
@media (max-width: 767px) { .is-lp.lp-v5 .v5-video-toggle { right: 10px; bottom: 10px; min-width: 84px; padding: 6px 12px; } }

/* 2026-10-08 会計ソフト・確定申告へ: 確定申告の転記表（利用者の指示） */
.is-lp.lp-v5 .v5-tax { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px; align-items: center; margin-top: 40px; padding: 28px; background: #fff; border: 1px solid #d6e2f5; border-radius: 16px; }
.is-lp.lp-v5 .v5-tax-copy { min-width: 0; }
.is-lp.lp-v5 .v5-tax-copy h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.5; color: #14213d; text-wrap: balance; word-break: keep-all; overflow-wrap: anywhere; }
.is-lp.lp-v5 .v5-tax-copy p { margin: 0 0 10px; font-size: 16px; line-height: 1.9; color: #33415c; }
.is-lp.lp-v5 .v5-tax-copy p.hint { font-size: 16px; color: #4a5872; }
.is-lp.lp-v5 .v5-tax-shot { margin: 0; min-width: 0; border: 1px solid #d6e2f5; border-radius: 12px; overflow: hidden; box-shadow: 0 12px 28px #1235761a; }
.is-lp.lp-v5 .v5-tax-shot img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) { .is-lp.lp-v5 .v5-tax { grid-template-columns: minmax(0, 1fr); padding: 20px; gap: 20px; } .is-lp.lp-v5 .v5-tax-copy h3 { font-size: 21px; } }

/* ★★2026-10-19 新しいコラム3本（印 COLUMN_LINKS の間・scripts/column-build.mjs が書く） */
.is-lp.lp-v5 .col-cards { list-style: none; padding: 0; margin: 28px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.is-lp.lp-v5 .col-cards > * { min-width: 0; }
.is-lp.lp-v5 .col-cards a { display: block; height: 100%; background: #fff; border: 1px solid var(--v5-line); border-radius: 12px; padding: 20px 22px; text-decoration: none; color: var(--v5-ink); }
.is-lp.lp-v5 .col-cards a:hover { border-color: var(--v5-blue); }
.is-lp.lp-v5 .col-new .section-note { margin-top: 22px; text-align: center; }
.is-lp.lp-v5 .col-cards b { display: block; font-size: 18px; line-height: 1.6; color: var(--v5-blue); }
@media (max-width: 900px) { .is-lp.lp-v5 .col-cards { grid-template-columns: minmax(0, 1fr); gap: 14px; } }