.scenarios-section{padding:80px 0;background:#fffdf8;border-bottom:1px solid var(--line)}.scenarios-section .section-head p:not(.eyebrow){font-size:16px;max-width:760px}.scene-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0 26px}.scene-tabs button{border:1px solid #c1d1c5;background:#f3f5ed;border-radius:9px;padding:13px 16px;text-align:left;color:var(--ink);min-height:64px;line-height:1.4}.scene-tabs button strong{display:block;font-size:16px}.scene-tabs button span{font-size:12px;display:block;margin-top:5px;color:#64756b}.scene-tabs button[aria-selected=true]{background:#173c37;color:white;border-color:#173c37;box-shadow:0 3px 0 #91aa91}.scene-tabs button[aria-selected=true] span{color:#cfdfcf}.scene-panel[hidden]{display:none}.scene-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr);gap:32px;align-items:start}.mock-browser{border:1px solid #cdd4cb;border-radius:12px;overflow:hidden;background:white;box-shadow:0 12px 26px #273b2910}.mock-browser-bar{display:flex;gap:6px;align-items:center;background:#edf0e9;padding:12px 15px;font-size:10px;color:#778675}.mock-browser-bar i{width:7px;height:7px;border-radius:50%;background:#b5c1b2}.mock-browser-bar span{margin-left:8px}.mock-page{--mock-accent:#805d3c;--mock-soft:#f7f1e5;color:#413d36;font-family:'Noto Sans JP',sans-serif}.mock-page.hospital{--mock-accent:#216d75;--mock-soft:#edf6f6}.mock-page.company{--mock-accent:#294b78;--mock-soft:#f0f3f9}.mock-page.jobs{--mock-accent:#69548c;--mock-soft:#f4f0f9}.mock-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid #e9e8e1}.mock-logo{font-size:17px;font-weight:700;line-height:1.5;color:var(--mock-accent)}.mock-logo small{display:block;font-size:10px;font-weight:400;letter-spacing:.04em}.mock-menu{font-size:10px;color:#6e756f;display:flex;gap:15px}.mock-hero{background:var(--mock-soft);padding:30px 26px;min-height:160px;position:relative;overflow:hidden}.mock-hero p{font-size:12px;color:var(--mock-accent);margin:0 0 10px;position:relative;z-index:1}.mock-hero h3{font-size:25px;line-height:1.6;margin:0;position:relative;z-index:1;color:var(--mock-accent)}.mock-hero.bakery{background:#54402e;min-height:190px}.mock-hero.bakery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.mock-hero.bakery p,.mock-hero.bakery h3{color:#fffdf8;text-shadow:0 1px 10px #30231360}.mock-hero.hospital-art:after{content:'＋';position:absolute;right:24px;top:-20px;font-size:160px;line-height:1.2;font-weight:400;color:#b5d8d4}.mock-hero.company-art:after{content:'';position:absolute;inset:0 0 0 55%;background:repeating-linear-gradient(135deg,transparent,transparent 24px,#c5d2e544 24px,#c5d2e544 55px)}.mock-hero.jobs-art:after{content:'';position:absolute;right:-35px;top:10px;width:190px;height:190px;border:30px solid #ded3eb;border-radius:50%}.mock-shortcuts{display:flex;justify-content:space-around;padding:13px;background:var(--mock-soft);border-top:1px solid #ffffff99;font-size:11px;color:var(--mock-accent);font-weight:600;gap:8px}.mock-news{margin:25px 24px;border:2px solid var(--mock-accent);border-radius:8px;padding:20px;background:white}.mock-news-caption{font-size:11px;color:var(--mock-accent);display:flex;gap:10px;align-items:center;font-weight:600;margin-bottom:12px}.mock-news-caption:before{content:'スマホで更新する枠';border-radius:4px;background:var(--mock-soft);padding:4px 8px;white-space:nowrap}.mock-news-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.mock-news-heading h4{font-size:20px;margin:0;font-weight:700;color:var(--mock-accent)}.mock-news-heading>span{font-size:10px;color:#7a8178}.mock-item{display:flex;gap:14px;border-top:1px solid #e4e7df;padding:13px 0;align-items:center}.mock-item:last-child{padding-bottom:0}.mock-item img{width:72px;height:62px;border-radius:4px;object-fit:cover}.mock-item>div{flex:1;min-width:0}.mock-item time{font-size:10px;color:#738076}.mock-item button{display:block;text-align:left;border:0;background:none;color:#3b463d;font-size:13px;font-weight:600;padding:4px 0;line-height:1.7;overflow-wrap:anywhere}.mock-item button:hover{text-decoration:underline}.mock-item>span{font-size:18px;color:var(--mock-accent)}.mock-file{display:inline-block;font-size:9px;color:var(--mock-accent);background:var(--mock-soft);padding:2px 7px;border-radius:3px}.mock-bottom{padding:16px 24px;border-top:1px solid #e5e8df;display:flex;justify-content:space-between;font-size:11px;color:var(--mock-accent);background:var(--mock-soft)}.scene-description{padding:10px 0}.scene-description .scene-category{font-size:12px;font-weight:700;color:var(--teal);margin-bottom:12px}.scene-description h3{font-size:24px;line-height:1.7;margin:0 0 18px}.scene-description>p{font-size:15px;color:#53685c;line-height:1.95}.scene-use-list{list-style:none;padding:0;margin:22px 0;border-block:1px solid #d8e1d3}.scene-use-list li{font-size:14px;padding:11px 0;border-bottom:1px solid #e3e9df;line-height:1.7}.scene-use-list li:last-child{border:0}.scene-use-list li:before{content:'✓';color:var(--teal);margin-right:8px}.scene-description .text-link{display:inline-block;margin-top:8px;font-size:15px}.scenarios-note{font-size:13px;color:var(--muted);margin:22px 0 0}.scene-article-body{font-size:15px;line-height:2;white-space:pre-wrap}.scene-dialog-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.mock-top-label{display:inline-block;background:#eef2e9;padding:5px 11px;border-radius:5px;font-size:12px;margin-bottom:12px;color:#657359}
@media(max-width:850px){.scene-layout{grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr);gap:24px}.mock-menu{display:none}.mock-nav{padding:17px 18px}.mock-news{margin:20px 16px;padding:16px}.mock-news-caption{flex-wrap:wrap}.scene-description h3{font-size:21px}.scene-tabs button{padding:12px}}
@media(max-width:600px){.scenarios-section{padding:50px 0}.scene-tabs{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.scene-tabs button{min-height:72px}.scene-tabs button strong{font-size:15px}.scene-tabs button span{font-size:11px}.scene-layout{grid-template-columns:1fr;gap:25px}.mock-nav{padding:16px}.mock-logo{font-size:15px}.mock-hero{padding:24px 18px;min-height:150px}.mock-hero h3{font-size:21px}.mock-hero p{font-size:11px}.mock-shortcuts{font-size:10px;padding:12px 6px;flex-wrap:wrap}.mock-news{margin:18px 12px;padding:14px}.mock-news-heading h4{font-size:18px}.mock-news-heading>span{font-size:9px}.mock-item{gap:10px}.mock-item img{width:55px;height:53px}.mock-item button{font-size:13px}.mock-bottom{padding:14px;font-size:10px;gap:10px}.mock-hero.hospital-art:after{font-size:135px;right:3px;top:0}.mock-hero.jobs-art:after{opacity:.65}.scene-description{padding:0}.scene-description h3{font-size:23px}.scene-description>p,.scene-use-list li{font-size:15px}.scenarios-note{font-size:13px}.mock-news-caption{font-size:10px}}