
/* Seesee Workplace LP v1.0; all styles scoped to #ss-workplace; safe for a Gutenberg Custom HTML block */
#ss-workplace{--ink:#253a34;--muted:#64746c;--deep:#29473d;--leaf:#577d6d;--light:#edf2ec;--paper:#fafaf5;--moca:#e9e0d4;--line:#d9e1d8;--gold:#e3c75e;--blue:#779dca;--red:#c87972;box-sizing:border-box;color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.85;background:#fff}
#ss-workplace *,#ss-workplace *:before,#ss-workplace *:after{box-sizing:inherit}
#ss-workplace .ssw-container{width:min(1100px,calc(100% - 44px));margin-inline:auto}
#ss-workplace h1,#ss-workplace h2,#ss-workplace h3,#ss-workplace p{margin-top:0}
#ss-workplace h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.34;letter-spacing:.01em;font-weight:750}
#ss-workplace h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.45;letter-spacing:.015em}
#ss-workplace h3{font-size:1.11rem;line-height:1.6;margin-bottom:.35rem}
#ss-workplace p{margin-bottom:1rem}
#ss-workplace a{color:inherit;text-decoration:none}
#ss-workplace a:focus-visible,#ss-workplace summary:focus-visible{outline:3px solid #93b3a7;outline-offset:3px}
#ss-workplace a.ssw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:999px;font-weight:700;gap:10px;line-height:1.4;transition:transform .2s ease,box-shadow .2s ease}
#ss-workplace a.ssw-btn:hover{transform:translateY(-2px)}
#ss-workplace .ssw-btn.primary{background:#294b3e;color:#fff!important;box-shadow:0 9px 25px #25453624}
#ss-workplace .ssw-btn.secondary{border:1px solid #567a6a;color:#284637;background:transparent}
#ss-workplace .ssw-kicker{font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;color:#6d8677;font-weight:700;margin-bottom:17px}
#ss-workplace .ssw-lead{font-size:clamp(1rem,1.9vw,1.15rem);color:#455b51;max-width:68ch}
#ss-workplace .ssw-note{font-size:.78rem;color:#65776e;line-height:1.9}
#ss-workplace .ssw-section{padding:90px 0}
#ss-workplace .ssw-center{text-align:center}
#ss-workplace .ssw-center .ssw-lead{margin-inline:auto}
#ss-workplace .ssw-grid{display:grid;gap:18px}
#ss-workplace .ssw-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#ss-workplace .ssw-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#ss-workplace .ssw-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#ss-workplace .ssw-hero{background:linear-gradient(110deg,#f4f6f0 0%,#e8eee7 58%,#e0eae2 100%);padding:88px 0 90px;overflow:hidden}
#ss-workplace .ssw-hero-wrap{display:grid;grid-template-columns:1.16fr .84fr;gap:40px;align-items:center}
#ss-workplace .ssw-hero strong{color:#3d6756}
#ss-workplace .ssw-hero .ssw-lead{margin-bottom:24px}
#ss-workplace .ssw-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
#ss-workplace .ssw-question-board{position:relative;background:#fffdf8;border:1px solid #d9e4da;box-shadow:0 28px 50px #3153411b;border-radius:30px;padding:34px 28px 20px}
#ss-workplace .ssw-board-label{color:#698175;font-size:.75rem;letter-spacing:.15em;font-weight:800;margin-bottom:12px}
#ss-workplace .ssw-board-q{font-size:1.5rem;line-height:1.58;font-weight:750;margin:8px 0 22px}
#ss-workplace .ssw-pills{display:flex;flex-wrap:wrap;gap:8px}
#ss-workplace .ssw-pill{font-size:.8rem;border-radius:999px;padding:6px 12px;background:#e6eee7;color:#416556;font-weight:650}
#ss-workplace .ssw-mini-arrow{display:block;font-size:27px;text-align:center;color:#7c9e8c;margin:15px 0 6px}
#ss-workplace .ssw-board-solution{background:#eaf1e9;border-radius:17px;padding:14px 16px;font-weight:750;text-align:center;color:#375f4e}
#ss-workplace .ssw-intro{background:#fff}
#ss-workplace .ssw-trouble{background:#f6f8f4;border:1px solid #e4eae3;border-radius:22px;padding:23px 20px;min-height:186px}
#ss-workplace .ssw-number{font-size:.76rem;color:#759282;font-weight:800;letter-spacing:.13em;margin-bottom:14px}
#ss-workplace .ssw-trouble p{font-size:.91rem;color:#65756c;margin-bottom:0}
#ss-workplace .ssw-quote{padding:26px 30px;border-left:4px solid #6d947f;background:#eef3ed;margin-top:28px;border-radius:0 14px 14px 0;font-weight:650}
#ss-workplace .ssw-model{background:#f3f5ef}
#ss-workplace .ssw-analysis{background:#fff;border-radius:26px;border:1px solid var(--line);padding:25px;box-shadow:0 14px 36px #3353470a;height:100%}
#ss-workplace .ssw-analysis .ssw-dab{height:11px;width:65px;border-radius:20px;margin-bottom:22px}
#ss-workplace .ssw-analysis.yellow .ssw-dab{background:var(--gold)}
#ss-workplace .ssw-analysis.blue .ssw-dab{background:var(--blue)}
#ss-workplace .ssw-analysis.red .ssw-dab{background:var(--red)}
#ss-workplace .ssw-analysis p{font-size:.94rem;color:#52655a}
#ss-workplace .ssw-data-disclaimer{background:#e4e9e1;padding:20px 23px;border-radius:15px;font-size:.9rem;margin-top:27px}
#ss-workplace .ssw-five{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 17px}
#ss-workplace .ssw-five span{padding:6px 13px;border:1px solid #cbd8cd;border-radius:18px;background:#f7f9f5;color:#486455;font-size:.86rem}
#ss-workplace .ssw-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#ss-workplace .ssw-step{padding:19px 15px;background:#fff;border:1px solid #dfe8df;border-radius:20px;position:relative;min-height:165px}
#ss-workplace .ssw-step .ssw-n{display:block;color:#668a77;font-size:.74rem;font-weight:800;margin-bottom:10px}
#ss-workplace .ssw-step h3{font-size:1.04rem;margin-bottom:8px}
#ss-workplace .ssw-step p{font-size:.8rem;color:#6a7a6e;margin-bottom:0}
#ss-workplace .ssw-system{background:var(--deep);color:#fff}
#ss-workplace .ssw-system .ssw-kicker,#ss-workplace .ssw-system .ssw-lead{color:#c8dacf}
#ss-workplace .ssw-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
#ss-workplace .ssw-feature{background:#ffffff0c;border:1px solid #ffffff33;border-radius:20px;padding:22px;min-height:155px}
#ss-workplace .ssw-feature b{display:block;margin-bottom:8px}
#ss-workplace .ssw-feature p{font-size:.88rem;color:#dce9e0;margin-bottom:0}
#ss-workplace .ssw-feature .ssw-fn{display:block;color:#b7d0bf;font-size:.72rem;margin-bottom:9px;letter-spacing:.1em}
#ss-workplace .ssw-roles{background:#fff}
#ss-workplace .ssw-role{padding:28px 23px;border:1px solid var(--line);border-radius:22px;background:#fafbf7}
#ss-workplace .ssw-role small{display:block;color:#759282;font-weight:800;letter-spacing:.1em;margin-bottom:12px}
#ss-workplace .ssw-role q{font-size:1.05rem;font-weight:750;line-height:1.7;quotes:'「' '」'}
#ss-workplace .ssw-role p{font-size:.89rem;color:#566c5e;margin:13px 0 0}
#ss-workplace .ssw-menu{background:var(--light)}
#ss-workplace .ssw-offer{background:#fff;border:1px solid #dce6db;border-radius:22px;padding:25px}
#ss-workplace .ssw-offer .ssw-offer-n{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.12em;color:#668874;margin-bottom:8px}
#ss-workplace .ssw-offer p{font-size:.91rem;color:#5a6d61;margin-bottom:0}
#ss-workplace .ssw-philosophy{background:linear-gradient(130deg,#eee7db,#f6f4eb)}
#ss-workplace .ssw-philosophy-card{padding:28px 30px;background:#fffcf5bf;border:1px solid #dfd3c3;border-radius:24px}
#ss-workplace .ssw-philosophy-card h3{margin-bottom:10px}
#ss-workplace .ssw-philosophy-card a{color:#2c6b56;text-decoration:underline;text-underline-offset:4px}
#ss-workplace .ssw-faq{background:#fff}
#ss-workplace .ssw-faq details{border-bottom:1px solid #d7e3d8;padding:15px 0}
#ss-workplace .ssw-faq summary{list-style:none;cursor:pointer;font-weight:750;padding:7px 34px 7px 0;position:relative}
#ss-workplace .ssw-faq summary::-webkit-details-marker{display:none}
#ss-workplace .ssw-faq summary:after{content:'＋';position:absolute;right:3px;top:7px;color:#58816d}
#ss-workplace .ssw-faq details[open] summary:after{content:'−'}
#ss-workplace .ssw-faq details p{margin:6px 0 14px;font-size:.93rem;color:#586b5f}
#ss-workplace .ssw-cta{padding:75px 0;background:#e9efe7;text-align:center}
#ss-workplace .ssw-cta h2{max-width:680px;margin:0 auto 15px}
#ss-workplace .ssw-cta p{max-width:650px;margin:0 auto 25px;color:#4d6658}
#ss-workplace .ssw-cta .ssw-hero-actions{justify-content:center}
#ss-workplace .ssw-footnote{padding:28px 0;background:#f9faf7;border-top:1px solid #e8ede6}
#ss-workplace .ssw-footnote a{text-decoration:underline;text-underline-offset:3px;color:#386b53}
@media(max-width:900px){#ss-workplace .ssw-hero-wrap{grid-template-columns:1fr;gap:30px}#ss-workplace .ssw-steps{grid-template-columns:repeat(3,minmax(0,1fr))}#ss-workplace .ssw-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#ss-workplace{font-size:15px}#ss-workplace .ssw-container{width:min(100% - 34px,520px)}#ss-workplace .ssw-section{padding:62px 0}#ss-workplace .ssw-hero{padding:60px 0 64px}#ss-workplace .ssw-grid.ssw-2,#ss-workplace .ssw-grid.ssw-3,#ss-workplace .ssw-grid.ssw-4,#ss-workplace .ssw-features{grid-template-columns:1fr}#ss-workplace .ssw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#ss-workplace .ssw-step{min-height:140px}#ss-workplace .ssw-question-board{padding:23px 19px 17px}#ss-workplace .ssw-board-q{font-size:1.28rem}#ss-workplace .ssw-trouble{min-height:0}#ss-workplace .ssw-quote{padding:18px 20px}#ss-workplace .ssw-feature{min-height:0}#ss-workplace .ssw-cta{padding:58px 0}#ss-workplace .ssw-hero-actions{display:flex;flex-direction:column;align-items:stretch}#ss-workplace a.ssw-btn{width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){#ss-workplace a.ssw-btn{transition:none}#ss-workplace a.ssw-btn:hover{transform:none}}
#ss-workplace .ssw-case{border:1px solid #dce5da;background:#fafbf8;border-radius:20px;padding:27px 23px;display:flex;flex-direction:column;gap:7px}
#ss-workplace .ssw-case h3{margin:2px 0 7px}
#ss-workplace .ssw-case a{color:#365e4b;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:auto;padding-top:12px}

#ss-workplace h1,#ss-workplace h2{overflow-wrap:anywhere;text-wrap:balance}#ss-workplace .ssw-system h2{color:#fff}#ss-workplace .ssw-six{grid-template-columns:repeat(3,minmax(0,1fr))}#ss-workplace [id]{scroll-margin-top:100px}@media(max-width:680px){#ss-workplace .ssw-six{grid-template-columns:1fr}}
