/* デモ入口5ページ専用。操作画面・コラムの共通表示には適用しない。 */
.demo-entry .demo-hero{display:block;padding:20px 0 8px;max-width:1060px}
.demo-entry .demo-hero h1{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0 0 12px;letter-spacing:0}
.demo-entry .demo-lead{font-size:16px;line-height:1.75;margin:0}
.demo-entry .qz-video{max-width:600px;margin:20px 0 0}
.demo-entry .qz-video h2{font-size:16px;line-height:1.6;margin:0 0 8px}
.demo-entry .qz-video>p{font-size:12px;line-height:1.6;margin:8px 0 0}
.demo-entry .entry-actions{display:flex;gap:12px;align-items:center;margin:16px 0 8px}
.demo-entry .entry-actions>.primary{min-height:48px;font-size:15px}
.demo-entry .demo-disclosure,.demo-entry .demo-more{max-width:1060px;margin:12px 0 28px;padding:14px 18px;border:1px solid #cbd8cf;border-radius:8px;background:#fff;font-size:14px;line-height:1.8}
.demo-entry summary{cursor:pointer}
.demo-entry .demo-disclosure>summary,.demo-entry .demo-more>summary{font-weight:700;color:#17382f}
.demo-entry .demo-disclosure p,.demo-entry .demo-more p{margin:12px 0 0}
.demo-entry .demo-more dl{margin:12px 0}
.demo-entry .demo-more dl>div{display:grid;grid-template-columns:5em 1fr;gap:12px;margin:10px 0}
.demo-entry .demo-more dt{font-weight:700}.demo-entry .demo-more dd{margin:0}
.demo-entry .demo-consult{margin:28px 0;padding:24px;border-radius:10px;background:#eaf0e4}
.demo-entry .demo-consult h2{font-size:24px;margin:0 0 8px}
.demo-entry .demo-consult p{margin:0 0 16px;font-size:15px}
.demo-entry .demo-consult .button{display:inline-flex;align-items:center;justify-content:center;background:#17382f;color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:700;min-height:48px}
.demo-entry .demo-related{margin:28px 0}
.demo-entry .demo-related h2{font-size:20px;margin-bottom:12px}
.demo-entry .demo-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-entry .demo-related-links>a{display:block;padding:16px;background:#fff;border:1px solid #cbd8cf;border-radius:8px;font-size:15px;font-weight:700}
/* 実演用CSSのheader全般への指定を、この入口の共通ヘッダーだけで解除する。 */
.intake-entry>.qz-site-header{display:block;padding:0}
.intake-entry>.qz-site-header .qz-brand-logo{width:240px;height:52px}
.intake-entry>.qz-site-header .qz-header-menu,.intake-entry>.qz-site-header .qz-header-menu>a{font-size:14px}
.intake-entry .breadcrumb{margin:0 0 16px;align-items:baseline}
.demo-entry #feedback:empty{display:none}
/* 確認中は従来の操作領域を全高で使い、追加したヘッダーを重ねない。 */
.demo-entry.review-active>.qz-site-header{display:none}
.intake-entry:has(#workspace:not([hidden]))>.qz-site-header{display:none}
html:has(.demo-entry.review-active),html:has(.intake-entry #workspace:not([hidden])){scroll-padding-top:0}
@media(max-width:600px){
 .demo-entry .demo-hero{padding:8px 0}
 .demo-entry .demo-hero h1{font-size:26px}
 .demo-entry .demo-lead{font-size:14px;line-height:1.7}
 .demo-entry .qz-video{margin-top:16px}
 .demo-entry .qz-video h2{font-size:14px}
 .demo-entry .qz-video>p{font-size:11px}
 .demo-entry .entry-actions>.primary{width:100%}
 .demo-entry .demo-disclosure,.demo-entry .demo-more{padding:12px;font-size:13px}
 .demo-entry .demo-consult{padding:20px 16px}
 .demo-entry .demo-consult h2{font-size:21px}
 .demo-entry .demo-related-links{grid-template-columns:1fr}
 .intake-entry>.qz-site-header .qz-brand-logo{width:180px;height:40px}
 /* 受信8通と処理記録は枠内で読める。確認画面までの長い縦移動を抑える。 */
 .intake-entry #mailbox{max-height:330px;overflow:auto;overscroll-behavior:contain;border-bottom:1px solid #d8e2dc}
 .intake-entry #reading-progress{max-height:210px;overflow:auto;overscroll-behavior:contain}
}

/* 入口の本文はトップと同じ文字・外枠。操作パネル内は従来の文字を保つ。 */
body.demo-entry{font-family:"Noto Sans JP","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif}
.demo-entry>main{box-sizing:border-box;width:min(1220px,calc(100% - 96px));max-width:none;margin-inline:auto;padding:25px 0}
.intake-entry .property-section,.intake-entry>dialog{font-family:"Segoe UI","Yu Gothic UI",Meiryo,sans-serif}
.demo-entry .entry-phrase{display:inline-block}
.demo-entry .entry-guide{max-width:1060px;margin:20px 0 0;padding:18px 20px;border:1px solid #cbd8cf;border-radius:10px;background:#fff}
.demo-entry .entry-guide h2{font-size:16px;margin:0 0 8px}
.demo-entry .entry-guide-title{font-size:20px;font-weight:700;margin:0 0 8px;color:#17382f}
.demo-entry .entry-guide p{line-height:1.8}
.demo-entry .entry-flow{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:16px 0 0;font-size:14px;font-weight:700}
@media(max-width:860px){.demo-entry>main{width:calc(100% - 40px)}}
@media(max-width:600px){.demo-entry .entry-guide{padding:16px}.demo-entry .entry-guide-title{font-size:18px}.demo-entry .entry-flow{display:grid;grid-template-columns:1fr 1fr}.demo-entry .entry-actions>.primary{font-size:13px}}

/* 説明の入口は、短い要約と操作への導線を先に見せる。 */
.demo-entry .demo-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;max-width:none;min-height:0;padding:28px 0 30px}
.demo-entry .demo-hero .eyebrow{margin:0 0 16px;font-size:13px;color:#245e4c;font-weight:700}
.demo-entry .demo-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.5;letter-spacing:-.02em;margin:0 0 22px}
.demo-entry .demo-hero h1 em{font-style:normal;color:#245e4c}
.demo-entry .demo-hero .h1-label{display:block;font-size:14px;line-height:1.8;color:#245e4c;margin-bottom:14px}
.demo-entry .demo-lead{font-size:16px;line-height:1.8;margin:0}
.demo-entry .entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:24px 0 0}
.demo-entry .entry-actions>.primary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 30px;box-sizing:border-box;border-radius:7px;background:#245e4c;color:white;font-size:17px;font-weight:700;text-decoration:none;border:0}
.demo-entry .entry-link{font-size:14px;color:#245e4c;text-underline-offset:5px}
.demo-entry .entry-note{font-size:12px;color:#52645b;margin:14px 0 0}
.demo-entry .entry-visual{display:block;border:1px solid #cbd8cf;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #17382f12;background:#fff}
.demo-entry .entry-visual img{display:block;width:100%;height:auto;object-fit:contain}
.demo-entry .entry-fit{font-size:14px;color:#245e4c;margin:12px 0}
.demo-entry .entry-journey,.demo-entry .entry-trial,.demo-entry .try-list,.demo-entry .demo-faq,.demo-entry .demo-price{margin:48px 0;padding:0;max-width:none}
.demo-entry :is(.entry-journey,.entry-trial,.try-list,.demo-faq,.demo-price)>h2{font-size:26px;line-height:1.6;margin:0 0 20px}
.demo-entry .qz-video{max-width:760px;margin:48px auto}
.demo-entry .try-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:20px 0}
.demo-entry .try-grid>li{padding:22px;background:#fff;border:1px solid #cbd8cf;border-radius:10px;min-width:0}
.demo-entry .try-grid h3{font-size:17px;line-height:1.7;margin:0 0 10px}
.demo-entry .try-grid p{font-size:14px;line-height:1.8;margin:0}
.demo-entry .try-grid details{font-size:14px;line-height:1.8;margin:14px 0 0}
.demo-entry .try-grid summary{color:#245e4c;font-weight:700}
.demo-entry .try-grid details p{margin-top:12px}
.demo-entry .entry-trial-table{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;line-height:1.9;background:#fff}
.demo-entry .entry-trial-table caption{text-align:left;color:#52645b;font-size:13px;margin-bottom:10px}
.demo-entry .entry-trial-table th,.demo-entry .entry-trial-table td{padding:16px 20px;border:1px solid #cbd8cf;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.demo-entry .entry-trial-table th{width:8em;background:#f0f5ef;color:#17382f}
.demo-entry .demo-disclosure .fit-box{display:block;background:none;border:0;padding:0;margin:16px 0}
.demo-entry .demo-disclosure .how-to{margin-top:18px;box-shadow:none}
.demo-entry .demo-consult{display:block;margin:48px 0}
.demo-entry :where(main) :is(a,summary):focus-visible{outline:3px solid #658831;outline-offset:5px}
@media(max-width:860px){
 .demo-entry .demo-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:24px 0 36px}
 .demo-entry .entry-visual{max-width:600px}
 .demo-entry .try-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .demo-entry>main{padding-top:14px}
 .demo-entry .demo-breadcrumb{padding-top:6px}
 .demo-entry .demo-hero{gap:16px;min-height:0;align-content:start;padding:16px 0 24px}
 .demo-entry .demo-hero h1{font-size:28px;margin-bottom:12px}
 .demo-entry .demo-hero .h1-label{font-size:12px;margin-bottom:12px}
 .demo-entry .demo-hero .eyebrow{font-size:12px;margin-bottom:10px}
 .demo-entry .demo-lead{font-size:14px;line-height:1.8}
 .demo-entry .entry-actions{gap:18px;margin-top:16px}
 .demo-entry .entry-actions>.primary{width:auto;min-width:180px;font-size:16px;padding:14px 22px}
 .demo-entry .entry-link{font-size:12px}
 .demo-entry .entry-note{font-size:11px;margin-top:10px}
 .demo-entry .entry-fit{font-size:13px}
 .demo-entry .try-grid{grid-template-columns:1fr}
 .demo-entry :is(.entry-journey,.entry-trial,.try-list,.demo-faq,.demo-price)>h2{font-size:22px}
 .demo-entry .entry-trial-table th{width:5em}
 .demo-entry .entry-trial-table th,.demo-entry .entry-trial-table td{padding:12px 10px}
}

/* 最初の画面の動画は、見出し・再生画面・説明を一つの枠に収める。 */
.demo-entry .demo-hero>.qz-video{min-width:0;width:100%;max-width:none;margin:0}
.demo-entry .demo-hero>.qz-video h2{font-size:16px;margin:0 0 8px}

/* 見出しの強調はEC・社内窓口と同じ緑の下線に統一する。 */
.demo-entry .demo-hero h1 em{color:#245e4c;background:linear-gradient(transparent 73%,#c9e6b0 73%,#c9e6b0 94%,transparent 94%)}
.demo-entry .demo-lead{text-wrap:pretty}
.demo-entry .demo-hero .demo-lead{text-wrap:balance}
.demo-entry .entry-visual{margin:0}