/* LP（1ページ構成）で追加した部品。色は palette.css の変数を使う（docs/lp-request.md）。
   2026-10-16 AI臭調査（docs/ai-slop-audit-20261016.md）の反映：カード・pill・番号・見えない装飾を減らし、区間の型を変える。
   2026-10-17 構成改修（docs/lp-structure-request-20261017.md）：事業別タブを透明地＋罫線に、導入の流れと導入支援を1区間に、利用環境の表を廃止。 */
html{scroll-behavior:smooth;scroll-padding-top:84px;scroll-padding-bottom:var(--cta-clearance,0px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 拡大表示・横向きの短い画面では、固定ヘッダーと下部CTAで操作領域を塞がない。 */
@media screen and (max-height:480px){
 html{scroll-padding-top:16px}
 .multipage .header{position:relative;top:auto}
 .mobile-cta-bar{display:none!important}
 .multipage{padding-top:0;padding-bottom:0}
}

/* 見出しの字間：和文にマイナス字間を残さない */
.lp-page .hero h1,.lp-page .feature-copy h3,.multipage .subhero h1{letter-spacing:0}
/* 機能画像の背後の曲面は不透明なモックに隠れて描画されないので描かない */
.lp-page .feature-media:before,.lp-page .generated-media:before{content:none}
/* 区画の見出し・導入文は共通左端から読む。タブ・ボタンのラベルは維持。 */
.lp-page .section-heading,.lp-page .features>.section-heading{text-align:left}
.lp-page .section-heading:not(.container){margin-left:0}
.lp-page .section-heading .section-lead{margin-left:0;text-align:left}
/* 1250px付近でも、声の画像を列内に収めてページの横スクロールを防ぐ。 */
@media screen and (min-width:761px){.lp-page .voice-teaser-grid figure{width:100%;min-width:0}}
/* 「手間」3列：書類作業に必要な要素だけで描いた生成イラスト（v5）。 */
.lp-page .work-pains article figure{margin:0 0 20px;aspect-ratio:3/2}
.lp-page .work-pains article figure img{display:block;width:100%;height:100%;object-fit:contain}
/* 「手間」3列の上罫線：PCは2px、スマホは1px（他区間の線と強さを揃える） */
@media(max-width:760px){.lp-page .work-pains article{border-top-width:1px}}
/* 本文量に合わせて既存の読み幅を維持する */
.lp-page .section-heading.section-heading-left{text-align:left;margin-left:0;max-width:720px}
.lp-page .section-heading.section-heading-left .section-lead{margin-left:0}
/* 線アイコン：ブランドマークと同じ線で、管理機能・導入の流れ・事業帯のチップだけに使う（2026-10-16 利用者指示） */
.line-icon{width:22px;height:22px;flex:0 0 22px;margin:0;color:var(--teal);vertical-align:-5px}
.lp-page .capability-grid dt .line-icon{margin:0}
/* 管理機能の一覧：番号の代わりに線アイコン。説明文はアイコンの右端に揃える */
.lp-page .capability-grid dt{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left}
.lp-page .capability-grid dd{margin-left:34px}
.lp-page .flow-grid li .line-icon{display:block;width:26px;height:26px;margin:0 0 12px}
@media(max-width:760px){.lp-page .capability-grid dd{margin-left:0}}

/* 事業別タブ：アイコンをやめ、事業名＋対象職種の2行にする。
   非選択は透明地＋下罫線だけ、選択は白地＋上2pxのteal線で下の白いパネルにつなぐ（2026-10-17）。 */
.lp-page .service-tabs button{flex-direction:column;gap:4px;padding:20px 12px;background:transparent;color:var(--ink);border-width:2px 0 1px;border-color:transparent transparent var(--line)}
.lp-page .service-tabs button:first-child,.lp-page .service-tabs button:last-child{border-radius:0}
.lp-page .service-tabs button small{display:block;font-size:12px;letter-spacing:0;font-weight:500;color:var(--muted)}
.lp-page .service-tabs button:hover{background:var(--surface-hover)}
.lp-page .service-tabs button[aria-selected=true]{background:var(--surface-card);color:var(--teal);border-width:2px 1px 1px;border-color:var(--teal) var(--line) var(--surface-card);border-radius:6px 6px 0 0}
.lp-page .service-tabs button[aria-selected=true] small{color:var(--teal)}
.lp-page .service-panel{background:var(--surface-card);border-radius:0 0 6px 6px}
/* 各パネルの本文の下に代表画面を1点（2026-10-17 画像見直し） */
.lp-page .service-figure{margin:28px 0 0}
.lp-page .service-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:var(--surface-card)}
@media(max-width:899px){.lp-page .service-figure{margin-top:22px}}
.lp-page .service-workflow>div.single{grid-template-columns:1fr}
.lp-page .service-common-note{margin:20px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.lp-page .service-browser{display:block}
.lp-page .service-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.lp-page .service-tabs button{min-width:0;min-height:96px}
.lp-page .service-tabs small span{display:inline-block;white-space:nowrap}
.lp-page .service-panels{min-width:0}
.lp-page .service-panel{grid-template-columns:minmax(0,1fr);gap:28px}
.lp-page .service-copy{max-width:780px}
.lp-page .service-catalog .form-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.lp-page .service-catalog .form-catalog>div{padding:14px 0;border-top:1px solid var(--line);border-bottom:0;min-width:0}
.lp-page .service-scope-note{font-size:14px;line-height:1.8;margin:16px 0 24px;color:var(--muted)}
@media(max-width:600px){
 .lp-page .service-tabs button{padding:14px 4px;font-size:13px}
 .lp-page .service-tabs button small{font-size:11px;line-height:1.65}
 .lp-page .service-catalog .form-catalog{grid-template-columns:1fr}
}

/* ご利用事業所の声：話し手、発言見出し、体験談の順。 */
.voices-section{padding:96px 0}
.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;align-items:stretch}
.voice-card{display:flex;flex-direction:column;padding:34px 36px 28px;background:var(--surface-card);border:1px solid var(--line);border-radius:6px}
.voice-card-header{margin-bottom:24px}
.voice-service{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 6px;font-size:14px;font-weight:700;color:var(--teal)}
.voice-service span{font-size:13px;font-weight:400;color:var(--muted)}
.voice-card .voice-card-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font-size:13px;color:var(--muted)}
.voice-card-name strong{font-size:16px;font-weight:600;color:var(--ink)}
.voice-card h3{margin:0 0 22px;font-size:23px;line-height:1.65;font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
.voice-body{flex:1}
.voice-body p{margin:0 0 18px;font-size:16px;line-height:1.95;color:var(--ink);overflow-wrap:anywhere}
.voice-body p:last-child{margin-bottom:0}
.voices-note{margin:24px 0 0;font-size:13px;color:var(--muted)}
@media(max-width:899px){.voices-section{padding:72px 0}.voice-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.voice-card{padding:28px 24px 24px}.voice-card h3{font-size:22px}}
@media(max-width:480px){.voice-card{padding:24px 20px}.voice-card-header{margin-bottom:20px}.voice-card h3{font-size:20px}}

/* よくあるご質問：お知らせと同じく、見出しの下に左寄せの一覧（2026-10-16 利用者指摘） */
.lp-page .faq-grid{display:block;max-width:1120px}
.lp-page .faq-list{max-width:860px}
.lp-page .faq-grid h2{margin:0 0 28px}

/* 導入：4段の流れの下に、導入支援（製品画面＋説明）と連絡手段の帯を同じ区間に置く（2026-10-17） */
.lp-page .support-intro{margin-top:64px}
.lp-page .support-intro h3{font-size:24px;line-height:1.6;margin:0 0 16px}
.lp-page .support-intro img{height:auto;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:var(--surface-card)}
/* 導入支援は線画イラスト（透過WebP）：枠と地を付けない（2026-10-17 画像見直し） */
.lp-page .support-intro img.scene{border:0;border-radius:0;background:transparent}
.lp-page .support-note{margin:14px 0 0;font-size:14px;color:var(--muted)}
.lp-page .support-contact{margin-top:40px}
@media(max-width:899px){.lp-page .support-intro{margin-top:48px}.lp-page .support-intro h3{font-size:22px}}

/* お知らせ：LPは最新の数件だけ、日付と分類と題名。全文は /news.html */
.news-section{padding:96px 0}
.news-recent{margin:28px 0 0;padding:0;list-style:none;max-width:860px;border-top:1px solid var(--line)}
.news-recent li{display:grid;grid-template-columns:96px 92px 1fr;gap:4px 16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.news-recent time,.news-list time{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.news-recent a{color:var(--ink);font-weight:600;line-height:1.7;text-decoration:none}
.news-recent a:hover{text-decoration:underline;color:var(--teal)}
.news-section .news-archive-link{margin-top:24px}
.news-tag{justify-self:start;padding:1px 8px;font-size:12px;line-height:1.8;border-radius:3px;white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:transparent}
.news-tag-feature,.news-tag-law{border-color:#b6d0d2;color:var(--teal)}
.news-tag-trouble{border-color:#e0b7ad;color:var(--coral)}
.news-list{margin:0 0 20px;padding:0;list-style:none}
.news-list li{display:grid;grid-template-columns:92px 96px 1fr;gap:4px 16px;align-items:baseline;padding:16px 0;border-top:1px dashed var(--line);scroll-margin-top:96px}
.news-list li:target{background:var(--surface-soft);outline:8px solid var(--surface-soft)}
.news-title{margin:0;font-size:15px;font-weight:600;line-height:1.7;color:var(--ink)}
.news-body{margin:4px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:899px){.news-section{padding:72px 0}.news-recent li,.news-list li{grid-template-columns:auto 1fr;gap:6px 12px}.news-recent li>a,.news-list li>div{grid-column:1/-1}}
.news-archive{max-width:900px;padding-block:32px 72px}
.news-year-index{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px}
.news-year-index a{font-size:15px;font-weight:600;color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.news-archive-year{padding-top:24px;scroll-margin-top:96px}
.news-archive-year h2{margin:0;padding-bottom:12px;font-size:22px;border-bottom:1px solid var(--line)}
.news-archive-year .news-list li:first-child{border-top:0}
.news-archive .legal-actions{margin-top:40px}
@media(max-width:899px){.news-archive{padding-block:20px 48px}.news-archive-year h2{font-size:20px}}

/* 問い合わせ欄：見出しとフォームだけ（2026-10-17 利用者指示）。フォームは1列で最大940px */
.lp-page .contact-single .form-wrap{max-width:940px;margin:0}
.lp-page .contact-single .form-intro{margin:0 0 20px;font-size:14px;line-height:1.9;color:var(--muted)}
/* 問い合わせページ（/contact.html、12ページ版と同じ構成）：幅940pxの中に見出し・案内・フォーム。確認事項は下に（2026-10-17 利用者指示） */
.page-contact .contact-single{max-width:940px}
.page-contact .contact-single .section-heading{margin:0 0 34px;max-width:none;text-align:left}
.page-contact .contact-single h1{font-size:38px;line-height:1.6;font-weight:600;margin:0 0 20px}
/* 見出し直下の3文（利用者指定）：LP末尾・問い合わせページ共通。1文ごとに改行し、3文とも同じ大きさ */
.lp-page .contact-single .contact-lead,.page-contact .contact-single .contact-lead{margin:18px 0 0;max-width:none;font-size:17px;line-height:1.9;color:var(--ink)}
.page-contact .contact-single .contact-lead{font-size:18px}
@media(max-width:600px){.lp-page .contact-single .contact-lead,.page-contact .contact-single .contact-lead{font-size:16px}}
.page-contact .form-wrap{border-color:var(--line);border-radius:6px}
.page-contact .contact-single .form-intro{margin:0 0 20px;font-size:14px;color:var(--muted)}
.page-contact .contact-after{max-width:940px;padding-block:0 80px}
.page-contact .contact-after h2{font-size:24px;margin:0 0 14px}
.page-contact .contact-after .link-row{display:flex;flex-wrap:wrap;gap:4px 32px}
@media(max-width:760px){.page-contact .contact-single h1{font-size:30px}.page-contact .contact-single .section-lead{font-size:16px}.page-contact .contact-after{padding-bottom:56px}}

/* フッター：ブランドとサービス案内。会社情報は本文へのリンクにまとめる。 */
.site-footer{padding:48px 0 24px}
.site-footer .footer-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.site-footer .footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:0;min-width:0}
.site-footer .footer-identity>.brand{min-height:44px}
.site-footer .footer-identity>p{margin:0;max-width:22em;font-size:13px;line-height:1.9;word-break:normal;overflow-wrap:anywhere;color:#d4d9c9}
.site-footer .back-top-text{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:12px;color:var(--surface-page);text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-navigation h2{margin:0 0 14px;font-size:14px;font-weight:600;line-height:1.7;color:#fff}
.site-footer .footer-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.site-footer .footer-links-grid a,.site-footer .footer-utility a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.7;color:#e6e5d8}
.site-footer .footer-links-grid a:hover,.site-footer .footer-utility a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding:18px 0 0;border-top:1px solid #ffffff26;color:#d4d9c9}
.site-footer .footer-utility{display:flex;flex-wrap:wrap;gap:4px 28px}
.site-footer .footer-bottom small{display:inline-flex;gap:8px;font-size:11px;line-height:1.8}
@media(max-width:760px){
 .site-footer{padding:32px 0 24px}
 .site-footer .footer-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .site-footer .footer-identity{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px}
 .site-footer .footer-identity>.brand{grid-area:1/1;justify-self:start}
 .site-footer .footer-identity>p{grid-area:2/1/3/-1;max-width:none}
 .site-footer .footer-identity .back-top-text{grid-area:1/2;align-self:center}
 .site-footer .footer-identity>p{max-width:24em}
 .site-footer .footer-navigation{border-top:1px solid #ffffff26;padding-top:24px}
 .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}
 .site-footer .footer-utility{gap:4px 24px}
}

/* 個人情報ページ：条文は番号付きの見出し、運用状態は方針の本文から分けて置く */
.legal-content section ul{margin:12px 0 0;padding-left:22px;line-height:1.9}
.legal-content .legal-date{margin:32px 0 16px;font-size:14px;color:var(--muted)}
.legal-status{margin-top:40px;padding:20px 24px;background:var(--surface-soft)}
.legal-status h2{margin:0 0 8px;font-size:16px}
.legal-status p{margin:0;font-size:14px;line-height:1.9}

/* 2026-10-17 LPの中に戻した詳細（docs/lp-depth-request-20261017.md）：
   事業別タブの業務の流れ・具体場面・FAQ、機能行と音声の「手順・仕様・FAQ」の開閉、導入の箇条。 */
.lp-page .service-detail{grid-column:1/-1;margin-top:8px;padding-top:32px;border-top:1px solid var(--line)}
.lp-page .service-detail h4{margin:0 0 10px;font-size:20px;line-height:1.6}
.lp-page .service-detail h5{margin:0;font-size:17px;line-height:1.6;font-weight:700}
.lp-page .service-cycle-lp>p{margin:0 0 20px;font-size:15px;line-height:1.85;color:var(--muted)}
.lp-page .service-detail .workflow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none}
.lp-page .service-detail .workflow-strip li{border-top:1px solid #b8c6b7;padding-top:14px}
.lp-page .service-detail .workflow-number{display:block;font-size:14px;font-weight:700;color:var(--teal);margin-bottom:6px}
.lp-page .service-detail .workflow-strip p{margin:6px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.lp-page .work-sequence{display:grid;gap:36px;margin-top:40px}
.lp-page .work-sequence{max-width:none}
.lp-page .work-sequence article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;border-top:0;padding:0}
/* 旧ページ用の .sequence-copy{grid-column:1;grid-row:1} を打ち消し、画面と文章を左右交互に明示配置する */
.lp-page .work-sequence article>*{grid-row:1;min-width:0;width:auto}
.lp-page .work-sequence article .sequence-visual{grid-column:1}
.lp-page .work-sequence article .sequence-copy{grid-column:2}
.lp-page .work-sequence article:nth-child(even) .sequence-visual{grid-column:2}
.lp-page .work-sequence article:nth-child(even) .sequence-copy{grid-column:1}
.lp-page .work-sequence .sequence-visual{margin:0}
.lp-page .work-sequence .sequence-visual img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:var(--surface-card)}
.lp-page .work-sequence .sequence-copy p{margin:10px 0 0;font-size:15px;line-height:1.85}
.lp-page .work-sequence .sequence-role{display:block;margin:0 0 6px;font-size:13px;font-weight:600;color:var(--muted)}
.lp-page .work-sequence .sequence-note{font-size:13px;color:var(--muted)}
.lp-page .service-voice-note{margin:36px 0 0;padding:18px 22px;background:var(--surface-soft);font-size:15px;line-height:1.85}
.lp-page .service-voice-note strong{display:block;margin-bottom:4px}
.lp-page .service-voice-note .text-link{display:flex;width:fit-content;margin-top:10px}
/* よくあるご質問は1か所に集約し、小見出し（導入・契約／事業別／機能・音声）で分ける（2026-10-17 利用者指摘：重複） */
.lp-page .faq-group{margin:0 0 4px;font-size:18px;line-height:1.6}
.lp-page .faq-list+.faq-group{margin-top:40px}
.lp-page .feature-more{margin-top:22px}
.lp-page .feature-more>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:700;color:var(--teal)}
.lp-page .feature-more>summary::-webkit-details-marker{display:none}
.lp-page .feature-more>summary::before{content:'+';display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--teal);border-radius:3px;font-size:16px;line-height:1}
.lp-page .feature-more[open]>summary::before{content:'−'}
.lp-page .feature-more>summary:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.lp-page .feature-more-body{margin-top:12px;padding-top:18px;border-top:1px solid var(--line)}
.lp-page .feature-more-body h4{margin:0 0 8px;font-size:18px;line-height:1.6}
.lp-page .feature-more-body h4+p{margin:0 0 14px;font-size:14px;color:var(--muted)}
.lp-page .feature-more-body h4~h4{margin-top:26px}
.lp-page .feature-more-body h5{margin:0;font-size:16px}
.lp-page .procedure-list{list-style:none;margin:0;padding:0}
.lp-page .procedure-list li{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.lp-page .procedure-list li>span{font-size:14px;font-weight:700;color:var(--teal);padding-top:2px}
.lp-page .procedure-list p{margin:4px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
.lp-page .feature-more-body .detail-list{margin:0}
.lp-page .feature-more-body .detail-list>div{display:grid;grid-template-columns:150px 1fr;gap:12px 20px;padding:12px 0;border-top:1px solid var(--line)}
.lp-page .feature-more-body .detail-list dt{font-size:15px;font-weight:700}
.lp-page .feature-more-body .detail-list dd{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
.lp-page .support-grid{margin-top:36px}
.lp-page .support-grid h4{margin:0 0 14px;font-size:19px}
@media(min-width:761px) and (max-width:1099px){.lp-page .service-detail .workflow-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .lp-page .service-detail .workflow-strip{grid-template-columns:1fr;gap:16px}
 .lp-page .work-sequence article{grid-template-columns:1fr;gap:16px}
 /* 1列では文章→画面の順（本文を読んでから画面を見る） */
 .lp-page .work-sequence article .sequence-copy,.lp-page .work-sequence article:nth-child(even) .sequence-copy{grid-column:1;grid-row:1}
 .lp-page .work-sequence article .sequence-visual,.lp-page .work-sequence article:nth-child(even) .sequence-visual{grid-column:1;grid-row:2}
 .lp-page .feature-more-body .detail-list>div{grid-template-columns:1fr;gap:4px}
}

/* 既存の区間ルール（visual.css「区間の区切り」・palette.css）への、LPだけの上書き */
.lp-page .form-wrap{border-color:var(--line)}

/* 2026-10-17 利用者依頼：下へスクロールすると区間の中身が順に現れる（planmate.jp と同じ型：不透明度と20pxの上移動、0.6秒、兄弟は0.1秒ずつ遅らせる）。
   対象の印（.reveal）は app.js が付けるので、JSなし・IntersectionObserverなし・動きを減らす設定では最初から表示される。
   表示後は transform を none に戻し、固定配置やダイアログの基準に影響を残さない。 */
@media(prefers-reduced-motion:no-preference){
 .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:var(--reveal-delay,0s)}
 .reveal.is-visible{opacity:1;transform:none}
 .reveal.reveal-static{transition:none}
}

/* 2026-10-17 コピー調査反映：作成帳票と、添付資料・管理情報を区別する */
.lp-page .service-catalog{min-width:0}
.lp-page .service-catalog h4{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--teal)}
.lp-page .service-catalog .form-catalog+h4{margin-top:28px}

/* 2026-10-19 対応表No.17/36：入力の境界と同意の読みやすさ */
.lp-page .form-grid :is(input,select,textarea){border:1px solid #78867c;background:var(--surface-card)}
.lp-page .form-grid :is(input,select,textarea):focus{outline:3px solid var(--teal);outline-offset:2px;border-color:var(--teal)}
.lp-page .form-grid [aria-invalid=true]{border:2px solid #a13b2f;background:#fff7f4}
.lp-page .consent{font-size:15px;line-height:1.8;align-items:flex-start}
.lp-page .required,.lp-page .optional,.lp-page .consent .required{font-size:12px}
.lp-page .form-hint{font-size:14px}
#privacy .privacy-full section{margin:24px 0}
#privacy .privacy-full h3{font-size:18px;margin:0 0 10px}
#privacy .privacy-full ul{padding-left:24px;line-height:1.8}
#privacy .privacy-full p{font-size:15px;line-height:1.85}
#privacy .dialog-actions{position:sticky;bottom:-24px;background:var(--surface-card);padding-block:14px;margin-bottom:-12px}
.faq-index{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 24px}
.faq-index a{display:inline-flex;align-items:center;min-height:44px;color:var(--teal);text-underline-offset:4px}
#faq details[id]{scroll-margin-top:96px}
/* 画面の段組・固定配置を用紙へ持ち込まず、全文を読順で印刷する。 */
@media print{
 @page{size:A4;margin:14mm}
 html{scroll-behavior:auto}
 body.multipage{padding:0!important;background:white!important;font-size:10pt}
 body.multipage main{background:white!important}
 .lp-page main .button{display:none!important}
 .header,.mobile-cta-bar,.menu-toggle,.site-footer,.hero-actions,.service-tabs,.service-contact,.faq-index,.news-year-index,.skip-link,dialog,#contact{display:none!important}
 body.multipage main *,body.multipage main>:is(section,aside){background-color:white!important;box-shadow:none!important}
 .lp-page .hero{padding:0!important;margin:0!important;overflow:visible!important}
 .reveal{opacity:1!important;transform:none!important;transition:none!important}
 .container{width:auto!important;max-width:none!important;margin-inline:0!important}
 main section,main article,main aside{background:white!important;padding:12pt 0!important;overflow:visible!important;min-height:0!important}
 .hero-inner,.hero-copy,.hero-visual,.hero-picture{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;margin:0!important;padding:0!important}
 .lp-page .hero .hero-visual img{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;max-height:70mm!important;margin:14pt auto!important}
 .hero-inner:before,.hero-visual:before,.hero-visual:after,.feature-media:before{display:none!important}
 .hero-inner,.hero-copy,.hero-visual,.hero-picture,.feature-copy{display:block!important}
 .hero h1{font-size:24pt!important;line-height:1.5!important}
 .service-panel,.service-panel[hidden],.service-browser,.service-panels,.service-detail,.work-sequence,.work-sequence article,.feature-row,.voice-teaser-grid,.support-intro,.support-grid,.voice-grid,.voice-card,.company-story,.company-details,.flow-title,.flow-grid,.work-pain-grid,.capability-grid,.service-catalog .form-catalog,.service-workflow>div{display:block!important}
 .service-panel{break-before:auto;padding:14pt 0!important;border:0!important}
 .service-detail .workflow-strip{display:block!important}
 .service-copy,.sequence-copy,.company-copy,.feature-copy,.flow-title{position:static!important;width:auto!important;max-width:none!important}
 .work-sequence article>*,.feature-row>*{grid-area:auto!important}
 .feature-media,.generated-media,.sequence-visual,.hero-visual,.support-intro figure{height:auto!important;min-height:0!important;max-width:none!important;margin:14pt 0!important;overflow:visible!important}
 main img,main picture img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:65mm!important;object-fit:contain!important;margin-inline:auto!important}
 .lp-page .work-pains article figure{height:auto!important;aspect-ratio:auto!important;margin:10pt 0!important}
 .lp-page .service-voice-note{break-inside:avoid;margin:14pt 0!important;padding:0!important}
 .lp-page .procedure-list li{display:grid!important;grid-template-columns:24pt minmax(0,1fr)!important;gap:8pt!important}
 .lp-page .procedure-list li>span{position:static!important}
 h2{font-size:18pt!important;break-after:avoid}h3{font-size:15pt!important;break-after:avoid}h4,h5,dt{break-after:avoid}
 p,li,dd{orphans:3;widows:3}
 figure,.form-catalog>div,.detail-list>div,.procedure-list li,.news-list li{break-inside:avoid}
 .feature-more,.faq-list details,.voice-card{break-inside:auto}
 details::details-content{display:block!important;content-visibility:visible!important}
 details>summary{break-after:avoid;list-style:none!important}
 details>summary::before,details>summary::after{display:none!important}
 details>*:not(summary){display:block!important}
 .feature-more-body{display:block!important}
 .flow-grid li,.service-detail .workflow-strip li,.voice-card{padding:12pt 0!important}
 .step-number{position:static!important}
 .news-list li{display:block!important}
 .legal-content{max-width:none!important}
}