:root{font-family:"BIZ UDPGothic","BIZ UDPゴシック","Noto Sans JP",system-ui,sans-serif;color:#253631;background:#fbfaf7;line-height:1.75;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}img{max-width:100%}h1,h2,h3,p,figure{margin:0}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #d8dfda;background:#fbfaf7;position:sticky;top:0;z-index:20}.brand{font-size:1.18rem;font-weight:800;color:#284c3b;text-decoration:none}.brand span{font-size:.78rem;font-weight:600;margin-left:7px}.topbar nav{display:flex;gap:24px}.topbar nav a{text-decoration:none;color:#52655e;font-size:.88rem}.topbar nav a:hover{text-decoration:underline;color:#284c3b}.eyebrow{font:800 .78rem/1.4 system-ui,sans-serif;letter-spacing:.14em;color:#577669}.section-heading{margin-bottom:34px}.section-heading.compact{margin-bottom:26px}.section-heading h2{font-size:clamp(1.8rem,3.1vw,2.8rem);line-height:1.42;letter-spacing:-.035em;color:#284c3b;margin:11px 0 8px}.section-heading>p:last-child{color:#61706a}.hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:center;padding:66px 0 82px}.hero h1{font-size:clamp(2.35rem,4.6vw,4.45rem);line-height:1.25;letter-spacing:-.055em;color:#284c3b;margin:19px 0 22px}.hero h1 em{font-style:normal;box-shadow:inset 0 -.18em #eeded2}.hero-lead{font-size:1.06rem;color:#455b53}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.hero-tags span{padding:5px 10px;border:1px solid #c8d6cf;border-radius:30px;color:#36584a;background:#f3f7f4;font-size:.78rem;font-weight:700}.primary-link{display:inline-flex;align-items:center;gap:28px;margin-top:25px;background:#284c3b;color:#fff;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:5px}.primary-link:hover{background:#3a6552}.hero-workbook{position:relative;background:#fff;border:1px solid #d5dfda;border-radius:12px;padding:16px;box-shadow:0 22px 50px #23362e16;overflow:hidden}.hero-workbook>a{display:block;overflow:hidden;border:1px solid #dce3df}.hero-workbook img{display:block;width:175%;max-width:none;height:360px;object-fit:cover;object-position:left top}.hero-workbook figcaption{font-size:.75rem;color:#6a7973;margin-top:9px}.image-label{position:absolute;z-index:2;top:27px;left:27px;background:#fff;color:#284c3b;padding:5px 9px;border-radius:3px;font-size:.75rem;font-weight:800;box-shadow:0 2px 10px #0002}.problem{background:#edf1ee;padding:82px 0}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comic-panel{position:relative;background:#fff;border:1px solid #cdd8d2;border-radius:8px;padding:8px;overflow:hidden}.comic-panel img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.comic-panel p{position:absolute;top:24px;left:23px;width:44%;text-align:center;font-size:clamp(.82rem,1.3vw,1.02rem);font-weight:800;line-height:1.45;color:#20352c}.comic-panel:nth-child(2) p,.comic-panel:nth-child(3) p,.comic-panel:nth-child(4) p,.comic-panel:nth-child(5) p{width:49%}.comic-panel:nth-child(4) p,.comic-panel:nth-child(5) p{top:22px}.comic-panel.solution{border-color:#739c89;box-shadow:inset 0 0 0 2px #b9d0c4}.comic-panel.solution p{color:#28553f}.resolution{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px;background:#284c3b;color:#fff;padding:19px 24px;border-radius:7px}.resolution span{font-size:.76rem;border:1px solid #9fb9ad;border-radius:30px;padding:3px 9px}.resolution strong{font-size:1.08rem}.workflow{padding:92px 0}.button-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px}.button-steps article{border:1px solid #d4ded9;background:#fff;padding:23px;border-radius:9px}.button-steps article>span{display:block;color:#70857b;font-weight:800;font-size:.8rem}.button-steps b{display:inline-block;background:#e7e6e4;border:1px solid #676767;box-shadow:2px 2px 0 #8e8e8e;padding:8px 14px;margin:10px 0;font-size:1rem}.button-steps p{font-size:.88rem;color:#5c6c65}.button-steps>i{font-style:normal;font-size:1.5rem;color:#b46d58}.automation-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.automation-list span{background:#eef3f0;color:#365649;border-radius:4px;padding:7px 11px;font-size:.82rem;font-weight:700}.screens{background:#f0f3f1;padding:88px 0 96px}.screen-card{background:#fff;border:1px solid #d3ddd8;border-radius:11px;padding:24px;margin-top:22px;box-shadow:0 8px 30px #20352c0a}.screen-card header{display:flex;align-items:baseline;gap:20px;margin-bottom:18px}.screen-card header>span{flex:none;font:800 .78rem/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#b0634e}.screen-card h3{font-size:1.35rem;color:#284c3b}.screen-card header p{font-size:.9rem;color:#60736a}.screen-card>a{display:block;overflow:auto;border:1px solid #dce4e0;background:#fdfdfc}.screen-card img{display:block;width:100%;height:auto;min-width:860px}.screen-card .wide-screen{min-width:900px}.controls-card{border-color:#9fb8ac}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.input-grid .screen-card{min-width:0}.input-grid img{min-width:940px}.after-card{border:2px solid #769889;padding:27px}.legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 15px;font-size:.85rem}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{width:18px;height:18px;border:1px solid #cfd8d4;border-radius:3px}.legend .red{background:#ffdddd}.legend .yellow{background:#fff2cc}.legend .white{background:#fff}.screen-note{margin-top:13px;color:#596b63;font-size:.88rem}.benefits{padding:90px 0}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.benefit-grid article{border-top:3px solid #739684;background:#fff;padding:21px 17px;box-shadow:0 8px 30px #20352c0c}.benefit-grid b{display:block;color:#284c3b;margin-bottom:8px}.benefit-grid p{font-size:.85rem;color:#60716a}.applications{background:#284c3b;color:#fff;padding:88px 0}.applications .eyebrow{color:#a8c3b7}.applications .section-heading h2{color:#fff}.application-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.application-grid article{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px;background:#355b4a;border:1px solid #577867;border-radius:7px}.application-grid span{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#f2e7df;color:#955946;border-radius:50%;font-weight:800}.application-grid b{font-size:.86rem;line-height:1.5}.application-message{margin-top:27px;padding:21px 24px;background:#fff;color:#284c3b;border-radius:6px;font-weight:800;text-align:center}footer{background:#1e392d;color:#d7e2dc;padding:27px 0 36px}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}footer strong{color:#fff;font-size:.92rem}footer p{font-size:.8rem}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-workbook img{height:310px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.application-grid{grid-template-columns:repeat(2,1fr)}.input-grid{grid-template-columns:1fr}}@media(max-width:700px){.wrap{width:min(100% - 30px,1180px)}.topbar{position:static;align-items:flex-start;flex-direction:column}.topbar nav{gap:15px;flex-wrap:wrap}.topbar nav a{font-size:.76rem}.hero{padding:48px 0 60px}.hero h1{font-size:2.3rem}.hero-workbook img{height:230px;width:220%}.problem,.workflow,.screens,.benefits,.applications{padding:60px 0}.comic-grid{grid-template-columns:1fr 1fr;gap:9px}.comic-panel p{font-size:.75rem;top:17px;left:14px}.resolution{display:block;text-align:center}.resolution strong{display:block;margin-top:9px}.button-steps{grid-template-columns:1fr}.button-steps>i{transform:rotate(90deg);text-align:center}.screen-card{padding:14px}.screen-card header{display:block}.screen-card header h3{margin-top:5px}.screen-card img,.screen-card .wide-screen{min-width:720px}.benefit-grid{grid-template-columns:1fr}.application-grid{grid-template-columns:1fr}footer .wrap{display:block}footer p{margin-top:8px}}@media(max-width:430px){.comic-panel p{font-size:.69rem;line-height:1.35;top:13px;left:10px}.hero-workbook img{height:200px}.application-message{text-align:left}}