:root{--brand-deep:#1b4332;--brand-main:#2d6a4f;--brand-light:#40916c;--ink:#1a1a1a;--gray-light:#f5f6f5;--white:#fff;--border-color:#dfe3e0;--text-muted:#555;--warn-bg:#fdf9f0;--warn-border:#e6d9b8;--warn-ink:#574200;--radius-card:12px;--shadow-card:0 1px 2px #0000000a, 0 4px 12px #0000000a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--gray-light);letter-spacing:.02em;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;font-size:16px;line-height:1.7}button{font:inherit}.app{max-width:1080px;margin:0 auto;padding:32px 20px 64px}.app:focus{outline:none}.industry-select__heading{color:var(--brand-deep);text-align:center;margin:0 0 12px;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:700;line-height:1.5}.industry-select__lead{text-align:center;color:var(--text-muted);margin:0 0 32px;font-size:1.05rem;line-height:1.7}.industry-select__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;gap:20px;display:grid}@media (width>=520px){.industry-select__grid{grid-auto-rows:1fr}}.industry-select__card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-card);cursor:pointer;text-align:center;color:var(--brand-main);flex-direction:column;align-items:center;gap:10px;padding:28px 20px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.industry-select__card:hover,.industry-select__card:focus-visible{border-color:var(--brand-light);transform:translateY(-2px)}.industry-select__icon{color:var(--brand-main);flex-shrink:0;justify-content:center;align-items:center;display:flex}.industry-select__label{min-height:3em;color:var(--brand-deep);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;line-height:1.5;display:flex}.industry-select__description{color:var(--text-muted);flex:1;font-size:.92rem;line-height:1.7}.usecase-list__header{margin-bottom:28px}.usecase-list__back{color:var(--brand-main);cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-size:.95rem}.usecase-list__back:hover,.usecase-list__back:focus-visible{text-decoration:underline}.usecase-list__heading{color:var(--brand-deep);align-items:center;gap:10px;margin:0 0 8px;font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:700;line-height:1.5;display:flex}.usecase-list__heading-icon{color:var(--brand-main);flex-shrink:0;align-items:center;display:flex}.usecase-list__lead{color:var(--text-muted);margin:0;line-height:1.7}.usecase-list__grid{grid-template-columns:1fr;align-items:stretch;gap:20px;display:grid}@media (width>=720px){.usecase-list__grid{grid-template-columns:repeat(2,1fr)}}.usecase-list__contact{text-align:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-top:40px;padding:28px 20px}.usecase-list__contact-lead{color:var(--ink);margin:0 0 16px;font-size:1.05rem;line-height:1.7}.usecase-list__contact-button{background:var(--brand-main);color:var(--white);border-radius:999px;padding:14px 36px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.usecase-list__contact-button:hover,.usecase-list__contact-button:focus-visible{background:var(--brand-deep)}.usecase-list__footer-nav{text-align:center;margin-top:28px}.usecase-list__footer-nav .usecase-list__back{margin-bottom:0}.usecase-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:22px;display:flex}.usecase-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.usecase-card__tags{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;display:flex}.usecase-card__tag{color:#6b7770;white-space:nowrap;cursor:default;font-size:.78rem}.usecase-card__tag:before{content:"#";color:#a6b0aa;margin-right:1px}.usecase-card__level{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.usecase-card__level--easy{background:var(--brand-light);color:var(--ink)}.usecase-card__level--standard{background:var(--brand-main);color:var(--white)}.usecase-card__level--advanced{background:var(--brand-deep);color:var(--white)}.usecase-card__title{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:1.2rem;font-weight:700;line-height:1.5}.usecase-card__pain{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.7}.usecase-card__human-check{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:8px;align-items:flex-start;gap:8px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.7;display:flex}.usecase-card__human-check-icon{color:var(--warn-ink);flex-shrink:0;align-items:center;margin-top:2px;display:flex}.usecase-card__note{color:#767676;margin:0;font-size:.82rem;line-height:1.7}.flow-strip{background:0 0;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex}.flow-strip__step{border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.92rem;line-height:1.7;display:flex}.flow-strip__step--trigger{background:var(--white);border:1px solid var(--border-color);border-left:4px solid var(--brand-light)}.flow-strip__step--ai{background:var(--gray-light);border:1px solid var(--border-color);border-left:4px solid var(--brand-main)}.flow-strip__step--output{background:var(--white);border:1px solid var(--brand-light)}.flow-strip__icon{color:var(--brand-main);flex-shrink:0;align-items:center;display:flex}.flow-strip__text{color:var(--ink);overflow-wrap:anywhere}.flow-strip__arrow{background:var(--brand-light);align-self:center;width:1px;height:18px;margin:4px 0;position:relative}.flow-strip__arrow:after{content:"";border-right:1px solid var(--brand-light);border-bottom:1px solid var(--brand-light);width:7px;height:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%,1px)rotate(45deg)}.flow-strip__outputs{flex-direction:column;gap:6px;width:100%;display:flex}@media (width>=480px){.flow-strip__outputs{flex-flow:wrap}.flow-strip__outputs .flow-strip__step{flex:160px;width:auto}}.app-footer{text-align:center;padding:24px 20px 40px}.app-footer__catch{color:#767676;margin:0;font-size:.82rem;line-height:1.7}
