/* ==========================================================================
   Well-Beings 静态版样式表
   1) 字体定义 (Noto Sans JP / Poppins / Inter，Google Fonts webfont)
   2) 全局样式 (原 src/app/globals.css 的 .wb-* 类 + Tailwind preflight)
   3) 从各页面内联样式抽取出的 .wbs-* 类
   ========================================================================== */

/* 字体は Google Fonts（webfont）から配信する。@font-face 本体は head.php の
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?..."> 側にあるため
   ここには置かない。unicode-range による分割配信は Google 側が行う。

   *_Fallback_* は Arial にメトリクスを合わせた代替フェイス。webfont の到着前後で
   行高・字幅が変わらないようにして CLS を防ぐ。値は next/font が算出したものを
   そのまま流用しているので、フォントを差し替える場合はここも見直すこと。 */
@font-face{font-family:__Noto_Sans_JP_Fallback_7ac844;src:local("Arial");ascent-override:110.73%;descent-override:27.49%;line-gap-override:0.00%;size-adjust:104.76%}
@font-face{font-family:__Poppins_Fallback_239387;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}
@font-face{font-family:__Inter_Fallback_8b3a0b;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}
.__className_7ac844{font-family:"Noto Sans JP",__Noto_Sans_JP_Fallback_7ac844;font-style:normal}
.__variable_7ac844{--font-jp:"Noto Sans JP","__Noto_Sans_JP_Fallback_7ac844"}
.__className_239387{font-family:"Poppins",__Poppins_Fallback_239387;font-style:normal}
.__variable_239387{--font-display:"Poppins","__Poppins_Fallback_239387"}
.__className_8b3a0b{font-family:"Inter",__Inter_Fallback_8b3a0b;font-style:normal}
.__variable_8b3a0b{--font-numeric:"Inter","__Inter_Fallback_8b3a0b"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--wb-green:#00a013;--wb-green-dark:#00730e;--wb-green-deep:#0a5e3e;--wb-green-mid:#1f8a5b;--wb-green-fresh:#39c24c;--wb-hero-deep:#0a2417;--wb-text-primary:#0c140f;--wb-text-secondary:#34403a;--wb-text-body:#4a554e;--wb-text-muted:#6a746e;--wb-text-subtle:#9aa79f;--wb-text-label:#8a958d;--wb-surface-white:#fff;--wb-surface-off:#f4f7f4;--wb-surface-green:#eef6ef;--wb-surface-footer:#eef2ec;--wb-border:#e7ece8;--wb-border-medium:#d4dcd4;--wb-border-green:#cfe4d3;--wb-border-green-dk:#bfe0c6;--wb-border-green-lt:#d8e6da;--wb-error:#cf3b3b;--wb-success:#00a013;--wb-font-display:var(--font-display),"Poppins",sans-serif;--wb-font-jp:var(--font-jp),"Noto Sans JP",sans-serif;--wb-font-numeric:var(--font-numeric),"Inter",sans-serif;--wb-container:1180px;--wb-page-x:clamp(20px,5vw,52px);--wb-ease-out:cubic-bezier(0.22,0.61,0.36,1);--wb-shadow-card-hover:0 18px 44px rgba(12,20,15,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;color:#0c140f;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-family:var(--wb-font-jp);line-break:strict}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}dd,p{text-wrap:pretty;word-break:normal}dd,h1,h2,h3,p{line-break:strict}h1,h2,h3{text-wrap:balance}button,input,select,textarea{font-family:inherit}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--wb-ease-out),transform .8s var(--wb-ease-out)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes sig-dark{0%{color:hsla(0,0%,100%,.42)}to{color:#39c24c}}.sig-dark{animation:sig-dark 1.8s var(--wb-ease-out) .5s both}@keyframes ov-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.wb-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#00a013;color:#fff;font-family:var(--wb-font-jp);font-weight:700;border-radius:3px;border:none;cursor:pointer;box-shadow:var(--s,0 4px 16px rgba(0,160,19,.28));transition:transform .25s,box-shadow .25s}.wb-cta:hover{transform:translateY(-2px);box-shadow:var(--sh,0 10px 28px rgba(0,160,19,.4))}.wb-btn-ghost-dark{display:inline-flex;align-items:center;gap:7px;border:1.5px solid hsla(0,0%,100%,.38);color:#fff;font-family:var(--wb-font-jp);font-weight:600;border-radius:3px;background:transparent;cursor:pointer;transition:border-color .2s,background .2s}.wb-btn-ghost-dark:hover{border-color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.08)}.wb-btn-ghost-light{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid #c6d1c8;color:#0c140f;font-family:var(--wb-font-jp);font-weight:600;border-radius:3px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}.wb-btn-ghost-light:hover{border-color:#00a013;background:#eef6ef}.wb-arrow{display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto;align-items:center;gap:8px;font-family:var(--wb-font-jp);font-weight:600;color:#00730e;transition:gap .25s,color .2s}.wb-arrow:hover{gap:13px;color:#00a013}.wb-navlink{white-space:nowrap;transition:color .2s}.wb-navlink:hover{color:#00730e}.wb-flink{color:hsla(0,0%,100%,.52);transition:color .2s}.wb-flink:hover{color:#fff}.wb-flink-muted{color:hsla(0,0%,100%,.28);transition:color .2s}.wb-flink-muted:hover{color:hsla(0,0%,100%,.62)}.wb-crumb-dark{transition:color .2s}.wb-crumb-dark:hover{color:#fff}.wb-crumb-light{transition:color .2s}.wb-crumb-light:hover{color:#00730e}.wb-card-challenge{background:#fff;border:1px solid #e7ece8;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.wb-card-challenge:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(12,20,15,.09);border-color:#cfe4d3}.wb-job-row{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.wb-job-row:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(12,20,15,.09);border-color:#cfe4d3}.wb-job-row:hover .wb-job-cta>span{background:#00a013;color:#fff}.wb-job-cta>span{color:#00a013;transition:background .28s ease,color .28s ease}@media (max-width:640px){.wb-job-row{grid-template-columns:1fr!important}.wb-job-row .wb-job-cta{justify-self:start!important}}.wb-member-thumb{transition:transform .3s ease,box-shadow .3s ease}.wb-member-card:hover .wb-member-thumb{transform:translateY(-5px);box-shadow:0 20px 44px rgba(12,20,15,.12)}.wb-input{font-size:15px;color:#0c140f;background:#fff;border:1.5px solid #d8e0da;border-radius:8px;padding:13px 15px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.wb-input:focus{border-color:#00a013;box-shadow:0 0 0 3px rgba(0,160,19,.14)}.wb-textarea{resize:vertical;line-height:1.7}.wb-file{display:flex;align-items:center;gap:14px;border:1.5px dashed #c6d1c8;border-radius:10px;padding:16px 18px;cursor:pointer;transition:border-color .2s,background .2s}.wb-file:hover{border-color:#00a013;background:#f4f7f4}.wb-skip{position:absolute;top:-52px;left:20px;z-index:300;background:#00a013;color:#fff;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;transition:top .2s}.wb-skip:focus{top:8px}.wb-entry-pill{white-space:nowrap;background:#00a013;color:#fff;font-family:var(--wb-font-jp);font-size:13px;font-weight:700;padding:10px 20px;border-radius:3px;box-shadow:0 3px 10px rgba(0,160,19,.18);transition:transform .2s,box-shadow .2s;flex-shrink:0}.wb-entry-pill:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,160,19,.28)}.wb-corp-link{white-space:nowrap;font-size:12px;color:#9aa79f;transition:color .2s}.wb-corp-link:hover{color:#0c140f}.wb-contact-btn:hover{background:#0c140f;color:#fff}.wb-svc-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.wb-svc-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(12,20,15,.1);border-color:#cfe4d3}.wb-news-row{transition:background .2s}.wb-news-row:hover{background:#f4f7f4}.wb-cta-fill{transition:transform .25s ease,box-shadow .25s ease}.wb-cta-fill:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,160,19,.28)}.wb-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.wb-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(12,20,15,.1);border-color:#cfe4d3}.wb-textlink{display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto;align-items:center;gap:9px;font-weight:700;color:#00730e;transition:gap .25s ease,color .2s ease}.wb-textlink:hover{gap:14px;color:#00a013}.wb-menu{display:none}@media (max-width:880px){.wb-navlinks{display:none!important}.wb-menu{display:flex!important}}@keyframes wbValueBreath{0%,to{text-shadow:0 0 6px rgba(0,160,19,.12)}50%{text-shadow:0 0 16px rgba(0,160,19,.3)}}.wb-value-glow{color:#00a013;text-shadow:0 0 10px rgba(0,160,19,.18);animation:wbValueBreath 5s ease-in-out infinite}@keyframes wbOpDot{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(.8)}62%{transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@keyframes wbOpRing{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}25%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%) scale(3.6)}}@keyframes wbOpLogo{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}55%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes wbOpHead{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wbOpType{0%{width:0;opacity:0}to{width:1em;opacity:1}}@keyframes wbOpCaret{0%,to{opacity:1}50%{opacity:0}}@keyframes wbOpWhite{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(90)}}@keyframes wbOpAutoOut{0%,92%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.wb-op-overlay{animation:wbOpAutoOut 7.6s linear forwards}.wb-op-overlay.wb-op-cleared{pointer-events:none}@media (prefers-reduced-motion:reduce){.wb-op-overlay{display:none!important}}@keyframes wbRingFlow{to{stroke-dashoffset:-1256}}@keyframes wbOpEdge{0%{opacity:0;transform:translate(var(--ax),var(--ay)) rotate(var(--a)) scaleX(0)}35%{opacity:.55}to{opacity:.5;transform:translate(var(--ax),var(--ay)) rotate(var(--a)) scaleX(1)}}@keyframes wbOpNode{0%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(0)}55%{opacity:1}to{opacity:1;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1)}}@keyframes wbCueX{0%{transform:scaleX(.5);opacity:.4}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(.5);opacity:.4}}.wb-field{transition:border-color .2s,box-shadow .2s}.wb-field:focus{outline:none;border-color:#00a013!important;box-shadow:0 0 0 3px rgba(0,160,19,.14)}.wb-submit:disabled{opacity:.45;cursor:not-allowed!important;box-shadow:none!important}.wb-purpose{cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.wb-purpose:hover{transform:translateY(-2px)}.wb-purpose:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,160,19,.14)}.wb-accent-line{position:absolute;left:-6%;width:112%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(0,160,19,.42) 32%,rgba(0,160,19,.55) 72%,transparent);transform:rotate(-3.2deg);transform-origin:center;pointer-events:none;z-index:1}@media (prefers-reduced-motion:reduce){.wb-value-glow{animation:none!important;text-shadow:0 0 10px rgba(0,160,19,.18)!important}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1!important;transform:none!important}.sig-dark{animation:none!important;color:#39c24c!important}html{scroll-behavior:auto}}@media (max-width:900px){.why-grid{grid-template-columns:1fr!important}.why-photo{min-height:55vw!important}.str-row{grid-template-columns:1fr!important;min-height:unset!important}.str-photo{min-height:60vw!important;order:2!important}.str-row>:not(.str-photo){order:1!important}.challenge-grid{grid-template-columns:1fr!important}.arena-spectrum{display:grid!important;grid-template-columns:1fr 1fr!important}.arena-axis{display:none!important}}@media (max-width:640px){.num-row-2{grid-template-columns:1fr!important}.num-row-3{grid-template-columns:1fr 1fr!important}.arena-spectrum{grid-template-columns:1fr!important}}.msg-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-template-areas:"photo kicker" "photo body";-moz-column-gap:clamp(32px,5vw,64px);column-gap:clamp(32px,5vw,64px);row-gap:14px;align-items:start;max-width:1080px;margin:0 auto}.msg-grid .msg-photo{grid-area:photo;align-self:center}.msg-grid .msg-kicker{grid-area:kicker;align-self:end}.msg-grid .msg-body{grid-area:body;align-self:start}@media (max-width:640px){.msg-grid{grid-template-columns:1fr;grid-template-areas:"kicker" "photo" "body";row-gap:18px}.msg-grid .msg-body,.msg-grid .msg-kicker,.msg-grid .msg-photo{align-self:stretch}.wb-exec-card{flex-direction:column;min-height:0!important}.wb-exec-photo{width:100%!important;align-self:stretch;aspect-ratio:4/5}}@media (max-width:900px){.rct-links{display:none!important}.rct-hamburger{display:flex!important}.wb-corp-link{display:none!important}}@media (max-width:640px){.wb-rec-header-inner{padding-left:16px!important;padding-right:16px!important;gap:8px!important}.wb-rec-logo{height:20px!important}.wb-entry-pill{padding:8px 13px;font-size:12.5px}}.wb-drawer{position:fixed;inset:0;z-index:100;background:#fff;display:flex;flex-direction:column;padding:16px clamp(22px,6vw,44px) 40px;overflow-y:auto;animation:wbDrawerIn .32s cubic-bezier(.16,.84,.44,1)}@keyframes wbDrawerIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.wb-drawer-top{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2ee}.wb-drawer-close{position:relative;width:44px;height:44px;border:none;background:none;cursor:pointer;flex-shrink:0}.wb-drawer-close span{position:absolute;top:50%;left:50%;width:24px;height:2px;background:#0c140f;border-radius:2px}.wb-drawer-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.wb-drawer-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.wb-drawer-nav{display:flex;flex-direction:column;margin-top:20px}.wb-drawer-link{font-family:var(--wb-font-jp);font-size:clamp(20px,6vw,26px);font-weight:800;color:#0c140f;padding:16px 2px;border-bottom:1px solid #eef2ee;opacity:0;transform:translateX(-12px);animation:wbDrawerLinkIn .42s ease forwards}@keyframes wbDrawerLinkIn{to{opacity:1;transform:none}}.wb-drawer-foot{margin-top:26px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.wb-drawer-entry{background:#00a013;color:#fff;font-family:var(--wb-font-jp);font-weight:700;font-size:15px;padding:13px 30px;border-radius:3px}.wb-drawer-corp{color:#4a554e;font-weight:600;font-size:14px}@media (prefers-reduced-motion:reduce){.wb-drawer,.wb-drawer-link{animation-duration:.01ms}.wb-drawer-link{opacity:1;transform:none}}@media (max-width:900px){.jd-grid{grid-template-columns:1fr!important}.wb-sticky-col{top:auto!important}.jd-aside,.wb-sticky-col{position:static!important}.flow-steps,.form-row-2,.mem-detail-grid{grid-template-columns:1fr!important}.mem-detail-photo{min-height:64vw!important}}@media (min-width:901px){.wb-member-modal{height:min(84vh,600px)}.wb-member-modal .mem-detail-grid{height:100%}.wb-member-modal .mem-detail-body{height:100%;min-height:0;overflow-y:auto}}a,a:link,a:visited{text-decoration:none}@media (max-width:640px){.wb-bg-challenges{background-position:76% 28%!important}.wb-bg-platform{display:none!important}.wb-bg-challenges{background-image:url(../images/sm/challenges-bg.webp)!important}.wb-bg-numbers{background-image:url(../images/sm/numbers-bg.webp)!important}.wb-bg-belief{background-image:url(../images/sm/belief-bg.jpg)!important}}

/* ==========================================================================
   抽取自各页面元素的内联样式（由 Next.js 版本的 style={{...}} 转换而来）
   共 918 条，去重前 4550 处使用
   ========================================================================== */

/* 232× <p> */
.wbs-p { font-size: 16px; line-height: 2; color: #3a443e; text-wrap: pretty }
/* 130× <a> */
.wbs-link { font-family: var(--wb-font-jp); font-size: 13px }
/* 105× <a> */
.wbs-link-2 { color: #4a554e; font-size: 14px }
/* 63× <span> */
.wbs-block { width: 24px; height: 2px; background: #0c140f; display: block }
/* 63× <div> */
.wbs-box { font-size: 12px; font-weight: 700; letter-spacing: .1em; color: #0c140f; text-transform: uppercase; font-family: var(--wb-font-display) }
/* 55× <h2> */
.wbs-h2 { font-size: clamp(18px,2.2vw,24px); font-weight: 900; line-height: 1.5; margin-top: 12px }
/* 54× <span> */
.wbs-nowrap { white-space: nowrap }
/* 52× <div> */
.wbs-container { max-width: 1180px; margin: 0 auto }
/* 51× <span> */
.wbs-txt { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .08em; color: rgba(255,255,255,.85) }
/* 49× <span> */
.wbs-c-green { color: #00A013 }
/* 48× <div, span> */
.wbs-flex-center { display: flex; align-items: center; gap: 10px }
/* 46× <a, span> */
.wbs-c-9aa79f { color: #9aa79f }
/* 45× <a> */
.wbs-flex-col { background: #fff; border: 1px solid #e7ece8; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column }
/* 45× <span> */
.wbs-flex-col-2 { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 10px }
/* 45× <span> */
.wbs-txt-2 { font-family: var(--wb-font-numeric); font-size: 12px; color: #6a746e }
/* 45× <span> */
.wbs-txt-3 { font-size: 14px; font-weight: 700; line-height: 1.6 }
/* 42× <img> */
.wbs-block-2 { height: 26px; display: block }
/* 42× <div> */
.wbs-flex-col-3 { display: flex; flex-direction: column; gap: 11px; margin-top: 18px }
/* 32× <span> */
.wbs-txt-4 { font-family: var(--wb-font-jp); font-size: 13px; font-weight: 700; color: #0c140f }
/* 30× <span> */
.wbs-block-3 { display: block; width: 24px; height: 2px; background: #0c140f }
/* 30× <div> */
.wbs-box-2 { font-family: var(--wb-font-display); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: 4px }
/* 27× <div> */
.wbs-flex-col-4 { display: flex; flex-direction: column; gap: 8px }
/* 26× <span> */
.wbs-flex { height: 96px; background: linear-gradient(135deg,#0a5e3e 0%,#00A013 100%); display: flex; align-items: flex-end; padding: 12px }
/* 26× <span> */
.wbs-txt-5 { font-size: 10px; font-weight: 700; color: #00730E; background: #eef6ef; border: 1px solid #d8e6da; border-radius: 30px; padding: 3px 10px }
/* 26× <div> */
.wbs-grid { display: grid; grid-template-columns: 200px 1fr; gap: 16px; padding: clamp(16px,2.2vw,22px) 4px; border-bottom: 1px solid #e7ece8 }
/* 26× <dt> */
.wbs-dt { font-family: var(--wb-font-jp); font-size: 13px; font-weight: 900; color: #0c140f; letter-spacing: .01em }
/* 26× <dd> */
.wbs-dd { font-family: var(--wb-font-jp); font-size: 14px; line-height: 1.9; color: #4a554e; text-wrap: pretty; white-space: pre-line }
/* 24× <label> */
.wbs-flex-col-5 { display: flex; flex-direction: column; gap: 7px }
/* 23× <img> */
.wbs-abs { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block }
/* 22× <a> */
.wbs-link-3 { color: #00730E; font-weight: 600; text-decoration: underline }
/* 21× <div> */
.wbs-box-3 { font-family: var(--wb-font-jp); color: #0c140f; background: #fff; overflow-x: hidden }
/* 21× <header> */
.wbs-fixed { position: fixed; top: 0; left: 0; right: 0; height: 72px; z-index: 50; background: rgba(255,255,255,.86); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #e7ece8 }
/* 21× <div> */
.wbs-container-2 { max-width: 1280px; height: 100%; margin: 0 auto; padding: 0 clamp(20px,5vw,52px); display: flex; align-items: center; justify-content: space-between }
/* 21× <a> */
.wbs-flex-center-2 { display: flex; align-items: center }
/* 21× <nav> */
.wbs-flex-center-3 { display: flex; align-items: center; gap: clamp(18px,2.2vw,34px); font-size: 14px; font-weight: 500; color: #26302a }
/* 21× <a> */
.wbs-link-4 { border: 1.5px solid #cdd6cf; color: #00730E; padding: 9px 18px; border-radius: 3px; font-weight: 600; font-size: 13px; white-space: nowrap }
/* 21× <button> */
.wbs-btn { flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px }
/* 21× <footer> */
.wbs-box-4 { background: #eef2ec; color: #3a443e; padding: calc(clamp(56px,7vw,88px) + 3.2vw) clamp(20px,5vw,52px) 40px; margin-top: clamp(48px,7vw,96px); clip-path: polygon(0 3.2vw, 100% 0, 100% 100%, 0 100%) }
/* 21× <div> */
.wbs-grid-2 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 40px }
/* 21× <div> */
.wbs-flex-2 { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap }
/* 21× <div> */
.wbs-max-width { max-width: 380px }
/* 21× <p> */
.wbs-p-2 { font-size: 14px; line-height: 1.9; color: #6a746e; margin-top: 20px }
/* 21× <div> */
.wbs-flex-center-4 { display: flex; align-items: center; gap: 16px; flex-wrap: wrap }
/* 21× <img> */
.wbs-block-4 { height: 74px; width: auto; display: block }
/* 21× <div> */
.wbs-box-5 { font-size: 13px; line-height: 1.8; color: #4a554e }
/* 21× <p> */
.wbs-p-3 { font-size: 13px; line-height: 1.8; color: #6a746e; margin-top: 18px }
/* 21× <a> */
.wbs-ib { display: inline-block; margin-top: 14px; border: 1.5px solid #c6d1c8; color: #0c140f; padding: 11px 22px; border-radius: 3px; font-size: 13px; font-weight: 600; background: #fff }
/* 21× <div> */
.wbs-flex-3 { border-top: 1px solid #d4dcd4; margin-top: clamp(48px,7vw,80px); padding-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 12px; color: #6a746e }
/* 21× <a> */
.wbs-c-6a746e { color: #6a746e }
/* 19× <span> */
.wbs-txt-6 { color: #00730E; font-weight: 600 }
/* 19× <span> */
.wbs-flex-4 { height: 96px; background: linear-gradient(135deg,#11201a 0%,#1f3a2c 100%); display: flex; align-items: flex-end; padding: 12px }
/* 19× <span> */
.wbs-txt-7 { font-size: 10px; font-weight: 700; color: #5a655e; background: #f0f2ef; border: 1px solid #e0e4df; border-radius: 30px; padding: 3px 10px }
/* 19× <li> */
.wbs-flex-5 { display: flex; align-items: flex-start; gap: 10px; font-family: var(--wb-font-jp); font-size: 14px; line-height: 1.7; color: #26302a }
/* 18× <span> */
.wbs-txt-8 { color: #00A013; font-weight: 700 }
/* 18× <div> */
.wbs-box-6 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .16em; font-size: 12px; text-transform: uppercase; color: #9aa79f }
/* 18× <div> */
.wbs-box-7 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #00730E; margin-bottom: 12px }
/* 17× <a> */
.wbs-font-size { font-size: 14px }
/* 16× <li> */
.wbs-flex-6 { display: flex; align-items: flex-start; gap: 12px; font-family: var(--wb-font-jp); font-size: 15px; line-height: 1.7; color: #26302a }
/* 16× <span> */
.wbs-txt-9 { flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: #00A013; margin-top: 9px }
/* 15× <article> */
.wbs-p-4 { padding: clamp(96px,8vw,120px) clamp(20px,5vw,52px) clamp(64px,9vw,110px) }
/* 15× <div> */
.wbs-container-3 { max-width: 760px; margin: 0 auto }
/* 15× <nav> */
.wbs-flex-center-5 { font-family: var(--wb-font-numeric); font-size: 12px; color: #9aa79f; display: flex; align-items: center; gap: 9px; flex-wrap: wrap }
/* 15× <div> */
.wbs-flex-center-6 { display: flex; align-items: center; gap: 14px; margin-top: 28px; flex-wrap: wrap }
/* 15× <span> */
.wbs-txt-10 { font-family: var(--wb-font-numeric); font-size: 14px; font-weight: 600; color: #6a746e }
/* 15× <h1> */
.wbs-h1 { font-size: clamp(24px,3.6vw,40px); line-height: 1.45; font-weight: 900; margin-top: 16px; letter-spacing: .005em; text-wrap: pretty }
/* 15× <div> */
.wbs-flex-col-6 { margin-top: 36px; display: flex; flex-direction: column; gap: 22px }
/* 15× <div> */
.wbs-box-8 { margin-top: 48px; padding-top: 28px; border-top: 1px solid #e7ece8 }
/* 15× <div> */
.wbs-container-4 { max-width: 980px; margin: clamp(56px,8vw,96px) auto 0 }
/* 15× <div> */
.wbs-grid-3 { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 18px; margin-top: 20px }
/* 15× <div> */
.wbs-flex-col-7 { display: flex; flex-direction: column; gap: 2px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 12px 18px; min-width: 120px }
/* 15× <span> */
.wbs-txt-11 { font-family: var(--wb-font-display); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45) }
/* 15× <span> */
.wbs-txt-12 { font-family: var(--wb-font-jp); font-size: clamp(15px,1.8vw,18px); font-weight: 900; color: #fff }
/* 14× <div> */
.wbs-box-9 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #00730E; margin-bottom: 14px }
/* 14× <span> */
.wbs-txt-13 { font-family: var(--wb-font-jp); font-size: 12px; color: #34403a; background: #f4f7f4; border: 1px solid #e2e9e3; padding: 5px 12px; border-radius: 20px; white-space: nowrap }
/* 13× <span> */
.wbs-txt-14 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .18em; font-size: 13px; text-transform: uppercase; color: #00730E }
/* 12× <span> */
.wbs-block-5 { width: 7px; height: 7px; border-radius: 50%; background: #d2d5cd; display: block }
/* 12× <div> */
.wbs-mb { margin-bottom: clamp(40px,6vw,64px) }
/* 12× <div> */
.wbs-box-10 { border: 1px solid #e7ece8; border-radius: 14px; padding: 20px; background: #fff }
/* 12× <div> */
.wbs-box-11 { font-family: var(--wb-font-display); font-size: clamp(28px,3vw,40px); font-weight: 900; color: #d0e0d3; line-height: 1; margin-bottom: 10px }
/* 12× <div> */
.wbs-box-12 { font-family: var(--wb-font-jp); font-size: 15px; font-weight: 900; color: #0c140f; margin-bottom: 6px }
/* 12× <div> */
.wbs-box-13 { font-family: var(--wb-font-jp); font-size: 12px; line-height: 1.7; color: #6a746e; text-wrap: pretty }
/* 12× <div> */
.wbs-flex-7 { display: flex; justify-content: space-between; gap: 8px }
/* 12× <span> */
.wbs-txt-15 { text-align: right; font-weight: 500 }
/* 11× <div, span> */
.wbs-txt-16 { font-family: var(--wb-font-numeric); font-size: 14px; font-weight: 700; color: #00A013 }
/* 11× <div> */
.wbs-grid-4 { display: grid; grid-template-columns: minmax(96px,148px) 1fr; gap: clamp(16px,3vw,40px); padding: 20px 4px; border-bottom: 1px solid #e7ece8; align-items: baseline }
/* 11× <div> */
.wbs-box-14 { font-size: 13px; font-weight: 700; color: #00730E; letter-spacing: .04em }
/* 11× <div> */
.wbs-box-15 { font-size: clamp(15px,1.6vw,17px); line-height: 1.8; color: #1c2823; font-weight: 500 }
/* 11× <div> */
.wbs-flex-col-8 { display: flex; flex-direction: column; gap: 14px }
/* 11× <button> */
.wbs-flex-col-9 { text-align: left; background: none; border: none; padding: 0; cursor: pointer; display: flex; flex-direction: column }
/* 11× <div> */
.wbs-rel { aspect-ratio: 3/4; border-radius: 14px; overflow: hidden; background: #d0e8d4; position: relative; margin-bottom: 16px }
/* 11× <span> */
.wbs-abs-2 { position: absolute; top: 12px; left: 12px; font-family: var(--wb-font-display); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: rgba(255,255,255,.9); color: #00730E; padding: 4px 10px; border-radius: 20px }
/* 11× <span> */
.wbs-abs-3 { position: absolute; bottom: 12px; left: 12px; background: rgba(12,20,15,.55); color: #fff; font-family: var(--wb-font-jp); font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 20px; backdrop-filter: blur(4px) }
/* 11× <div> */
.wbs-box-16 { font-family: var(--wb-font-display); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #00730E; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
/* 11× <blockquote> */
.wbs-box-17 { font-family: var(--wb-font-jp); font-size: clamp(15px,1.8vw,18px); font-weight: 700; line-height: 1.5; letter-spacing: -.01em; color: #0c140f; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3em }
/* 11× <div> */
.wbs-box-18 { font-family: var(--wb-font-jp); font-size: 14px; font-weight: 900; color: #0c140f; margin-bottom: 2px }
/* 11× <div> */
.wbs-box-19 { font-family: var(--wb-font-jp); font-size: 11.5px; color: #6a746e; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em }
/* 10× <div> */
.wbs-flex-8 { display: flex; align-items: baseline; gap: 16px }
/* 10× <span> */
.wbs-txt-17 { font-family: var(--wb-font-numeric); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #9aa79f }
/* 10× <span> */
.wbs-txt-18 { font-size: 11px; font-weight: 700; color: #00730E; background: #eef6ef; border: 1px solid #d8e6da; border-radius: 30px; padding: 4px 12px }
/* 10× <header> */
.wbs-sticky { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #e7ece8; height: 72px }
/* 10× <div> */
.wbs-container-5 { max-width: 1280px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(20px,5vw,52px); gap: 12px }
/* 10× <a> */
.wbs-flex-center-7 { flex-shrink: 0; display: flex; align-items: center; gap: 10px }
/* 10× <img> */
.wbs-block-6 { height: 24px; width: auto; max-width: none; display: block }
/* 10× <span> */
.wbs-txt-19 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #00730E; border-left: 1px solid #d4dcd4; padding-left: 10px; white-space: nowrap }
/* 10× <nav> */
.wbs-flex-center-8 { display: flex; align-items: center; gap: clamp(12px,2vw,26px); font-size: 13.5px; font-weight: 500; color: #26302a }
/* 10× <div> */
.wbs-flex-center-9 { display: flex; align-items: center; gap: 10px; flex-shrink: 0 }
/* 10× <button> */
.wbs-hidden { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px }
/* 10× <footer> */
.wbs-box-20 { background: #0c140f; color: #fff; border-top: 1px solid rgba(255,255,255,.07); padding: clamp(52px,8vw,80px) clamp(20px,5vw,52px) 36px }
/* 10× <div> */
.wbs-grid-5 { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: clamp(28px,5vw,48px); margin-bottom: clamp(36px,5vw,52px) }
/* 10× <img> */
.wbs-block-7 { height: 22px; width: auto; max-width: none; display: block; align-self: flex-start }
/* 10× <p> */
.wbs-p-5 { font-family: var(--wb-font-jp); font-size: 12px; line-height: 1.85; color: rgba(255,255,255,.35) }
/* 10× <div> */
.wbs-flex-9 { display: flex; align-items: flex-start; gap: 10px; background: #fff; border-radius: 8px; padding: 10px 12px; align-self: flex-start; max-width: 100%; box-sizing: border-box }
/* 10× <img> */
.wbs-block-8 { height: 64px; width: auto; flex-shrink: 0; display: block }
/* 10× <div> */
.wbs-flex-col-10 { display: flex; flex-direction: column; gap: 4px; min-width: 0 }
/* 10× <span> */
.wbs-txt-20 { font-family: var(--wb-font-jp); font-size: 11px; line-height: 1.7; color: #34403a }
/* 10× <a> */
.wbs-link-5 { font-family: var(--wb-font-jp); font-size: 11px; font-weight: 700; color: #00730E; text-decoration: underline; text-underline-offset: 2px }
/* 10× <div> */
.wbs-flex-col-11 { display: flex; flex-direction: column; gap: 10px }
/* 10× <a> */
.wbs-link-6 { font-size: 13px; padding: 12px 22px; align-self: flex-start; --s: 0 3px 10px rgba(0,160,19,.22); --sh: 0 7px 20px rgba(0,160,19,.35) }
/* 10× <div> */
.wbs-flex-center-10 { padding-top: 20px; border-top: 1px solid rgba(255,255,255,.06); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px }
/* 10× <p> */
.wbs-p-6 { font-family: var(--wb-font-numeric); font-size: 11px; color: rgba(255,255,255,.22) }
/* 10× <p> */
.wbs-p-7 { font-family: var(--wb-font-numeric); font-size: 10px; color: rgba(255,255,255,.16) }
/* 10× <span> */
.wbs-txt-21 { flex-shrink: 0; color: #00A013; font-weight: 900 }
/* 9× <h2> */
.wbs-h2-2 { font-family: var(--wb-font-jp); font-size: clamp(24px,3.4vw,38px); font-weight: 900; letter-spacing: -.018em; line-height: 1.3; margin-bottom: 24px }
/* 9× <span> */
.wbs-txt-22 { flex-shrink: 0; color: #9aa79f; font-weight: 900 }
/* 8× <div, span> */
.wbs-box-21 { font-family: var(--wb-font-numeric); font-size: 13px; font-weight: 700; color: #c2c8c0 }
/* 8× <a> */
.wbs-flex-center-11 { background: #fff; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px }
/* 8× <span> */
.wbs-flex-center-12 { display: flex; align-items: center; gap: 9px; min-width: 0 }
/* 8× <img> */
.wbs-block-9 { height: 17px; width: auto; max-width: 92px; object-fit: contain; display: block; flex: none }
/* 8× <span> */
.wbs-txt-23 { font-size: 14px; font-weight: 700 }
/* 8× <span> */
.wbs-txt-24 { font-size: 11px; color: #9aa79f; display: inline-flex; align-items: center; gap: 6px; flex: none }
/* 8× <div> */
.wbs-rel-2 { position: relative; padding-bottom: clamp(30px,3.4vw,42px) }
/* 8× <div> */
.wbs-flex-center-13 { display: flex; align-items: center; gap: 14px; flex-wrap: wrap }
/* 8× <span> */
.wbs-txt-25 { font-family: var(--wb-font-numeric); font-size: 15px; font-weight: 700; color: #00730E; min-width: 74px }
/* 8× <span> */
.wbs-txt-26 { font-size: clamp(18px,2.2vw,22px); font-weight: 900 }
/* 8× <p> */
.wbs-p-8 { font-size: 14px; line-height: 1.85; color: #55605a; margin-top: 7px }
/* 8× <img> */
.wbs-block-10 { height: 18px; width: auto; max-width: 92px; object-fit: contain; display: block }
/* 8× <a> */
.wbs-link-7 { white-space: nowrap; color: #00730E; font-weight: 700 }
/* 8× <div> */
.wbs-flex-10 { display: flex; flex-wrap: wrap; gap: 10px }
/* 8× <div> */
.wbs-grid-6 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px }
/* 8× <span> */
.wbs-txt-27 { color: #9aa79f; font-weight: 500 }
/* 7× <a> */
.wbs-flex-col-12 { background: #fff; padding: 30px 26px; display: flex; flex-direction: column; gap: 8px }
/* 7× <span> */
.wbs-txt-28 { display: inline-flex; align-items: center; gap: 9px; font-size: 17px; font-weight: 900; color: #0c140f }
/* 7× <div> */
.wbs-container-6 { max-width: 1180px; margin: 0 auto; position: relative }
/* 7× <span> */
.wbs-abs-4 { position: absolute; left: -37px; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid #00A013; box-shadow: 0 0 0 4px #f4f7f4 }
/* 7× <div> */
.wbs-min-width { min-width: 0 }
/* 7× <span> */
.wbs-txt-29 { font-size: 11px; font-weight: 700; color: #5a655e; background: #f0f2ef; border: 1px solid #e0e4df; border-radius: 30px; padding: 4px 12px }
/* 7× <span> */
.wbs-txt-30 { font-family: var(--wb-font-jp); font-size: 11px; color: #00730E; background: #eef6ef; border: 1px solid #d8e6da; padding: 3px 9px; border-radius: 20px; white-space: nowrap }
/* 6× <span> */
.wbs-txt-31 { font-size: 13px; font-weight: 600; color: #00730E; background: #fff; border: 1px solid #cfe4d3; border-radius: 30px; padding: 9px 18px }
/* 6× <span> */
.wbs-txt-32 { font-size: 15px; font-weight: 700 }
/* 6× <div> */
.wbs-flex-11 { background: #fff; border: 1px solid #e7ece8; border-radius: 12px; overflow: hidden; display: flex; min-height: clamp(190px,22vw,240px) }
/* 6× <div> */
.wbs-rel-3 { flex: none; width: clamp(150px,18vw,200px); align-self: stretch; position: relative; background: linear-gradient(150deg,#e9efe9,#dde7de); overflow: hidden }
/* 6× <div> */
.wbs-flex-col-13 { padding: clamp(20px,2.4vw,28px); display: flex; flex-direction: column; min-width: 0 }
/* 6× <div> */
.wbs-box-22 { font-size: 11px; font-weight: 700; color: #00730E; letter-spacing: .04em }
/* 6× <div> */
.wbs-box-23 { font-size: clamp(19px,2.2vw,22px); font-weight: 900; margin-top: 6px; letter-spacing: .02em }
/* 6× <p> */
.wbs-p-9 { font-size: 13.5px; line-height: 1.95; color: #55605a; margin-top: 12px; text-wrap: pretty }
/* 6× <img> */
.wbs-block-11 { height: 22px; width: auto; max-width: 136px; object-fit: contain; display: block }
/* 6× <div> */
.wbs-flex-12 { display: flex; gap: 13px; align-items: flex-start }
/* 6× <span> */
.wbs-txt-33 { width: 9px; height: 9px; border-radius: 50%; background: #00A013; flex: none; margin-top: 6px }
/* 6× <div> */
.wbs-flex-13 { flex: 1 }
/* 6× <span> */
.wbs-flex-center-14 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap }
/* 6× <div> */
.wbs-box-24 { font-size: 13px; color: #6a746e; line-height: 1.7; margin-top: 3px }
/* 6× <a> */
.wbs-flex-center-15 { display: flex; align-items: center; gap: clamp(16px,2.4vw,28px); padding: 20px 8px; border-bottom: 1px solid #e7ece8; flex-wrap: wrap }
/* 6× <span> */
.wbs-txt-34 { font-family: var(--wb-font-numeric); font-size: 14px; font-weight: 600; color: #6a746e; min-width: 84px }
/* 6× <span> */
.wbs-txt-35 { font-size: 15px; font-weight: 500; line-height: 1.7; flex: 1; min-width: 220px }
/* 6× <a> */
.wbs-link-8 { display: inline-flex; align-items: center; min-height: 38px; padding: 5px 13px; border: 1px solid #e2e9e3; background: #f4f7f4; border-radius: 9px }
/* 6× <img> */
.wbs-block-12 { height: 22px; width: auto; max-width: 116px; object-fit: contain; display: block }
/* 6× <a> */
.wbs-link-9 { font-size: 14px; padding: 14px 24px }
/* 6× <h2> */
.wbs-h2-3 { font-family: var(--wb-font-jp); font-size: clamp(24px,3.4vw,38px); font-weight: 900; letter-spacing: -.018em; line-height: 1.3; margin-bottom: 8px }
/* 6× <p> */
.wbs-p-10 { font-family: var(--wb-font-jp); font-size: 13px; color: #6a746e; margin-bottom: 24px }
/* 6× <div> */
.wbs-flex-center-16 { display: flex; align-items: center; gap: 8px; margin-bottom: 14px }
/* 6× <span> */
.wbs-txt-36 { font-family: var(--wb-font-jp); font-size: 14px; font-weight: 900; color: #0c140f }
/* 6× <ul> */
.wbs-flex-col-14 { list-style: none; display: flex; flex-direction: column; gap: 10px }
/* 5× <div> */
.wbs-abs-5 { position: absolute; inset: 0; background: #f4f7f4; clip-path: polygon(0 3.2vw, 100% 0, 100% 100%, 0 100%); z-index: 0 }
/* 5× <span> */
.wbs-top { top: 1.6vw }
/* 5× <span, strong> */
.wbs-box-25 { color: #00730E; font-weight: 700 }
/* 5× <img> */
.wbs-abs-6 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 15% }
/* 5× <label> */
.wbs-block-13 { display: block; font-size: 13px; font-weight: 700; color: #26302a; margin-bottom: 8px }
/* 5× <div> */
.wbs-flex-14 { display: flex; gap: 14px }
/* 5× <div> */
.wbs-box-26 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .16em; font-size: 13px; text-transform: uppercase; color: #00730E; margin-top: 12px }
/* 5× <span> */
.wbs-c-4a554e { color: #4a554e }
/* 5× <div> */
.wbs-flex-col-15 { border: 1px solid #e7ece8; border-radius: 14px; background: #fff; padding: clamp(18px,1.8vw,24px); display: flex; flex-direction: column; gap: 12px }
/* 5× <div> */
.wbs-box-27 { font-family: var(--wb-font-jp); font-size: clamp(15px,1.5vw,17px); font-weight: 800; color: #0c140f; line-height: 1.4 }
/* 5× <p> */
.wbs-p-11 { font-family: var(--wb-font-jp); font-size: 12.5px; line-height: 1.75; color: #6a746e; text-wrap: pretty; margin: 0 }
/* 5× <div> */
.wbs-flex-15 { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 6px }
/* 5× <button> */
.wbs-block-14 { flex: none; width: clamp(260px,28vw,320px); text-align: left; background: none; border: none; padding: 0; cursor: pointer; display: block }
/* 5× <div> */
.wbs-rel-4 { aspect-ratio: 3/4; border-radius: 12px; overflow: hidden; background: #d0e8d4; position: relative; margin-bottom: 18px }
/* 5× <img> */
.wbs-block-15 { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block }
/* 5× <div> */
.wbs-abs-7 { position: absolute; bottom: 10px; left: 10px; background: rgba(12,20,15,.55); color: #fff; font-family: var(--wb-font-jp); font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 20px; backdrop-filter: blur(4px) }
/* 5× <div> */
.wbs-box-28 { font-family: var(--wb-font-display); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #00730E; margin-bottom: 8px }
/* 5× <blockquote> */
.wbs-box-29 { font-family: var(--wb-font-jp); font-size: clamp(15px,2.2vw,20px); font-weight: 700; line-height: 1.45; letter-spacing: -.01em; color: #0c140f; text-wrap: pretty; margin-bottom: 10px; height: 58px }
/* 5× <div> */
.wbs-box-30 { font-family: var(--wb-font-jp); font-size: 15px; font-weight: 900; color: #0c140f; margin-bottom: 2px }
/* 5× <div> */
.wbs-box-31 { font-family: var(--wb-font-jp); font-size: 11.5px; color: #6a746e }
/* 5× <div> */
.wbs-flex-16 { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center }
/* 5× <div, dl> */
.wbs-border-top { border-top: 1px solid #e7ece8 }
/* 5× <span> */
.wbs-txt-37 { opacity: 0.5; margin-left: 6px; font-family: var(--wb-font-numeric) }
/* 5× <span> */
.wbs-txt-38 { font-family: var(--wb-font-jp); font-size: 12px; font-weight: 600; color: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.25); padding: 4px 12px; border-radius: 20px }
/* 4× <nav> */
.wbs-flex-center-17 { font-family: var(--wb-font-numeric); font-size: 12px; color: #9aa79f; display: flex; align-items: center; gap: 9px }
/* 4× <div> */
.wbs-box-32 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .22em; font-size: clamp(12px,1.3vw,15px); text-transform: uppercase; color: #8a958d; margin-top: clamp(40px,7vw,80px) }
/* 4× <h2> */
.wbs-h2-4 { font-size: clamp(28px,4.4vw,52px); line-height: 1.3; font-weight: 900; margin-top: 14px }
/* 4× <span> */
.wbs-txt-39 { font-size: 12px; font-weight: 700; color: #00730E; background: #eef6ef; border-radius: 30px; padding: 5px 13px }
/* 4× <div> */
.wbs-flex-17 { display: flex; gap: 12px; align-items: flex-start }
/* 4× <span> */
.wbs-txt-40 { width: 8px; height: 8px; border-radius: 50%; background: #00A013; flex: none; margin-top: 7px }
/* 4× <span> */
.wbs-txt-41 { font-size: 14px; line-height: 1.7; color: #2a342e; font-weight: 500 }
/* 4× <a> */
.wbs-flex-center-18 { background: #fff; padding: 15px 16px; display: flex; align-items: center; gap: 12px }
/* 4× <span> */
.wbs-flex-center-19 { display: flex; align-items: center; gap: 8px; min-width: 96px }
/* 4× <img> */
.wbs-block-16 { height: 16px; width: auto; max-width: 84px; object-fit: contain; display: block }
/* 4× <span> */
.wbs-txt-42 { font-size: 13px; color: #6a746e; line-height: 1.5; flex: 1 }
/* 4× <div> */
.wbs-box-33 { border-left: 2px solid #00A013; padding-left: 16px }
/* 4× <div> */
.wbs-box-34 { font-size: 15px; font-weight: 700; line-height: 1.6; margin-top: 6px }
/* 4× <p> */
.wbs-p-12 { font-size: 14px; line-height: 1.85; color: #55605a; margin-top: 12px }
/* 4× <div> */
.wbs-flex-col-16 { background: #fff; border: 1.5px solid #e7ece8; border-radius: 14px; padding: clamp(24px,2.6vw,30px); display: flex; flex-direction: column; gap: 10px; height: 100% }
/* 4× <div> */
.wbs-flex-center-20 { display: flex; align-items: center; justify-content: space-between; gap: 10px }
/* 4× <span> */
.wbs-txt-43 { font-family: var(--wb-font-numeric); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #9aa79f; font-weight: 600 }
/* 4× <span> */
.wbs-flex-center-21 { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #cdd6cf; display: flex; align-items: center; justify-content: center }
/* 4× <span> */
.wbs-txt-44 { width: 9px; height: 9px; border-radius: 50%; background: transparent }
/* 4× <div> */
.wbs-box-35 { font-size: 17px; font-weight: 900; line-height: 1.5 }
/* 4× <div> */
.wbs-box-36 { font-size: 13px; line-height: 1.7; color: #5a655e }
/* 4× <input> */
.wbs-box-37 { width: 100%; font-family: inherit; font-size: 15px; padding: 14px 16px; border: 1.5px solid #d4dcd4; border-radius: 8px; background: #fff }
/* 4× <div> */
.wbs-box-38 { background: #fff; border: 1px solid #e7ece8; border-radius: 6px; padding: 30px 26px }
/* 4× <div> */
.wbs-flex-18 { display: flex; gap: 7px; margin-bottom: 20px }
/* 4× <h3> */
.wbs-h3 { font-size: 18px; font-weight: 700; line-height: 1.5 }
/* 4× <p> */
.wbs-p-13 { font-size: 14px; line-height: 1.85; color: #5a655e; margin-top: 12px }
/* 4× <a> */
.wbs-link-10 { font-size: 15px; font-weight: 700; color: #0c140f }
/* 4× <div> */
.wbs-box-39 { padding: 30px 28px 28px 0; border-bottom: 1px solid #e7ece8 }
/* 4× <div> */
.wbs-flex-19 { font-family: var(--wb-font-numeric); font-weight: 700; letter-spacing: -.02em; line-height: 0.95; display: flex; align-items: baseline; gap: 3px }
/* 4× <span> */
.wbs-txt-45 { font-size: clamp(52px,6.6vw,82px); color: #0c140f }
/* 4× <span> */
.wbs-txt-46 { font-size: clamp(20px,2.2vw,28px); color: #00A013; font-weight: 800 }
/* 4× <div> */
.wbs-box-40 { font-size: 15px; font-weight: 700; margin-top: 18px; color: #0c140f }
/* 4× <div> */
.wbs-box-41 { font-family: var(--wb-font-numeric); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #9aa79f; margin-top: 5px }
/* 4× <div> */
.wbs-box-42 { border-left: 2px solid #00A013; padding-left: 18px }
/* 4× <div> */
.wbs-box-43 { font-family: var(--wb-font-display); font-size: 20px; font-weight: 800; color: #00730E }
/* 4× <div> */
.wbs-box-44 { font-size: 15px; font-weight: 700; margin-top: 6px }
/* 4× <div> */
.wbs-flex-col-17 { background: #fff; padding: clamp(30px,3.2vw,44px) clamp(26px,2.6vw,36px); display: flex; flex-direction: column; min-height: 230px }
/* 4× <div> */
.wbs-box-45 { font-family: var(--wb-font-display); font-size: clamp(26px,3vw,34px); font-weight: 800; color: #00730E; margin-top: 18px; line-height: 1 }
/* 4× <div> */
.wbs-box-46 { font-size: 17px; font-weight: 700; margin-top: 14px }
/* 4× <p> */
.wbs-p-14 { font-size: 14px; line-height: 1.85; color: #5a655e; margin-top: auto; padding-top: 18px; text-wrap: pretty }
/* 4× <div> */
.wbs-flex-center-22 { display: flex; flex-wrap: wrap; gap: 12px; align-items: center }
/* 4× <section> */
.wbs-sec { background: #fff; padding: clamp(72px,10vw,120px) clamp(20px,5vw,52px) }
/* 4× <section> */
.wbs-rel-5 { background: #0a2417; position: relative; overflow: hidden }
/* 4× <span> */
.wbs-c-rgba25525525585 { color: rgba(255,255,255,.85) }
/* 4× <section> */
.wbs-sec-2 { background: #f4f7f4; border-top: 1px solid #e7ece8; padding: clamp(64px,9vw,110px) clamp(20px,5vw,52px); text-align: center }
/* 4× <div> */
.wbs-container-7 { max-width: 640px; margin: 0 auto }
/* 4× <p> */
.wbs-p-15 { font-family: var(--wb-font-jp); font-size: 15px; line-height: 1.95; color: #6a746e; margin-bottom: 32px; text-wrap: pretty }
/* 4× <div> */
.wbs-box-47 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .16em; color: #00730E; margin-bottom: 14px }
/* 4× <h3> */
.wbs-h3-2 { font-family: var(--wb-font-jp); font-size: clamp(20px,2.6vw,30px); font-weight: 900; letter-spacing: -.015em; color: #0c140f; margin-bottom: 14px }
/* 4× <p> */
.wbs-p-16 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,15px); line-height: 1.95; color: #4a554e; text-wrap: pretty }
/* 4× <div> */
.wbs-box-48 { border: 1px solid #e7ece8; border-radius: 14px; padding: clamp(24px,3vw,32px) }
/* 4× <div> */
.wbs-box-49 { font-family: var(--wb-font-display); font-size: clamp(20px,2.4vw,26px); font-weight: 800; color: #00A013; margin-bottom: 8px }
/* 4× <div> */
.wbs-box-50 { font-family: var(--wb-font-jp); font-size: 15px; font-weight: 900; color: #0c140f; margin-bottom: 10px }
/* 4× <p> */
.wbs-p-17 { font-family: var(--wb-font-jp); font-size: 13px; line-height: 1.85; color: #6a746e; text-wrap: pretty }
/* 4× <span> */
.wbs-txt-47 { color: #00A013; font-weight: 600 }
/* 4× <form> */
.wbs-flex-col-18 { background: #fff; border: 1px solid #e7ece8; border-radius: 20px; padding: clamp(28px,4vw,48px); display: flex; flex-direction: column; gap: 22px; box-shadow: 0 1px 3px rgba(12,20,15,.06) }
/* 4× <label> */
.wbs-flex-col-19 { display: flex; flex-direction: column; gap: 9px }
/* 4× <span> */
.wbs-txt-48 { font-family: var(--wb-font-jp); font-size: 13px; font-weight: 700; color: #00730E; background: #eef6ef; border: 1px solid #d8e6da; padding: 8px 16px; border-radius: 4px; flex-shrink: 0 }
/* 4× <span> */
.wbs-txt-49 { font-family: var(--wb-font-jp); font-size: 13px; color: #6a746e }
/* 4× <input> */
.wbs-d-none { display: none }
/* 4× <label> */
.wbs-flex-20 { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; padding-top: 4px }
/* 4× <input> */
.wbs-box-51 { width: 20px; height: 20px; margin-top: 2px; accent-color: #00A013; cursor: pointer; flex-shrink: 0 }
/* 4× <span> */
.wbs-txt-50 { font-family: var(--wb-font-jp); font-size: 13px; line-height: 1.8; color: #4a554e }
/* 4× <a> */
.wbs-link-11 { color: #00730E; text-decoration: underline; text-underline-offset: 2px }
/* 4× <button> */
.wbs-btn-2 { font-size: 16px; padding: 17px; margin-top: 6px; --s: 0 4px 16px rgba(0,160,19,.24); --sh: 0 10px 28px rgba(0,160,19,.38) }
/* 4× <p> */
.wbs-p-18 { font-family: var(--wb-font-jp); font-size: 11px; color: #9aa79f; text-align: center; line-height: 1.7 }
/* 4× <div> */
.wbs-rel-6 { border: 1px solid #e7ece8; border-radius: 16px; padding: clamp(24px,3vw,32px); background: #fff; position: relative }
/* 4× <div> */
.wbs-box-52 { font-family: var(--wb-font-display); font-size: clamp(40px,5vw,64px); font-weight: 900; color: #eef2ec; line-height: 1; margin-bottom: 14px }
/* 4× <div> */
.wbs-box-53 { font-family: var(--wb-font-jp); font-size: clamp(16px,2vw,20px); font-weight: 900; color: #0c140f; margin-bottom: 8px }
/* 4× <div> */
.wbs-box-54 { font-family: var(--wb-font-jp); font-size: 13px; line-height: 1.8; color: #6a746e; text-wrap: pretty }
/* 4× <div> */
.wbs-box-55 { padding: clamp(20px,3vw,28px) 4px; border-bottom: 1px solid #e7ece8 }
/* 4× <div> */
.wbs-flex-21 { display: flex; gap: 12px; margin-bottom: 10px }
/* 4× <span> */
.wbs-txt-51 { font-family: var(--wb-font-display); font-size: 15px; font-weight: 800; color: #00A013 }
/* 4× <span> */
.wbs-txt-52 { font-family: var(--wb-font-jp); font-size: clamp(15px,1.8vw,18px); font-weight: 900; color: #0c140f }
/* 4× <div> */
.wbs-flex-22 { display: flex; gap: 12px }
/* 4× <span> */
.wbs-txt-53 { font-family: var(--wb-font-display); font-size: 15px; font-weight: 800; color: #9aa79f }
/* 4× <p> */
.wbs-p-19 { font-family: var(--wb-font-jp); font-size: 14.5px; line-height: 1.9; color: #4a554e; text-wrap: pretty }
/* 3× <text> */
.wbs-box-56 { font-family: var(--wb-font-display); font-weight: 700; font-size: 19px; letter-spacing: .12em; fill: #8a958d }
/* 3× <text> */
.wbs-box-57 { font-family: var(--wb-font-display); font-weight: 700; font-size: 19px; letter-spacing: .12em; fill: #00A013 }
/* 3× <circle> */
.wbs-animation { animation: wbRingFlow 9s linear infinite }
/* 3× <g> */
.wbs-box-58 { font-family: var(--wb-font-jp); font-weight: 700; font-size: 18px; fill: #3a443e }
/* 3× <g> */
.wbs-box-59 { font-family: var(--wb-font-jp); font-weight: 700; font-size: 18px; fill: #0c140f }
/* 3× <text> */
.wbs-box-60 { font-family: var(--wb-font-jp); font-weight: 900; font-size: 25px; fill: #00730E; letter-spacing: .02em }
/* 3× <div> */
.wbs-container-8 { max-width: 1180px; margin: 0 auto; position: relative; z-index: 1 }
/* 3× <span> */
.wbs-txt-54 { font-family: var(--wb-font-numeric); font-size: 15px; font-weight: 700; color: #00A013 }
/* 3× <p> */
.wbs-p-20 { font-size: 14px; line-height: 1.85; color: #55605a; margin-top: 14px }
/* 3× <div> */
.wbs-box-61 { font-family: var(--wb-font-display); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #00730E }
/* 3× <div> */
.wbs-flex-col-20 { background: #fff; border: 1px solid #e7ece8; border-radius: 12px; padding: clamp(28px,3vw,36px); display: flex; flex-direction: column; height: 100% }
/* 3× <div> */
.wbs-box-62 { font-family: var(--wb-font-numeric); font-size: 12px; font-weight: 700; letter-spacing: .08em; color: #9aa79f }
/* 3× <h3> */
.wbs-h3-3 { font-size: 19px; font-weight: 900; line-height: 1.5; margin-top: 8px }
/* 3× <p> */
.wbs-p-21 { font-size: 13px; line-height: 1.7; color: #6a746e; margin-top: 8px }
/* 3× <div> */
.wbs-flex-col-21 { display: flex; flex-direction: column; gap: 1px; margin-top: 20px; background: #eef2ef; border: 1px solid #eef2ef; border-radius: 8px; overflow: hidden }
/* 3× <section> */
.wbs-sec-3 { padding: clamp(56px,8vw,104px) clamp(20px,5vw,52px) clamp(72px,10vw,120px); border-top: 1px solid #e7ece8 }
/* 3× <span> */
.wbs-bottom { bottom: 0 }
/* 3× <div> */
.wbs-box-63 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .16em; font-size: 13px; text-transform: uppercase; color: #00730E }
/* 3× <div> */
.wbs-flex-col-22 { background: #fff; border: 1px solid #e7ece8; border-radius: 8px; padding: 34px 30px; display: flex; flex-direction: column; height: 100% }
/* 3× <div> */
.wbs-flex-center-23 { display: flex; align-items: center; justify-content: space-between }
/* 3× <span> */
.wbs-txt-55 { font-size: 13px; font-weight: 600; color: #5a655e; letter-spacing: .02em }
/* 3× <h3> */
.wbs-h3-4 { font-size: 21px; font-weight: 900; line-height: 1.5; margin-top: 18px; color: #0c140f }
/* 3× <div> */
.wbs-flex-col-23 { margin-top: 24px; border-top: 1px solid #eef2ef; padding-top: 20px; display: flex; flex-direction: column; gap: 14px }
/* 3× <span> */
.wbs-txt-56 { font-size: 13px; color: #8a958d; font-weight: 600; letter-spacing: .04em }
/* 3× <span> */
.wbs-txt-57 { font-family: var(--wb-font-jp); font-size: clamp(24px,3.4vw,38px); font-weight: 900; color: #0c140f; letter-spacing: -.01em; line-height: 1.1 }
/* 3× <span> */
.wbs-c-ffe14d { color: #FFE14D }
/* 3× <a> */
.wbs-flex-23 { display: flex; align-items: baseline; gap: 20px; padding: 22px 8px; border-bottom: 1px solid #e7ece8; flex-wrap: wrap }
/* 3× <span> */
.wbs-txt-58 { font-family: var(--wb-font-numeric); font-size: 14px; font-weight: 600; color: #6a746e; min-width: 78px }
/* 3× <span> */
.wbs-txt-59 { font-size: 15px; font-weight: 500; line-height: 1.7; flex: 1; min-width: 200px }
/* 3× <span> */
.wbs-txt-60 { font-size: 13px; font-weight: 700; color: #0a5e3e; min-width: 64px }
/* 3× <span> */
.wbs-txt-61 { font-size: 14px; color: #1c2823 }
/* 3× <div> */
.wbs-box-64 { font-size: 14px; color: #8a958d; font-weight: 600 }
/* 3× <div> */
.wbs-box-65 { font-size: clamp(22px,3vw,30px); font-weight: 900; color: #00A013; margin-top: 6px }
/* 3× <a> */
.wbs-flex-col-24 { background: #fff; padding: 30px 28px; display: flex; flex-direction: column; gap: 8px }
/* 3× <span> */
.wbs-txt-62 { display: inline-flex; align-items: center; gap: 9px; font-size: 18px; font-weight: 900; color: #0c140f }
/* 3× <span> */
.wbs-txt-63 { background: #eef6ef; color: #00730E; border: 1px solid #d8e6da; align-self: flex-start; font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .1em; padding: 3px 10px; border-radius: 20px }
/* 3× <a, span> */
.wbs-link-12 { display: inline-flex; align-items: center; min-height: 38px; padding: 0 13px; border: 1px solid #e2e9e3; background: #f4f7f4; border-radius: 9px }
/* 3× <span> */
.wbs-txt-64 { font-family: var(--wb-font-jp); font-size: 13px; font-weight: 700; color: #34403a }
/* 3× <div> */
.wbs-rel-7 { position: relative; overflow: hidden; min-height: clamp(260px,40vw,520px) }
/* 3× <div> */
.wbs-box-66 { font-family: var(--wb-font-display); font-size: clamp(80px,14vw,200px); font-weight: 900; -webkit-text-stroke: 2px #00A013; color: transparent; line-height: 1; margin-bottom: 4px; letter-spacing: -.02em; user-select: none }
/* 3× <span> */
.wbs-block-17 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #00730E; margin-bottom: 12px; display: block }
/* 3× <h3> */
.wbs-h3-5 { font-family: var(--wb-font-jp); font-size: clamp(20px,3vw,34px); font-weight: 900; letter-spacing: -.015em; line-height: 1.25; color: #0c140f; margin-bottom: 14px }
/* 3× <p> */
.wbs-p-22 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); line-height: 1.9; color: #4a554e; text-wrap: pretty; max-width: 28em }
/* 3× <div> */
.wbs-box-67 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); font-weight: 700; color: #0c140f; margin-bottom: 8px }
/* 3× <div> */
.wbs-box-68 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); font-weight: 700; color: #0c140f; margin-bottom: 6px }
/* 3× <div> */
.wbs-box-69 { font-family: var(--wb-font-display); font-size: clamp(30px,4.5vw,56px); font-weight: 900; color: #00730E; line-height: 1; letter-spacing: -.02em }
/* 3× <p> */
.wbs-p-23 { font-family: var(--wb-font-jp); font-size: 13px; line-height: 1.8; color: #4a554e; margin-top: 8px; text-wrap: pretty }
/* 3× <div> */
.wbs-rel-8 { aspect-ratio: 16/7; position: relative; overflow: hidden }
/* 3× <div> */
.wbs-flex-col-25 { padding: clamp(20px,2.8vw,28px); display: flex; flex-direction: column; gap: 12px; flex: 1 }
/* 3× <span> */
.wbs-txt-65 { font-family: var(--wb-font-display); font-weight: 700; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; background: #0c140f; color: #fff; padding: 3px 10px; border-radius: 20px; align-self: flex-start }
/* 3× <h3> */
.wbs-h3-6 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.7vw,17px); font-weight: 700; color: #0c140f; line-height: 1.55; text-wrap: pretty; flex: 1 }
/* 3× <p> */
.wbs-p-24 { font-family: var(--wb-font-jp); font-size: 12.5px; line-height: 1.8; color: #4a554e; text-wrap: pretty }
/* 3× <div> */
.wbs-flex-24 { display: flex; flex-wrap: wrap; gap: 4px; padding-top: 8px; border-top: 1px solid #e7ece8 }
/* 3× <a> */
.wbs-link-13 { font-size: 13px; gap: 5px; align-self: flex-end }
/* 3× <div> */
.wbs-mb-2 { margin-bottom: clamp(40px,6vw,60px) }
/* 3× <div> */
.wbs-box-70 { background: #fff; border: 1px solid #e7ece8; border-radius: 16px; padding: clamp(28px,3.5vw,40px) }
/* 3× <div> */
.wbs-box-71 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .16em; color: #9aa79f; margin-bottom: 16px }
/* 3× <div> */
.wbs-flex-25 { display: flex; align-items: baseline; gap: 10px; margin-bottom: 16px }
/* 3× <span> */
.wbs-txt-66 { font-family: var(--wb-font-jp); font-size: clamp(28px,4vw,44px); font-weight: 900; color: #0c140f; letter-spacing: -.02em }
/* 3× <span> */
.wbs-txt-67 { font-family: var(--wb-font-jp); font-size: 20px; font-weight: 900; color: #00A013 }
/* 3× <p> */
.wbs-p-25 { font-family: var(--wb-font-jp); font-size: 14px; line-height: 1.9; color: #4a554e; text-wrap: pretty }
/* 3× <div> */
.wbs-grid-7 { display: grid; grid-template-columns: auto 1fr; gap: clamp(20px,4vw,52px); align-items: start; padding: clamp(28px,4vw,44px) 0; border-bottom: 1px solid #e7ece8 }
/* 3× <div> */
.wbs-flex-col-26 { display: flex; flex-direction: column; gap: 6px }
/* 3× <span> */
.wbs-txt-68 { font-family: var(--wb-font-display); font-size: clamp(28px,3.5vw,44px); font-weight: 900; color: #eef2ec; line-height: 1 }
/* 3× <span> */
.wbs-txt-69 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .14em; color: #00730E }
/* 3× <h3> */
.wbs-h3-7 { font-family: var(--wb-font-jp); font-size: clamp(18px,2.4vw,26px); font-weight: 900; color: #0c140f; letter-spacing: -.015em; margin-bottom: 10px }
/* 3× <p> */
.wbs-p-26 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,15px); line-height: 1.9; color: #4a554e; text-wrap: pretty; max-width: 40em }
/* 3× <a> */
.wbs-link-14 { font-size: 15px; padding: 15px 32px; --s: 0 4px 16px rgba(0,160,19,.22); --sh: 0 10px 28px rgba(0,160,19,.36) }
/* 3× <section> */
.wbs-sec-4 { background: #fff; padding: clamp(48px,7vw,88px) clamp(20px,5vw,52px) clamp(28px,4vw,40px); border-bottom: 1px solid #e7ece8 }
/* 3× <h2> */
.wbs-h2-5 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,52px); font-weight: 900; letter-spacing: -.022em; line-height: 1.2; margin-bottom: 16px }
/* 3× <a> */
.wbs-grid-8 { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: clamp(16px,3vw,40px); padding: clamp(24px,3.4vw,40px) clamp(22px,3vw,40px); border: 1px solid #e7ece8; border-radius: 16px; background: #fff }
/* 3× <span> */
.wbs-block-18 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #00730E; display: block; margin-bottom: 12px }
/* 3× <div> */
.wbs-flex-26 { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 12px }
/* 3× <h2> */
.wbs-h2-6 { font-family: var(--wb-font-jp); font-size: clamp(24px,3.4vw,40px); font-weight: 900; letter-spacing: -.02em; color: #0c140f; line-height: 1.15 }
/* 3× <span> */
.wbs-txt-70 { font-family: var(--wb-font-jp); font-size: clamp(12px,1.4vw,15px); font-weight: 600; color: #6a746e }
/* 3× <p> */
.wbs-p-27 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.4vw,15px); line-height: 1.85; color: #4a554e; max-width: 40em; text-wrap: pretty; margin-bottom: 16px }
/* 3× <div> */
.wbs-flex-27 { display: flex; flex-wrap: wrap; gap: 8px }
/* 3× <span> */
.wbs-txt-71 { display: inline-flex; align-items: center; gap: 8px; font-family: var(--wb-font-jp); font-size: 14px; font-weight: 700; color: #00730E; white-space: nowrap; justify-self: end }
/* 3× <span> */
.wbs-txt-72 { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid #00A013; font-size: 16px }
/* 3× <div> */
.wbs-abs-8 { position: absolute; inset: 0; background: linear-gradient(105deg,rgba(8,30,20,.94) 0%,rgba(8,30,20,.82) 46%,rgba(8,30,20,.35) 100%); z-index: 1 }
/* 3× <div> */
.wbs-container-9 { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: clamp(28px,4vw,40px) clamp(20px,5vw,52px) clamp(48px,7vw,80px) }
/* 3× <nav> */
.wbs-flex-center-24 { display: flex; align-items: center; gap: 8px; font-family: var(--wb-font-jp); font-size: 12px; color: rgba(255,255,255,.5); margin-bottom: clamp(24px,4vw,40px); flex-wrap: wrap }
/* 3× <div> */
.wbs-flex-center-25 { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; flex-wrap: wrap }
/* 3× <span> */
.wbs-txt-73 { font-family: var(--wb-font-display); font-weight: 700; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; background: #00A013; color: #fff; padding: 5px 12px; border-radius: 20px }
/* 3× <h1> */
.wbs-h1-2 { font-family: var(--wb-font-jp); font-size: clamp(30px,5.5vw,64px); font-weight: 900; line-height: 1.2; letter-spacing: -.02em; color: #fff; margin-bottom: 16px; text-wrap: pretty }
/* 3× <span> */
.wbs-txt-74 { font-size: 0.56em; color: #39c24c }
/* 3× <p> */
.wbs-p-28 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.7vw,17px); line-height: 1.9; color: rgba(255,255,255,.72); max-width: 34em; text-wrap: pretty; margin-bottom: 28px }
/* 3× <div> */
.wbs-flex-28 { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px }
/* 3× <a> */
.wbs-link-15 { font-size: 15px; padding: 15px 32px; --s: 0 4px 16px rgba(0,160,19,.32); --sh: 0 10px 28px rgba(0,160,19,.44) }
/* 3× <section> */
.wbs-sec-5 { background: #fff; padding: clamp(48px,7vw,88px) clamp(20px,5vw,52px) }
/* 3× <div> */
.wbs-container-10 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1fr 300px; gap: clamp(36px,5vw,64px); align-items: start }
/* 3× <p> */
.wbs-p-29 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,16px); line-height: 2; color: #4a554e; text-wrap: pretty }
/* 3× <p> */
.wbs-p-30 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,16px); line-height: 2; color: #4a554e; text-wrap: pretty; margin-bottom: 16px }
/* 3× <div> */
.wbs-box-72 { background: #f4f7f4; border: 1px solid #e7ece8; border-radius: 14px; padding: clamp(22px,3vw,32px) }
/* 3× <div> */
.wbs-box-73 { font-family: var(--wb-font-jp); font-size: 14px; font-weight: 900; color: #0c140f; margin-bottom: 16px }
/* 3× <ul> */
.wbs-flex-col-27 { list-style: none; display: flex; flex-direction: column; gap: 12px }
/* 3× <div> */
.wbs-grid-9 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px }
/* 3× <div> */
.wbs-box-74 { border: 1px solid #d8e6da; background: #eef6ef; border-radius: 14px; padding: clamp(20px,2.6vw,28px) }
/* 3× <span> */
.wbs-txt-75 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 800; letter-spacing: .14em; color: #fff; background: #00A013; padding: 3px 10px; border-radius: 4px }
/* 3× <div> */
.wbs-box-75 { border: 1px solid #e7ece8; background: #fff; border-radius: 14px; padding: clamp(20px,2.6vw,28px) }
/* 3× <span> */
.wbs-txt-76 { font-family: var(--wb-font-display); font-size: 10px; font-weight: 800; letter-spacing: .14em; color: #00730E; background: #eef6ef; border: 1px solid #d8e6da; padding: 3px 10px; border-radius: 4px }
/* 3× <div> */
.wbs-grid-10 { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px }
/* 3× <aside> */
.wbs-sticky-2 { position: sticky; top: 96px }
/* 3× <div> */
.wbs-box-76 { border: 1px solid #e7ece8; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 3px rgba(12,20,15,.06) }
/* 3× <div> */
.wbs-box-77 { background: #0a2417; padding: 22px 24px }
/* 3× <div> */
.wbs-box-78 { font-family: var(--wb-font-display); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 6px }
/* 3× <div> */
.wbs-box-79 { font-family: var(--wb-font-jp); font-size: 18px; font-weight: 900; color: #fff; line-height: 1.4 }
/* 3× <div> */
.wbs-flex-col-28 { padding: 22px 24px; display: flex; flex-direction: column; gap: 14px }
/* 3× <div> */
.wbs-flex-col-29 { display: flex; flex-direction: column; gap: 2px }
/* 3× <span> */
.wbs-txt-77 { font-family: var(--wb-font-jp); font-size: 11px; color: #9aa79f }
/* 3× <span> */
.wbs-txt-78 { font-family: var(--wb-font-jp); font-size: 20px; font-weight: 900; color: #00730E }
/* 3× <div> */
.wbs-flex-col-30 { display: flex; flex-direction: column; gap: 8px; font-family: var(--wb-font-jp); font-size: 13px; color: #4a554e }
/* 3× <a> */
.wbs-link-16 { font-size: 15px; padding: 14px; margin-top: 4px; --s: 0 3px 10px rgba(0,160,19,.22); --sh: 0 8px 22px rgba(0,160,19,.34) }
/* 3× <a> */
.wbs-link-17 { font-size: 13px; padding: 12px }
/* 3× <section> */
.wbs-sec-6 { background: #f4f7f4; border-top: 1px solid #e7ece8; padding: clamp(64px,9vw,120px) clamp(20px,5vw,52px) }
/* 3× <div> */
.wbs-container-11 { max-width: 720px; margin: 0 auto }
/* 3× <div> */
.wbs-box-80 { text-align: center; margin-bottom: clamp(32px,5vw,48px) }
/* 3× <h2> */
.wbs-h2-7 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,52px); font-weight: 900; letter-spacing: -.022em; line-height: 1.2; margin-bottom: 12px }
/* 3× <p> */
.wbs-p-31 { font-family: var(--wb-font-jp); font-size: 14px; line-height: 1.9; color: #6a746e; text-wrap: pretty }
/* 3× <span> */
.wbs-txt-79 { font-family: var(--wb-font-jp); font-size: 13px; font-weight: 600; padding: 10px 18px; border-radius: 30px; cursor: default; white-space: nowrap; transition: all .2s; background: #00A013; color: #fff; border: 1.5px solid #00A013 }
/* 2× <p> */
.wbs-p-32 { font-size: clamp(15px,1.6vw,17px); line-height: 1.9; color: #4a554e; margin-top: 16px }
/* 2× <text> */
.wbs-box-81 { font-family: var(--wb-font-jp); font-weight: 700; font-size: 13px; fill: rgba(255,255,255,.92) }
/* 2× <div> */
.wbs-flex-center-26 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap }
/* 2× <div> */
.wbs-box-82 { background: #fff; border: 1px solid #e7ece8; border-radius: 12px; padding: clamp(28px,3vw,38px) }
/* 2× <section> */
.wbs-rel-9 { scroll-margin-top: 80px; padding: calc(clamp(72px,11vw,140px) + 3.2vw) clamp(20px,5vw,52px) clamp(72px,11vw,140px); position: relative; margin-top: -3.2vw }
/* 2× <div> */
.wbs-flex-col-31 { background: #fff; border: 1px solid #e7ece8; border-radius: 12px; padding: clamp(30px,3.4vw,42px); display: flex; flex-direction: column; height: 100% }
/* 2× <span> */
.wbs-txt-80 { font-size: 22px; font-weight: 900 }
/* 2× <span> */
.wbs-txt-81 { font-size: 12px; font-weight: 700; color: #00730E; background: #eef6ef; border-radius: 30px; padding: 4px 12px }
/* 2× <a> */
.wbs-link-18 { margin-top: auto; padding-top: 22px; font-size: 14px }
/* 2× <section> */
.wbs-sec-7 { scroll-margin-top: 80px; padding: clamp(64px,9vw,120px) clamp(20px,5vw,52px) }
/* 2× <h2> */
.wbs-h2-8 { font-size: clamp(26px,4vw,46px); line-height: 1.32; font-weight: 900; margin-top: 14px }
/* 2× <div> */
.wbs-grid-11 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1px; margin-top: 24px; background: #e7ece8; border: 1px solid #e7ece8 }
/* 2× <span> */
.wbs-block-19 { display: block; font-size: 12px; color: #9aa79f; font-weight: 400; margin-top: 4px }
/* 2× <div> */
.wbs-sticky-3 { position: sticky; top: 104px }
/* 2× <section> */
.wbs-sec-8 { scroll-margin-top: 80px; padding: clamp(72px,11vw,140px) clamp(20px,5vw,52px) }
/* 2× <div> */
.wbs-max-width-2 { max-width: 640px }
/* 2× <section> */
.wbs-rel-10 { padding: clamp(96px,8vw,120px) clamp(20px,5vw,52px) clamp(40px,6vw,64px); position: relative }
/* 2× <h1> */
.wbs-h1-3 { font-size: clamp(34px,6vw,72px); line-height: 1.18; font-weight: 900; letter-spacing: -.015em; margin-top: 18px }
/* 2× <span> */
.wbs-txt-82 { font-size: 13px; font-weight: 700; color: #8a958d; min-width: 72px }
/* 2× <span> */
.wbs-txt-83 { font-size: 14px; line-height: 1.7; color: #2a342e }
/* 2× <span> */
.wbs-txt-84 { font-family: var(--wb-font-numeric); font-size: 14px; font-weight: 700; color: #00A013; flex: none }
/* 2× <text> */
.wbs-box-83 { font-family: var(--wb-font-jp); font-weight: 700; font-size: 13px; fill: rgba(255,255,255,.9) }
/* 2× <h2> */
.wbs-h2-9 { font-size: clamp(28px,4.2vw,50px); line-height: 1.32; font-weight: 900; margin-top: 18px }
/* 2× <span> */
.wbs-txt-85 { font-size: 16px; color: #8a958d; font-weight: 600 }
/* 2× <span> */
.wbs-ib-2 { display: inline-block; background: #FFE14D; color: #0c2a12; padding: 0.02em 0.09em 0.12em; border-radius: .05em; line-height: 1; box-shadow: 0 8px 30px rgba(0,0,0,.14) }
/* 2× <div> */
.wbs-box-84 { max-width: 340px; width: 100%; justify-self: center }
/* 2× <div> */
.wbs-rel-11 { aspect-ratio: 4/5; border-radius: 8px; overflow: hidden; background: #e7eae5; display: flex; align-items: flex-end; padding: 18px; position: relative }
/* 2× <img> */
.wbs-abs-9 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; transform: scale(1.26); transform-origin: 50% 42% }
/* 2× <span> */
.wbs-rel-12 { position: relative; background: rgba(255,255,255,.92); border-radius: 5px; padding: 8px 14px; font-size: 13px; font-weight: 700 }
/* 2× <p> */
.wbs-p-33 { font-size: clamp(17px,2vw,22px); line-height: 1.95; font-weight: 500; margin-top: 0; text-wrap: pretty }
/* 2× <span> */
.wbs-txt-86 { font-size: clamp(20px,2.4vw,28px); font-weight: 900; color: #0c140f }
/* 2× <div> */
.wbs-container-12 { max-width: 980px; margin: 0 auto }
/* 2× <div> */
.wbs-container-13 { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto }
/* 2× <section> */
.wbs-sec-9 { background: #fff; padding: clamp(72px,10vw,120px) clamp(20px,5vw,52px); border-top: 1px solid #e7ece8 }
/* 2× <span> */
.wbs-txt-87 { background: #0c2e18; color: #fff; border: 1px solid #0c2e18; align-self: flex-start; font-family: var(--wb-font-display); font-size: 10px; font-weight: 700; letter-spacing: .1em; padding: 3px 10px; border-radius: 20px }
/* 2× <div> */
.wbs-flex-col-32 { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px,6vw,72px) clamp(20px,5vw,52px) clamp(40px,6vw,72px) clamp(24px,4vw,52px) }
/* 2× <div> */
.wbs-box-85 { font-family: var(--wb-font-display); font-size: clamp(52px,8vw,100px); font-weight: 900; color: #00730E; line-height: 1; letter-spacing: -.03em }
/* 2× <p> */
.wbs-p-34 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.4vw,15px); line-height: 1.85; color: #4a554e; margin-top: 10px; text-wrap: pretty }
/* 2× <a> */
.wbs-link-19 { font-size: 15px; padding: 16px 36px; --s: 0 4px 16px rgba(0,160,19,.22); --sh: 0 10px 28px rgba(0,160,19,.36) }
/* 2× <a> */
.wbs-link-20 { font-size: 14px; padding: 15px 26px }
/* 2× <div> */
.wbs-container-14 { max-width: 820px; margin: 0 auto; text-align: center }
/* 2× <div> */
.wbs-box-86 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #9aa79f; margin-bottom: 16px }
/* 2× <h2> */
.wbs-h2-10 { font-family: var(--wb-font-jp); font-size: clamp(26px,4vw,48px); font-weight: 900; letter-spacing: -.022em; line-height: 1.2 }
/* 2× <nav> */
.wbs-flex-center-27 { display: flex; align-items: center; gap: 8px; font-family: var(--wb-font-jp); font-size: 12px; color: #9aa79f; margin-bottom: 28px }
/* 2× <h1> */
.wbs-h1-4 { font-family: var(--wb-font-jp); font-size: clamp(38px,7vw,96px); font-weight: 900; line-height: 1.1; letter-spacing: -.025em; margin-bottom: 20px }
/* 2× <p> */
.wbs-p-35 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,17px); line-height: 1.95; color: #4a554e; max-width: 32em; text-wrap: pretty }
/* 2× <div> */
.wbs-box-87 { background: #eef6ef; border: 1px solid #e7ece8; border-radius: 16px; padding: clamp(28px,3.5vw,44px) }
/* 2× <div> */
.wbs-box-88 { background: #f4f7f4; border: 1px solid #e7ece8; border-radius: 16px; padding: clamp(28px,3.5vw,44px) }
/* 2× <span> */
.wbs-c-green-light { color: #39c24c }
/* 1× <section> */
.wbs-p-36 { padding: clamp(96px,8vw,120px) clamp(20px,5vw,52px) clamp(40px,6vw,64px) }
/* 1× <h1> */
.wbs-h1-5 { font-size: clamp(34px,6vw,76px); line-height: 1.18; font-weight: 900; letter-spacing: -.015em; margin-top: 18px; max-width: 14em }
/* 1× <span> */
.wbs-d-inline-block { display: inline-block }
/* 1× <p> */
.wbs-p-37 { font-size: clamp(15px,1.7vw,18px); line-height: 1.95; color: #34403a; margin-top: 24px; max-width: 40em; text-wrap: pretty }
/* 1× <section> */
.wbs-rel-13 { scroll-margin-top: 80px; padding: calc(clamp(56px,8vw,104px) + 3.2vw) clamp(20px,5vw,52px) clamp(64px,9vw,120px); position: relative; margin-top: -3.2vw }
/* 1× <div> */
.wbs-container-15 { max-width: 1080px; margin: 0 auto; position: relative; z-index: 1 }
/* 1× <div> */
.wbs-container-16 { text-align: center; max-width: 640px; margin: 0 auto }
/* 1× <h2> */
.wbs-h2-11 { font-size: clamp(24px,3.6vw,40px); line-height: 1.4; font-weight: 900; margin-top: 14px }
/* 1× <div> */
.wbs-mt { margin-top: clamp(28px,4vw,48px) }
/* 1× <svg> */
.wbs-container-17 { width: 100%; height: auto; display: block; max-width: 680px; margin: 0 auto }
/* 1× <div> */
.wbs-flex-29 { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px }
/* 1× <section> */
.wbs-rel-14 { scroll-margin-top: 80px; padding: clamp(72px,11vw,140px) clamp(20px,5vw,52px); position: relative; overflow: hidden }
/* 1× <div> */
.wbs-abs-10 { position: absolute; top: 0; right: 0; width: min(54%,720px); height: min(620px,90%); background: url('../images/platform-bg.webp') right center/contain no-repeat; opacity: 0.92; -webkit-mask-image: linear-gradient(255deg, #000 10%, rgba(0,0,0,.55) 46%, transparent 80%); mask-image: linear-gradient(255deg, #000 10%, rgba(0,0,0,.55) 46%, transparent 80%); z-index: 0; pointer-events: none }
/* 1× <p> */
.wbs-p-38 { font-size: clamp(15px,1.6vw,17px); line-height: 1.95; color: #4a554e; margin-top: 18px; max-width: 40em }
/* 1× <div> */
.wbs-grid-12 { margin-top: clamp(40px,5vw,60px); background: #eef6ef; border: 1px solid #d8e6da; border-radius: 14px; overflow: hidden; display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)) }
/* 1× <div> */
.wbs-p-39 { padding: clamp(34px,4vw,52px) }
/* 1× <img> */
.wbs-block-20 { height: 30px; width: auto; max-width: 160px; object-fit: contain; display: block }
/* 1× <span> */
.wbs-txt-88 { font-size: 11px; font-weight: 700; color: #fff; background: #00A013; border-radius: 30px; padding: 5px 13px }
/* 1× <h3> */
.wbs-h3-8 { font-size: clamp(20px,2.4vw,26px); font-weight: 900; line-height: 1.5; margin-top: 16px }
/* 1× <p> */
.wbs-p-40 { font-size: 15px; line-height: 1.95; color: #4a554e; margin-top: 14px }
/* 1× <div> */
.wbs-flex-col-33 { margin-top: 24px; display: flex; flex-direction: column; gap: 12px }
/* 1× <div> */
.wbs-flex-30 { margin-top: 18px; display: flex; justify-content: flex-end }
/* 1× <a> */
.wbs-link-21 { background: #00A013; color: #fff; font-weight: 700; font-size: 15px; padding: 15px 30px; border-radius: 4px; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; box-shadow: 0 6px 18px rgba(0,160,19,.22) }
/* 1× <div> */
.wbs-grid-13 { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 22px; margin-top: 22px; align-items: start }
/* 1× <img> */
.wbs-block-21 { height: 22px; width: auto; max-width: 120px; object-fit: contain; display: block }
/* 1× <span> */
.wbs-txt-89 { font-size: 20px; font-weight: 900 }
/* 1× <a> */
.wbs-link-22 { margin-top: 18px; font-size: 14px }
/* 1× <span> */
.wbs-txt-90 { font-size: 18px; font-weight: 900 }
/* 1× <span> */
.wbs-txt-91 { font-size: 12px; font-weight: 700; color: #00730E }
/* 1× <div> */
.wbs-flex-col-34 { display: flex; flex-direction: column; gap: 1px; margin-top: 18px; background: #eef2ef; border: 1px solid #eef2ef; border-radius: 8px; overflow: hidden }
/* 1× <p> */
.wbs-p-41 { font-size: clamp(15px,1.6vw,17px); line-height: 1.95; color: #4a554e; margin-top: 18px; max-width: 42em }
/* 1× <div> */
.wbs-grid-14 { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 22px; margin-top: clamp(36px,5vw,52px) }
/* 1× <div> */
.wbs-box-89 { margin-top: 22px; background: #fff; border: 1px solid #e7ece8; border-radius: 12px; padding: clamp(28px,3vw,38px) }
/* 1× <div> */
.wbs-box-90 { font-family: var(--wb-font-display); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #00730E; margin-bottom: 22px }
/* 1× <div> */
.wbs-grid-15 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 24px }
/* 1× <div> */
.wbs-container-18 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: clamp(28px,5vw,64px); align-items: center }
/* 1× <p> */
.wbs-p-42 { font-size: clamp(15px,1.6vw,17px); line-height: 1.95; color: #4a554e; margin-top: 18px; max-width: 36em }
/* 1× <div> */
.wbs-box-91 { background: #fff; color: #0c140f; border: 1px solid #e7ece8; border-radius: 12px; padding: clamp(30px,3.4vw,42px) }
/* 1× <div> */
.wbs-box-92 { font-size: 22px; font-weight: 900; margin-top: 14px }
/* 1× <a> */
.wbs-link-23 { margin-top: 22px; font-size: 14px }
/* 1× <section> */
.wbs-rel-15 { scroll-margin-top: 80px; padding: calc(clamp(72px,11vw,140px) + 3.2vw) clamp(20px,5vw,52px) clamp(72px,11vw,140px); position: relative; margin-top: -3.2vw; overflow: hidden }
/* 1× <div> */
.wbs-abs-11 { position: absolute; top: 0; left: 0; width: 100%; height: min(480px,64%); background: url('../images/services-bg-photo.webp') right center/cover no-repeat; opacity: 0.88; clip-path: polygon(0 3.2vw, 100% 0, 100% 100%, 0 100%); -webkit-mask-image: linear-gradient(255deg, #000 8%, rgba(0,0,0,.5) 40%, transparent 70%); mask-image: linear-gradient(255deg, #000 8%, rgba(0,0,0,.5) 40%, transparent 70%); z-index: 0; pointer-events: none }
/* 1× <div> */
.wbs-max-width-3 { max-width: 680px }
/* 1× <div> */
.wbs-grid-16 { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 22px; margin-top: clamp(36px,5vw,52px); align-items: start }
/* 1× <section> */
.wbs-rel-16 { padding: clamp(96px,8vw,120px) clamp(20px,5vw,52px) clamp(40px,6vw,72px); position: relative }
/* 1× <h1> */
.wbs-h1-6 { font-size: clamp(40px,7vw,86px); line-height: 1.08; font-weight: 900; letter-spacing: -.02em; margin-top: 20px }
/* 1× <div> */
.wbs-container-19 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); gap: clamp(36px,6vw,80px); align-items: start }
/* 1× <h2> */
.wbs-h2-12 { font-size: clamp(26px,3.6vw,42px); line-height: 1.4; font-weight: 900; margin-top: 16px }
/* 1× <div> */
.wbs-box-93 { margin-top: clamp(32px,4vw,48px); border-top: 1.5px solid #0c140f }
/* 1× <div> */
.wbs-box-94 { border: 1px solid #e7ece8; border-radius: 10px; overflow: hidden; background: #fff }
/* 1× <div> */
.wbs-rel-17 { position: relative; height: clamp(200px,26vw,280px); background: #f4f7f4 }
/* 1× <iframe> */
.wbs-abs-12 { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block }
/* 1× <div> */
.wbs-p-43 { padding: 22px 24px }
/* 1× <div> */
.wbs-box-95 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #9aa79f }
/* 1× <div> */
.wbs-box-96 { font-size: 15px; font-weight: 700; margin-top: 10px; line-height: 1.8 }
/* 1× <div> */
.wbs-box-97 { font-size: 13px; color: #6a746e; margin-top: 8px }
/* 1× <a> */
.wbs-link-24 { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #00730E; margin-top: 14px }
/* 1× <h2> */
.wbs-h2-13 { font-size: clamp(28px,4.2vw,50px); line-height: 1.32; font-weight: 900; margin-top: 16px }
/* 1× <p> */
.wbs-p-44 { font-size: clamp(15px,1.6vw,17px); line-height: 1.9; color: #4a554e; margin-top: 18px; max-width: 36em }
/* 1× <div> */
.wbs-grid-17 { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(440px,100%),1fr)); gap: clamp(18px,2.2vw,28px); margin-top: clamp(44px,6vw,72px); align-items: stretch }
/* 1× <img> */
.wbs-abs-13 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 15%; transform: scale(1.05) }
/* 1× <div> */
.wbs-container-20 { max-width: 920px; margin: 0 auto; position: relative; z-index: 1 }
/* 1× <h2> */
.wbs-h2-14 { font-size: clamp(24px,3.4vw,44px); line-height: 1.34; font-weight: 900; margin-top: 16px }
/* 1× <p> */
.wbs-p-45 { font-size: clamp(15px,1.6vw,17px); line-height: 1.9; color: #4a554e; margin-top: 18px; max-width: 40em; text-wrap: balance }
/* 1× <div> */
.wbs-rel-18 { margin-top: clamp(44px,6vw,72px); position: relative; padding-left: 38px }
/* 1× <div> */
.wbs-abs-14 { position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(#cdd2cb, #00A013) }
/* 1× <span> */
.wbs-abs-15 { position: absolute; left: -38px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #00A013; box-shadow: 0 0 0 4px #f4f7f4, 0 0 14px rgba(0,160,19,.45); animation: wbValueBreath 5s ease-in-out infinite }
/* 1× <span> */
.wbs-txt-92 { font-size: 11px; font-weight: 700; color: #fff; background: #00A013; border-radius: 30px; padding: 4px 12px }
/* 1× <a> */
.wbs-link-25 { font-size: 13px; margin-top: 8px }
/* 1× <section> */
.wbs-sec-10 { background: #00A013; color: #fff; padding: clamp(60px,9vw,104px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-container-21 { max-width: 1080px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: clamp(24px,4vw,48px); flex-wrap: wrap }
/* 1× <div> */
.wbs-box-98 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .2em; font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,.72); margin-bottom: 14px }
/* 1× <h2> */
.wbs-h2-15 { font-family: var(--wb-font-jp); font-size: clamp(24px,3.6vw,40px); font-weight: 900; line-height: 1.35; letter-spacing: -.01em; margin-bottom: 14px }
/* 1× <p> */
.wbs-p-46 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,16px); line-height: 1.9; color: rgba(255,255,255,.9); text-wrap: pretty }
/* 1× <a> */
.wbs-link-26 { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #00730E; font-weight: 800; font-size: 16px; padding: 16px 34px; border-radius: 4px; white-space: nowrap }
/* 1× <p> */
.wbs-p-47 { font-size: clamp(15px,1.7vw,18px); line-height: 1.95; color: #34403a; margin-top: 24px; max-width: 36em; text-wrap: pretty }
/* 1× <section> */
.wbs-sec-11 { scroll-margin-top: 80px; padding: clamp(48px,7vw,88px) clamp(20px,5vw,52px) clamp(24px,4vw,40px) }
/* 1× <div> */
.wbs-flex-31 { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap }
/* 1× <span> */
.wbs-txt-93 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .16em; font-size: 12px; text-transform: uppercase; color: #00730E }
/* 1× <h2> */
.wbs-h2-16 { font-size: clamp(19px,2.4vw,26px); font-weight: 900 }
/* 1× <span> */
.wbs-txt-94 { color: #00A013; font-size: .6em }
/* 1× <div> */
.wbs-grid-18 { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px; margin-top: clamp(24px,3vw,36px) }
/* 1× <section> */
.wbs-sec-12 { scroll-margin-top: 80px; padding: clamp(36px,5vw,64px) clamp(20px,5vw,52px) clamp(72px,10vw,120px) }
/* 1× <div> */
.wbs-container-22 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: clamp(36px,5vw,72px); align-items: start }
/* 1× <form> */
.wbs-flex-col-35 { display: flex; flex-direction: column; gap: 22px }
/* 1× <textarea> */
.wbs-box-99 { width: 100%; font-family: inherit; font-size: 15px; padding: 14px 16px; border: 1.5px solid #d4dcd4; border-radius: 8px; background: #fff; line-height: 1.7; resize: vertical }
/* 1× <label> */
.wbs-flex-32 { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; padding: 4px 0 }
/* 1× <input> */
.wbs-box-100 { width: 20px; height: 20px; flex: none; margin-top: 1px; accent-color: #00A013 }
/* 1× <span> */
.wbs-txt-95 { font-size: 13px; line-height: 1.7; color: #4a554e }
/* 1× <p> */
.wbs-p-48 { font-size: 12px; line-height: 1.7; color: #9aa79f }
/* 1× <button> */
.wbs-btn-3 { align-self: flex-start; background: #00A013; color: #fff; font-family: inherit; font-weight: 700; font-size: 15px; padding: 16px 40px; border: none; border-radius: 4px; cursor: pointer; box-shadow: 0 6px 18px rgba(0,160,19,.22) }
/* 1× <aside> */
.wbs-rel-19 { background: #f4f7f4; border: 1px solid #e7ece8; border-radius: 16px; padding: clamp(28px,3vw,40px); position: relative }
/* 1× <div> */
.wbs-box-101 { font-size: 18px; font-weight: 900; margin-top: 14px }
/* 1× <div> */
.wbs-box-102 { font-size: 14px; line-height: 1.95; color: #4a554e; margin-top: 14px }
/* 1× <div> */
.wbs-box-103 { height: 1px; background: #e0e7e1; margin: 24px 0 }
/* 1× <div> */
.wbs-flex-center-28 { display: flex; align-items: center; gap: 14px; margin-top: 26px; padding-top: 24px; border-top: 1px solid #e0e7e1 }
/* 1× <img> */
.wbs-block-22 { height: 62px; width: auto; display: block }
/* 1× <div> */
.wbs-box-104 { font-size: 12px; line-height: 1.7; color: #5a655e }
/* 1× <div> */
.wbs-overlay { position: fixed; inset: 0; z-index: 200; background: #05140b; display: flex; align-items: center; justify-content: center; overflow: hidden; opacity: 1; transition: opacity .5s ease }
/* 1× <button> */
.wbs-abs-16 { position: absolute; top: 22px; right: 24px; z-index: 6; background: transparent; border: 1px solid rgba(255,255,255,.3); color: rgba(255,255,255,.75); font-family: var(--wb-font-numeric); font-size: 11px; letter-spacing: .16em; padding: 9px 17px; border-radius: 3px; cursor: pointer }
/* 1× <div> */
.wbs-abs-17 { position: absolute; left: 50%; top: 50%; width: 0; height: 0; pointer-events: none }
/* 1× <span> */
.wbs-abs-18 { position: absolute; left: 0; top: 0; width: 261px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -91px; --ay: -49px; --a: 34deg; transform: translate(-91px, -49px) rotate(34deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.19s both }
/* 1× <span> */
.wbs-abs-19 { position: absolute; left: 0; top: 0; width: 137px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -91px; --ay: -49px; --a: -56deg; transform: translate(-91px, -49px) rotate(-56deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.23s both }
/* 1× <span> */
.wbs-abs-20 { position: absolute; left: 0; top: 0; width: 148px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -91px; --ay: -49px; --a: 117deg; transform: translate(-91px, -49px) rotate(117deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.27s both }
/* 1× <span> */
.wbs-abs-21 { position: absolute; left: 0; top: 0; width: 133px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 125px; --ay: 97px; --a: 139deg; transform: translate(125px, 97px) rotate(139deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.31s both }
/* 1× <span> */
.wbs-abs-22 { position: absolute; left: 0; top: 0; width: 137px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -91px; --ay: -49px; --a: -163deg; transform: translate(-91px, -49px) rotate(-163deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.35s both }
/* 1× <span> */
.wbs-abs-23 { position: absolute; left: 0; top: 0; width: 177px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 125px; --ay: 97px; --a: -36deg; transform: translate(125px, 97px) rotate(-36deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.39s both }
/* 1× <span> */
.wbs-abs-24 { position: absolute; left: 0; top: 0; width: 90px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 25px; --ay: 185px; --a: 72deg; transform: translate(25px, 185px) rotate(72deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.43s both }
/* 1× <span> */
.wbs-abs-25 { position: absolute; left: 0; top: 0; width: 138px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -15px; --ay: -163px; --a: -55deg; transform: translate(-15px, -163px) rotate(-55deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.47s both }
/* 1× <span> */
.wbs-abs-26 { position: absolute; left: 0; top: 0; width: 63px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 53px; --ay: 270px; --a: -5deg; transform: translate(53px, 270px) rotate(-5deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.51s both }
/* 1× <span> */
.wbs-abs-27 { position: absolute; left: 0; top: 0; width: 135px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -159px; --ay: 83px; --a: -167deg; transform: translate(-159px, 83px) rotate(-167deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.55s both }
/* 1× <span> */
.wbs-abs-28 { position: absolute; left: 0; top: 0; width: 98px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 53px; --ay: 270px; --a: 134deg; transform: translate(53px, 270px) rotate(134deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.59s both }
/* 1× <span> */
.wbs-abs-29 { position: absolute; left: 0; top: 0; width: 109px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 63px; --ay: -277px; --a: -37deg; transform: translate(63px, -277px) rotate(-37deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.63s both }
/* 1× <span> */
.wbs-abs-30 { position: absolute; left: 0; top: 0; width: 62px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 150px; --ay: -343px; --a: -142deg; transform: translate(150px, -343px) rotate(-142deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.67s both }
/* 1× <span> */
.wbs-abs-31 { position: absolute; left: 0; top: 0; width: 126px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 150px; --ay: -343px; --a: 20deg; transform: translate(150px, -343px) rotate(20deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.71s both }
/* 1× <span> */
.wbs-abs-32 { position: absolute; left: 0; top: 0; width: 51px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 269px; --ay: -299px; --a: 24deg; transform: translate(269px, -299px) rotate(24deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.75s both }
/* 1× <span> */
.wbs-abs-33 { position: absolute; left: 0; top: 0; width: 129px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -290px; --ay: 53px; --a: 167deg; transform: translate(-290px, 53px) rotate(167deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.79s both }
/* 1× <span> */
.wbs-abs-34 { position: absolute; left: 0; top: 0; width: 51px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 102px; --ay: -381px; --a: -123deg; transform: translate(102px, -381px) rotate(-123deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.83s both }
/* 1× <span> */
.wbs-abs-35 { position: absolute; left: 0; top: 0; width: 169px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 116px; --ay: 264px; --a: 84deg; transform: translate(116px, 264px) rotate(84deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.87s both }
/* 1× <span> */
.wbs-abs-36 { position: absolute; left: 0; top: 0; width: 97px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 133px; --ay: 432px; --a: -6deg; transform: translate(133px, 432px) rotate(-6deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.91s both }
/* 1× <span> */
.wbs-abs-37 { position: absolute; left: 0; top: 0; width: 150px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -416px; --ay: 82px; --a: 97deg; transform: translate(-416px, 82px) rotate(97deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.95s both }
/* 1× <span> */
.wbs-abs-38 { position: absolute; left: 0; top: 0; width: 224px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 315px; --ay: -278px; --a: 42deg; transform: translate(315px, -278px) rotate(42deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 2.99s both }
/* 1× <span> */
.wbs-abs-39 { position: absolute; left: 0; top: 0; width: 280px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -223px; --ay: -89px; --a: -157deg; transform: translate(-223px, -89px) rotate(-157deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.03s both }
/* 1× <span> */
.wbs-abs-40 { position: absolute; left: 0; top: 0; width: 262px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 74px; --ay: -423px; --a: -163deg; transform: translate(74px, -423px) rotate(-163deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.07s both }
/* 1× <span> */
.wbs-abs-41 { position: absolute; left: 0; top: 0; width: 47px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -481px; --ay: -198px; --a: -145deg; transform: translate(-481px, -198px) rotate(-145deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.11s both }
/* 1× <span> */
.wbs-abs-42 { position: absolute; left: 0; top: 0; width: 143px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -416px; --ay: 82px; --a: 174deg; transform: translate(-416px, 82px) rotate(174deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.15s both }
/* 1× <span> */
.wbs-abs-43 { position: absolute; left: 0; top: 0; width: 221px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -176px; --ay: -500px; --a: 160deg; transform: translate(-176px, -500px) rotate(160deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.19s both }
/* 1× <span> */
.wbs-abs-44 { position: absolute; left: 0; top: 0; width: 81px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -176px; --ay: -500px; --a: -114deg; transform: translate(-176px, -500px) rotate(-114deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.23s both }
/* 1× <span> */
.wbs-abs-45 { position: absolute; left: 0; top: 0; width: 249px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 482px; --ay: -129px; --a: 58deg; transform: translate(482px, -129px) rotate(58deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.27s both }
/* 1× <span> */
.wbs-abs-46 { position: absolute; left: 0; top: 0; width: 322px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -14px; --ay: 341px; --a: 128deg; transform: translate(-14px, 341px) rotate(128deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.31s both }
/* 1× <span> */
.wbs-abs-47 { position: absolute; left: 0; top: 0; width: 153px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -435px; --ay: 231px; --a: 131deg; transform: translate(-435px, 231px) rotate(131deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.35s both }
/* 1× <span> */
.wbs-abs-48 { position: absolute; left: 0; top: 0; width: 106px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -519px; --ay: -224px; --a: -124deg; transform: translate(-519px, -224px) rotate(-124deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.39s both }
/* 1× <span> */
.wbs-abs-49 { position: absolute; left: 0; top: 0; width: 119px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -519px; --ay: -224px; --a: 162deg; transform: translate(-519px, -224px) rotate(162deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.43s both }
/* 1× <span> */
.wbs-abs-50 { position: absolute; left: 0; top: 0; width: 130px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -559px; --ay: 96px; --a: -159deg; transform: translate(-559px, 96px) rotate(-159deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.47s both }
/* 1× <span> */
.wbs-abs-51 { position: absolute; left: 0; top: 0; width: 111px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -213px; --ay: 593px; --a: 173deg; transform: translate(-213px, 593px) rotate(173deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.51s both }
/* 1× <span> */
.wbs-abs-52 { position: absolute; left: 0; top: 0; width: 249px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 482px; --ay: -129px; --a: -63deg; transform: translate(482px, -129px) rotate(-63deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.55s both }
/* 1× <span> */
.wbs-abs-53 { position: absolute; left: 0; top: 0; width: 317px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 230px; --ay: 422px; --a: 4deg; transform: translate(230px, 422px) rotate(4deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.59s both }
/* 1× <span> */
.wbs-abs-54 { position: absolute; left: 0; top: 0; width: 231px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 230px; --ay: 422px; --a: 67deg; transform: translate(230px, 422px) rotate(67deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.63s both }
/* 1× <span> */
.wbs-abs-55 { position: absolute; left: 0; top: 0; width: 128px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 613px; --ay: 83px; --a: -39deg; transform: translate(613px, 83px) rotate(-39deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.67s both }
/* 1× <span> */
.wbs-abs-56 { position: absolute; left: 0; top: 0; width: 173px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 594px; --ay: -352px; --a: -117deg; transform: translate(594px, -352px) rotate(-117deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.71s both }
/* 1× <span> */
.wbs-abs-57 { position: absolute; left: 0; top: 0; width: 88px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -632px; --ay: -187px; --a: -125deg; transform: translate(-632px, -187px) rotate(-125deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.75s both }
/* 1× <span> */
.wbs-abs-58 { position: absolute; left: 0; top: 0; width: 164px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -535px; --ay: 348px; --a: -162deg; transform: translate(-535px, 348px) rotate(-162deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.79s both }
/* 1× <span> */
.wbs-abs-59 { position: absolute; left: 0; top: 0; width: 118px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -579px; --ay: -312px; --a: -123deg; transform: translate(-579px, -312px) rotate(-123deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.83s both }
/* 1× <span> */
.wbs-abs-60 { position: absolute; left: 0; top: 0; width: 67px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -682px; --ay: -259px; --a: -116deg; transform: translate(-682px, -259px) rotate(-116deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.87s both }
/* 1× <span> */
.wbs-abs-61 { position: absolute; left: 0; top: 0; width: 96px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 594px; --ay: -352px; --a: -28deg; transform: translate(594px, -352px) rotate(-28deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.91s both }
/* 1× <span> */
.wbs-abs-62 { position: absolute; left: 0; top: 0; width: 80px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 679px; --ay: -396px; --a: -78deg; transform: translate(679px, -396px) rotate(-78deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.95s both }
/* 1× <span> */
.wbs-abs-63 { position: absolute; left: 0; top: 0; width: 276px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 713px; --ay: 3px; --a: 60deg; transform: translate(713px, 3px) rotate(60deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 3.99s both }
/* 1× <span> */
.wbs-abs-64 { position: absolute; left: 0; top: 0; width: 206px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 849px; --ay: 243px; --a: 106deg; transform: translate(849px, 243px) rotate(106deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.03s both }
/* 1× <span> */
.wbs-abs-65 { position: absolute; left: 0; top: 0; width: 88px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 695px; --ay: -474px; --a: -10deg; transform: translate(695px, -474px) rotate(-10deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.07s both }
/* 1× <span> */
.wbs-abs-66 { position: absolute; left: 0; top: 0; width: 258px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 781px; --ay: -490px; --a: 52deg; transform: translate(781px, -490px) rotate(52deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.11s both }
/* 1× <span> */
.wbs-abs-67 { position: absolute; left: 0; top: 0; width: 107px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 849px; --ay: 243px; --a: 9deg; transform: translate(849px, 243px) rotate(9deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.15s both }
/* 1× <span> */
.wbs-abs-68 { position: absolute; left: 0; top: 0; width: 141px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 792px; --ay: 441px; --a: 1deg; transform: translate(792px, 441px) rotate(1deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.19s both }
/* 1× <span> */
.wbs-abs-69 { position: absolute; left: 0; top: 0; width: 135px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: 955px; --ay: 260px; --a: 27deg; transform: translate(955px, 260px) rotate(27deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.23s both }
/* 1× <span> */
.wbs-abs-70 { position: absolute; left: 0; top: 0; width: 464px; height: 1px; background: linear-gradient(90deg, rgba(0,160,19,.55), rgba(0,160,19,.12)); transform-origin: left center; --ax: -711px; --ay: -320px; --a: 163deg; transform: translate(-711px, -320px) rotate(163deg) scaleX(0); opacity: 0; animation: wbOpEdge 2.4s ease-out 4.27s both }
/* 1× <span> */
.wbs-abs-71 { position: absolute; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%; background: #9aa79f; --tx: -91px; --ty: -49px; transform: translate(calc(-50% + -91px), calc(-50% + -49px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.15s both }
/* 1× <span> */
.wbs-abs-72 { position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: #00A013; --tx: 125px; --ty: 97px; transform: translate(calc(-50% + 125px), calc(-50% + 97px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.19s both }
/* 1× <span> */
.wbs-abs-73 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #39c24c; --tx: -15px; --ty: -163px; transform: translate(calc(-50% + -15px), calc(-50% + -163px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.23s both }
/* 1× <span> */
.wbs-abs-74 { position: absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #00A013; --tx: -159px; --ty: 83px; transform: translate(calc(-50% + -159px), calc(-50% + 83px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.27s both }
/* 1× <span> */
.wbs-abs-75 { position: absolute; left: 0; top: 0; width: 13px; height: 13px; border-radius: 50%; background: #00A013; --tx: 25px; --ty: 185px; transform: translate(calc(-50% + 25px), calc(-50% + 185px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.31s both }
/* 1× <span> */
.wbs-abs-76 { position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: #39c24c; --tx: -223px; --ty: -89px; transform: translate(calc(-50% + -223px), calc(-50% + -89px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.35s both }
/* 1× <span> */
.wbs-abs-77 { position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: #39c24c; --tx: 269px; --ty: -7px; transform: translate(calc(-50% + 269px), calc(-50% + -7px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.39s both }
/* 1× <span> */
.wbs-abs-78 { position: absolute; left: 0; top: 0; width: 9px; height: 9px; border-radius: 50%; background: #9aa79f; --tx: 53px; --ty: 270px; transform: translate(calc(-50% + 53px), calc(-50% + 270px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.43s both }
/* 1× <span> */
.wbs-abs-79 { position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: #39c24c; --tx: 63px; --ty: -277px; transform: translate(calc(-50% + 63px), calc(-50% + -277px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.47s both }
/* 1× <span> */
.wbs-abs-80 { position: absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #9aa79f; --tx: 116px; --ty: 264px; transform: translate(calc(-50% + 116px), calc(-50% + 264px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.51s both }
/* 1× <span> */
.wbs-abs-81 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #9aa79f; --tx: -290px; --ty: 53px; transform: translate(calc(-50% + -290px), calc(-50% + 53px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.55s both }
/* 1× <span> */
.wbs-abs-82 { position: absolute; left: 0; top: 0; width: 11px; height: 11px; border-radius: 50%; background: #39c24c; --tx: -14px; --ty: 341px; transform: translate(calc(-50% + -14px), calc(-50% + 341px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.59s both }
/* 1× <span> */
.wbs-abs-83 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #39c24c; --tx: 150px; --ty: -343px; transform: translate(calc(-50% + 150px), calc(-50% + -343px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.63s both }
/* 1× <span> */
.wbs-abs-84 { position: absolute; left: 0; top: 0; width: 8px; height: 8px; border-radius: 50%; background: #00A013; --tx: 102px; --ty: -381px; transform: translate(calc(-50% + 102px), calc(-50% + -381px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.67s both }
/* 1× <span> */
.wbs-abs-85 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #00A013; --tx: 269px; --ty: -299px; transform: translate(calc(-50% + 269px), calc(-50% + -299px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.71s both }
/* 1× <span> */
.wbs-abs-86 { position: absolute; left: 0; top: 0; width: 11px; height: 11px; border-radius: 50%; background: #9aa79f; --tx: 315px; --ty: -278px; transform: translate(calc(-50% + 315px), calc(-50% + -278px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.75s both }
/* 1× <span> */
.wbs-abs-87 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #9aa79f; --tx: -416px; --ty: 82px; transform: translate(calc(-50% + -416px), calc(-50% + 82px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.79s both }
/* 1× <span> */
.wbs-abs-88 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #00A013; --tx: 74px; --ty: -423px; transform: translate(calc(-50% + 74px), calc(-50% + -423px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.83s both }
/* 1× <span> */
.wbs-abs-89 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #00A013; --tx: 133px; --ty: 432px; transform: translate(calc(-50% + 133px), calc(-50% + 432px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.87s both }
/* 1× <span> */
.wbs-abs-90 { position: absolute; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%; background: #00A013; --tx: 230px; --ty: 422px; transform: translate(calc(-50% + 230px), calc(-50% + 422px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.91s both }
/* 1× <span> */
.wbs-abs-91 { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #39c24c; --tx: -435px; --ty: 231px; transform: translate(calc(-50% + -435px), calc(-50% + 231px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.95s both }
/* 1× <span> */
.wbs-abs-92 { position: absolute; left: 0; top: 0; width: 8px; height: 8px; border-radius: 50%; background: #39c24c; --tx: 482px; --ty: -129px; transform: translate(calc(-50% + 482px), calc(-50% + -129px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 2.99s both }
/* 1× <span> */
.wbs-abs-93 { position: absolute; left: 0; top: 0; width: 10px; height: 10px; border-radius: 50%; background: #00A013; --tx: -481px; --ty: -198px; transform: translate(calc(-50% + -481px), calc(-50% + -198px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.03s both }
/* 1× <span> */
.wbs-abs-94 { position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background: #9aa79f; --tx: -176px; --ty: -500px; transform: translate(calc(-50% + -176px), calc(-50% + -500px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.07s both }
/* 1× <span> */
.wbs-abs-95 { position: absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #00A013; --tx: -519px; --ty: -224px; transform: translate(calc(-50% + -519px), calc(-50% + -224px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.11s both }
/* 1× <span> */
.wbs-abs-96 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #00A013; --tx: -559px; --ty: 96px; transform: translate(calc(-50% + -559px), calc(-50% + 96px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.15s both }
/* 1× <span> */
.wbs-abs-97 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #9aa79f; --tx: -383px; --ty: -424px; transform: translate(calc(-50% + -383px), calc(-50% + -424px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.19s both }
/* 1× <span> */
.wbs-abs-98 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #9aa79f; --tx: -209px; --ty: -575px; transform: translate(calc(-50% + -209px), calc(-50% + -575px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.23s both }
/* 1× <span> */
.wbs-abs-99 { position: absolute; left: 0; top: 0; width: 10px; height: 10px; border-radius: 50%; background: #00A013; --tx: 613px; --ty: 83px; transform: translate(calc(-50% + 613px), calc(-50% + 83px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.27s both }
/* 1× <span> */
.wbs-abs-100 { position: absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #9aa79f; --tx: -213px; --ty: 593px; transform: translate(calc(-50% + -213px), calc(-50% + 593px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.31s both }
/* 1× <span> */
.wbs-abs-101 { position: absolute; left: 0; top: 0; width: 6px; height: 6px; border-radius: 50%; background: #39c24c; --tx: -535px; --ty: 348px; transform: translate(calc(-50% + -535px), calc(-50% + 348px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.35s both }
/* 1× <span> */
.wbs-abs-102 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #9aa79f; --tx: -579px; --ty: -312px; transform: translate(calc(-50% + -579px), calc(-50% + -312px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.39s both }
/* 1× <span> */
.wbs-abs-103 { position: absolute; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%; background: #39c24c; --tx: -632px; --ty: -187px; transform: translate(calc(-50% + -632px), calc(-50% + -187px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.43s both }
/* 1× <span> */
.wbs-abs-104 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #00A013; --tx: -680px; --ty: 49px; transform: translate(calc(-50% + -680px), calc(-50% + 49px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.47s both }
/* 1× <span> */
.wbs-abs-105 { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #9aa79f; --tx: -324px; --ty: 607px; transform: translate(calc(-50% + -324px), calc(-50% + 607px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.51s both }
/* 1× <span> */
.wbs-abs-106 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #9aa79f; --tx: 594px; --ty: -352px; transform: translate(calc(-50% + 594px), calc(-50% + -352px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.55s both }
/* 1× <span> */
.wbs-abs-107 { position: absolute; left: 0; top: 0; width: 9px; height: 9px; border-radius: 50%; background: #9aa79f; --tx: 546px; --ty: 444px; transform: translate(calc(-50% + 546px), calc(-50% + 444px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.59s both }
/* 1× <span> */
.wbs-abs-108 { position: absolute; left: 0; top: 0; width: 8px; height: 8px; border-radius: 50%; background: #39c24c; --tx: 321px; --ty: 633px; transform: translate(calc(-50% + 321px), calc(-50% + 633px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.63s both }
/* 1× <span> */
.wbs-abs-109 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #9aa79f; --tx: 713px; --ty: 3px; transform: translate(calc(-50% + 713px), calc(-50% + 3px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.67s both }
/* 1× <span> */
.wbs-abs-110 { position: absolute; left: 0; top: 0; width: 6px; height: 6px; border-radius: 50%; background: #9aa79f; --tx: 515px; --ty: -506px; transform: translate(calc(-50% + 515px), calc(-50% + -506px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.71s both }
/* 1× <span> */
.wbs-abs-111 { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #9aa79f; --tx: -682px; --ty: -259px; transform: translate(calc(-50% + -682px), calc(-50% + -259px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.75s both }
/* 1× <span> */
.wbs-abs-112 { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 50%; background: #9aa79f; --tx: -691px; --ty: 297px; transform: translate(calc(-50% + -691px), calc(-50% + 297px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.79s both }
/* 1× <span> */
.wbs-abs-113 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #9aa79f; --tx: -643px; --ty: -411px; transform: translate(calc(-50% + -643px), calc(-50% + -411px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.83s both }
/* 1× <span> */
.wbs-abs-114 { position: absolute; left: 0; top: 0; width: 6px; height: 6px; border-radius: 50%; background: #00A013; --tx: -711px; --ty: -320px; transform: translate(calc(-50% + -711px), calc(-50% + -320px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.87s both }
/* 1× <span> */
.wbs-abs-115 { position: absolute; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%; background: #39c24c; --tx: 679px; --ty: -396px; transform: translate(calc(-50% + 679px), calc(-50% + -396px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.91s both }
/* 1× <span> */
.wbs-abs-116 { position: absolute; left: 0; top: 0; width: 10px; height: 10px; border-radius: 50%; background: #9aa79f; --tx: 695px; --ty: -474px; transform: translate(calc(-50% + 695px), calc(-50% + -474px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.95s both }
/* 1× <span> */
.wbs-abs-117 { position: absolute; left: 0; top: 0; width: 6px; height: 6px; border-radius: 50%; background: #39c24c; --tx: 849px; --ty: 243px; transform: translate(calc(-50% + 849px), calc(-50% + 243px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 3.99s both }
/* 1× <span> */
.wbs-abs-118 { position: absolute; left: 0; top: 0; width: 9px; height: 9px; border-radius: 50%; background: #39c24c; --tx: 792px; --ty: 441px; transform: translate(calc(-50% + 792px), calc(-50% + 441px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.03s both }
/* 1× <span> */
.wbs-abs-119 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #9aa79f; --tx: 781px; --ty: -490px; transform: translate(calc(-50% + 781px), calc(-50% + -490px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.07s both }
/* 1× <span> */
.wbs-abs-120 { position: absolute; left: 0; top: 0; width: 4px; height: 4px; border-radius: 50%; background: #9aa79f; --tx: 939px; --ty: -286px; transform: translate(calc(-50% + 939px), calc(-50% + -286px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.11s both }
/* 1× <span> */
.wbs-abs-121 { position: absolute; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%; background: #00A013; --tx: 955px; --ty: 260px; transform: translate(calc(-50% + 955px), calc(-50% + 260px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.15s both }
/* 1× <span> */
.wbs-abs-122 { position: absolute; left: 0; top: 0; width: 11px; height: 11px; border-radius: 50%; background: #00A013; --tx: 932px; --ty: 444px; transform: translate(calc(-50% + 932px), calc(-50% + 444px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.19s both }
/* 1× <span> */
.wbs-abs-123 { position: absolute; left: 0; top: 0; width: 8px; height: 8px; border-radius: 50%; background: #9aa79f; --tx: 1075px; --ty: 320px; transform: translate(calc(-50% + 1075px), calc(-50% + 320px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.23s both }
/* 1× <span> */
.wbs-abs-124 { position: absolute; left: 0; top: 0; width: 6px; height: 6px; border-radius: 50%; background: #00A013; --tx: -1155px; --ty: -185px; transform: translate(calc(-50% + -1155px), calc(-50% + -185px)) scale(0); opacity: 0; animation: wbOpNode 1.5s ease-out 4.27s both }
/* 1× <span> */
.wbs-abs-125 { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; border-radius: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(0,160,19,.5); animation: wbOpRing 1.85s ease-out forwards }
/* 1× <span> */
.wbs-abs-126 { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; border-radius: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle at 50% 50%, #eafff0 0 20%, #00A013 30% 58%, rgba(0,160,19,.25) 74%, transparent 80%); animation: wbOpDot 1.85s ease-in-out forwards }
/* 1× <div> */
.wbs-abs-127 { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; animation: wbOpLogo 1s ease 1.85s both }
/* 1× <img> */
.wbs-block-23 { height: clamp(46px,7vw,72px); display: block }
/* 1× <div> */
.wbs-abs-128 { position: absolute; left: 0; right: 0; top: 63%; text-align: center; padding: 0 24px; opacity: 0; animation: wbOpHead .5s ease 3.1s both }
/* 1× <span> */
.wbs-txt-96 { font-family: var(--wb-font-jp); font-weight: 900; font-size: clamp(22px,4.2vw,44px); color: #fff; letter-spacing: .01em; white-space: nowrap; line-height: 1 }
/* 1× <span> */
.wbs-ib-3 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.05s forwards }
/* 1× <span> */
.wbs-ib-4 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.16s forwards }
/* 1× <span> */
.wbs-ib-5 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.27s forwards }
/* 1× <span> */
.wbs-ib-6 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.38s forwards }
/* 1× <span> */
.wbs-ib-7 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.49s forwards }
/* 1× <span> */
.wbs-ib-8 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #39c24c; animation: wbOpType .01s linear 3.60s forwards }
/* 1× <span> */
.wbs-ib-9 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #39c24c; animation: wbOpType .01s linear 3.71s forwards }
/* 1× <span> */
.wbs-ib-10 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.82s forwards }
/* 1× <span> */
.wbs-ib-11 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 3.93s forwards }
/* 1× <span> */
.wbs-ib-12 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 4.04s forwards }
/* 1× <span> */
.wbs-ib-13 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 4.15s forwards }
/* 1× <span> */
.wbs-ib-14 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 4.26s forwards }
/* 1× <span> */
.wbs-ib-15 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 4.37s forwards }
/* 1× <span> */
.wbs-ib-16 { display: inline-block; width: 0; overflow: hidden; vertical-align: bottom; color: #ffffff; animation: wbOpType .01s linear 4.48s forwards }
/* 1× <span> */
.wbs-ib-17 { display: inline-block; width: 3px; height: .92em; background: #00A013; margin-left: 3px; vertical-align: bottom; animation: wbOpCaret .7s step-end infinite }
/* 1× <div> */
.wbs-abs-129 { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; border-radius: 50%; transform: translate(-50%,-50%) scale(0); background: #fff; animation: wbOpWhite .9s cubic-bezier(.65,0,.35,1) 5.9s forwards }
/* 1× <section> */
.wbs-rel-20 { position: relative; min-height: 100vh; display: flex; align-items: center; background: #fff; overflow: hidden; padding: 120px clamp(20px,5vw,52px) 100px }
/* 1× <video> */
.wbs-abs-130 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 0; background: radial-gradient(1200px 700px at 88% 18%, rgba(0,160,19,.10), transparent 60%), radial-gradient(900px 600px at 96% 90%, rgba(57,194,76,.10), transparent 62%), #fff }
/* 1× <div> */
.wbs-abs-131 { position: absolute; inset: 0; z-index: 1; background: linear-gradient(100deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 28%, rgba(255,255,255,.5) 56%, rgba(255,255,255,.16) 100%); pointer-events: none }
/* 1× <div> */
.wbs-container-23 { position: relative; z-index: 2; max-width: 1280px; width: 100%; margin: 0 auto }
/* 1× <div> */
.wbs-max-width-4 { max-width: 860px }
/* 1× <div> */
.wbs-flex-center-29 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .2em; font-size: clamp(12px,1.3vw,15px); text-transform: uppercase; color: #8a958d; display: flex; align-items: center; gap: 13px }
/* 1× <h1> */
.wbs-h1-7 { font-size: clamp(42px,7.4vw,90px); line-height: 1.12; font-weight: 900; letter-spacing: -.015em; margin-top: 24px; color: #0c140f }
/* 1× <span> */
.wbs-d-block { display: block }
/* 1× <span> */
.wbs-block-24 { display: block; white-space: nowrap }
/* 1× <span> */
.wbs-ib-18 { font-weight: 900; display: inline-block }
/* 1× <p> */
.wbs-p-49 { font-size: clamp(15px,1.7vw,18px); line-height: 1.95; color: #34403a; margin-top: 30px; max-width: 560px; text-wrap: pretty }
/* 1× <div> */
.wbs-flex-33 { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 40px }
/* 1× <a> */
.wbs-link-27 { background: #00A013; color: #fff; font-weight: 700; font-size: 15px; padding: 15px 30px; border-radius: 3px; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap }
/* 1× <a> */
.wbs-link-28 { border: 1.5px solid #c6d1c8; color: #0c140f; font-weight: 600; font-size: 15px; padding: 15px 28px; border-radius: 3px; background: #fff; white-space: nowrap }
/* 1× <div> */
.wbs-abs-132 { position: absolute; bottom: 28px; left: clamp(20px,5vw,52px); z-index: 3; display: flex; align-items: center; gap: 12px; color: #9aa79f }
/* 1× <span> */
.wbs-txt-97 { font-family: var(--wb-font-numeric); font-size: 10px; letter-spacing: .22em; text-transform: uppercase }
/* 1× <span> */
.wbs-block-25 { width: 34px; height: 1px; background: #c6d1c8; display: block; transform-origin: left; animation: wbCueX 1.9s ease-in-out infinite }
/* 1× <section> */
.wbs-rel-21 { scroll-margin-top: 80px; padding: clamp(72px,10vw,132px) clamp(20px,5vw,52px); position: relative }
/* 1× <div> */
.wbs-abs-133 { position: absolute; inset: 0; overflow: hidden }
/* 1× <div> */
.wbs-abs-134 { position: absolute; inset: 0; background: url('../images/challenges-bg.webp') center 32%/cover no-repeat }
/* 1× <div> */
.wbs-abs-135 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.78) 36%, rgba(255,255,255,.96) 68%, #ffffff 100%) }
/* 1× <span> */
.wbs-bottom-2 { bottom: -24px }
/* 1× <div> */
.wbs-max-width-5 { max-width: 880px }
/* 1× <h2> */
.wbs-h2-17 { font-size: clamp(28px,4.2vw,52px); line-height: 1.32; font-weight: 900; margin-top: 18px; letter-spacing: .01em; text-wrap: balance }
/* 1× <p> */
.wbs-p-50 { font-size: clamp(15px,1.6vw,17px); line-height: 1.95; color: #4a554e; margin-top: 22px; max-width: 680px }
/* 1× <div> */
.wbs-grid-19 { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 18px; margin-top: 54px }
/* 1× <div> */
.wbs-box-105 { margin-top: clamp(56px,8vw,88px); border-top: 2px solid #0c140f; padding-top: 36px }
/* 1× <p> */
.wbs-p-51 { font-size: clamp(21px,3.5vw,40px); font-weight: 900; line-height: 1.45; letter-spacing: .005em; text-wrap: balance }
/* 1× <span> */
.wbs-rel-22 { position: relative; display: inline-block; color: #00A013 }
/* 1× <svg> */
.wbs-abs-136 { position: absolute; left: -2%; bottom: -.16em; width: 104%; height: .34em; overflow: visible }
/* 1× <section> */
.wbs-sec-13 { scroll-margin-top: 80px; padding: calc(clamp(72px,10vw,132px) + 3.2vw) clamp(20px,5vw,52px) clamp(72px,10vw,132px); background: #f4f7f4; clip-path: polygon(0 3.2vw, 100% 0, 100% 100%, 0 100%) }
/* 1× <div> */
.wbs-flex-34 { display: flex; align-items: baseline; gap: 18px; max-width: 820px }
/* 1× <p> */
.wbs-p-52 { font-size: clamp(15px,1.6vw,17px); line-height: 1.95; color: #4a554e; margin-top: 18px; max-width: 680px }
/* 1× <div> */
.wbs-mt-2 { margin-top: clamp(36px,5vw,56px) }
/* 1× <svg> */
.wbs-container-24 { width: 100%; height: auto; display: block; max-width: 600px; margin: 0 auto }
/* 1× <div> */
.wbs-flex-35 { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 14px }
/* 1× <section> */
.wbs-rel-23 { scroll-margin-top: 80px; padding: clamp(72px,10vw,132px) clamp(20px,5vw,52px); position: relative; overflow: hidden }
/* 1× <div> */
.wbs-abs-137 { position: absolute; inset: 0; background: url('../images/services-bg.webp') center 55%/170% no-repeat; background-color: #e4e7e3 }
/* 1× <div> */
.wbs-abs-138 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.8) 36%, rgba(255,255,255,.96) 68%, #ffffff 100%) }
/* 1× <div> */
.wbs-max-width-6 { max-width: 760px }
/* 1× <p> */
.wbs-p-53 { font-size: clamp(15px,1.6vw,17px); line-height: 1.95; color: #4a554e; margin-top: 20px }
/* 1× <div> */
.wbs-grid-20 { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 22px; margin-top: 54px; align-items: start }
/* 1× <section> */
.wbs-rel-24 { scroll-margin-top: 80px; padding: clamp(72px,10vw,132px) clamp(20px,5vw,52px) clamp(44px,5.5vw,72px); position: relative; overflow: hidden; background: #fff }
/* 1× <div> */
.wbs-abs-139 { position: absolute; inset: 0; background: url('../images/numbers-bg.webp') center/cover no-repeat }
/* 1× <div> */
.wbs-abs-140 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.88) 40%, rgba(255,255,255,.95) 100%) }
/* 1× <div> */
.wbs-flex-36 { display: flex; align-items: baseline; gap: 18px }
/* 1× <div> */
.wbs-grid-21 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); margin-top: clamp(36px,5vw,60px); border-top: 1.5px solid #0c140f }
/* 1× <div> */
.wbs-grid-22 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: clamp(20px,3vw,40px); margin-top: clamp(32px,4vw,48px); padding-top: clamp(28px,3.5vw,40px); border-top: 1px solid #e7ece8 }
/* 1× <p> */
.wbs-p-54 { text-align: right; font-family: var(--wb-font-numeric); font-size: 12px; color: #9aa79f; margin-top: clamp(20px,3vw,32px) }
/* 1× <section> */
.wbs-rel-25 { background: #00A013; color: #fff; padding: clamp(100px,17vw,210px) clamp(20px,5vw,52px); position: relative; overflow: hidden; margin-top: -3.2vw; clip-path: polygon(0 3.2vw, 100% 0, 100% 100%, 0 calc(100% - 3.2vw)) }
/* 1× <svg> */
.wbs-abs-141 { position: absolute; right: -4%; top: 50%; transform: translateY(-50%); width: min(64vw,640px); height: min(64vw,640px); pointer-events: none; opacity: 0.9 }
/* 1× <div> */
.wbs-box-106 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .22em; font-size: clamp(12px,1.3vw,15px); text-transform: uppercase; color: rgba(255,255,255,.72) }
/* 1× <h2> */
.wbs-h2-18 { font-size: clamp(40px,8vw,132px); line-height: 1.3; font-weight: 900; letter-spacing: -.025em; margin-top: 26px }
/* 1× <p> */
.wbs-p-55 { font-size: clamp(15px,1.7vw,18px); line-height: 1.9; color: rgba(255,255,255,.88); margin-top: 34px; max-width: 520px }
/* 1× <section> */
.wbs-sec-14 { scroll-margin-top: 80px; padding: clamp(72px,10vw,132px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-container-25 { text-align: center; max-width: 680px; margin: 0 auto }
/* 1× <div> */
.wbs-grid-23 { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 22px; margin-top: 54px }
/* 1× <div> */
.wbs-box-107 { background: #f4f7f4; border-radius: 8px; padding: 38px 34px }
/* 1× <p> */
.wbs-p-56 { font-size: clamp(19px,2.4vw,26px); font-weight: 900; line-height: 1.6; margin-top: 16px }
/* 1× <div> */
.wbs-rel-26 { background: #00A013; color: #fff; border-radius: 8px; padding: 38px 34px; position: relative; overflow: hidden }
/* 1× <div> */
.wbs-abs-142 { position: absolute; bottom: -30px; right: -30px; width: 140px; height: 140px; border-radius: 50%; background: rgba(255,255,255,.1) }
/* 1× <div> */
.wbs-box-108 { font-family: var(--wb-font-display); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.8) }
/* 1× <p> */
.wbs-p-57 { font-size: clamp(20px,2.6vw,28px); font-weight: 900; line-height: 1.55; margin-top: 16px }
/* 1× <p> */
.wbs-p-58 { font-family: var(--wb-font-display); font-size: 14px; letter-spacing: .04em; color: rgba(255,255,255,.82); margin-top: 10px }
/* 1× <div> */
.wbs-box-109 { margin-top: 22px; background: #fff; border: 1px solid #e7ece8; border-radius: 8px; padding: 38px 34px }
/* 1× <div> */
.wbs-box-110 { font-family: var(--wb-font-display); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #00730E; margin-bottom: 24px }
/* 1× <div> */
.wbs-grid-24 { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 24px }
/* 1× <div> */
.wbs-box-111 { text-align: center; margin-top: 40px }
/* 1× <section> */
.wbs-sec-15 { scroll-margin-top: 80px; padding: clamp(72px,10vw,132px) clamp(20px,5vw,52px); background: #f4f7f4 }
/* 1× <a> */
.wbs-flex-center-30 { display: flex; width: fit-content; margin-left: auto; align-items: center; gap: 8px; margin-top: 28px; font-size: 14px; font-weight: 700; color: #00730E }
/* 1× <section> */
.wbs-sec-16 { scroll-margin-top: 80px; padding: clamp(72px,10vw,120px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-flex-37 { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap }
/* 1× <h2> */
.wbs-h2-19 { font-size: clamp(26px,3.6vw,42px); font-weight: 900; margin-top: 14px }
/* 1× <a> */
.wbs-link-29 { font-size: 14px; font-weight: 600 }
/* 1× <div> */
.wbs-box-112 { margin-top: 40px; border-top: 1px solid #e7ece8 }
/* 1× <section> */
.wbs-sec-17 { scroll-margin-top: 80px; padding: clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-container-26 { max-width: 1180px; margin: 0 auto; background: #eef6ef; color: #0c140f; border-radius: 12px; padding: clamp(48px,7vw,88px) clamp(28px,5vw,72px); position: relative; overflow: hidden; border: 1px solid #d8e6da }
/* 1× <div> */
.wbs-abs-143 { position: absolute; top: -60px; right: -40px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(0,160,19,.16), transparent 70%) }
/* 1× <div> */
.wbs-rel-27 { position: relative; max-width: 640px }
/* 1× <h2> */
.wbs-h2-20 { font-size: clamp(28px,4.2vw,48px); line-height: 1.34; font-weight: 900; margin-top: 18px; color: #0c140f }
/* 1× <p> */
.wbs-p-59 { font-size: clamp(15px,1.7vw,17px); line-height: 1.95; color: #4a554e; margin-top: 20px }
/* 1× <div> */
.wbs-flex-38 { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px }
/* 1× <a> */
.wbs-link-30 { background: #00A013; color: #fff; font-weight: 700; font-size: 15px; padding: 15px 30px; border-radius: 3px; display: inline-flex; align-items: center; gap: 10px }
/* 1× <a> */
.wbs-link-31 { border: 1.5px solid #c6d1c8; color: #0c140f; font-weight: 600; font-size: 15px; padding: 15px 28px; border-radius: 3px; background: #fff }
/* 1× <div> */
.wbs-container-27 { max-width: 980px; margin: 0 auto; position: relative }
/* 1× <section> */
.wbs-p-60 { padding: clamp(24px,4vw,40px) clamp(20px,5vw,52px) clamp(72px,10vw,120px) }
/* 1× <div> */
.wbs-flex-39 { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(32px,5vw,48px) }
/* 1× <div> */
.wbs-box-113 { margin-top: clamp(32px,4vw,44px); border-top: 1px solid #e7ece8 }
/* 1× <div> */
.wbs-box-114 { text-align: center; margin-top: clamp(32px,4vw,44px) }
/* 1× <button> */
.wbs-btn-4 { border: 1.5px solid #c6d1c8; background: #fff; color: #0c140f; font-family: var(--wb-font-jp); font-weight: 600; font-size: 14px; padding: 13px 32px; border-radius: 4px; cursor: pointer }
/* 1× <span> */
.wbs-txt-98 { font-size: 11px; font-weight: 700; color: #0a5e3e; background: #e3f0e6; border: 1px solid #bfe0c6; border-radius: 30px; padding: 4px 12px }
/* 1× <div> */
.wbs-flex-col-36 { margin-top: 28px; background: #e3f0e6; border: 1px solid #bfe0c6; border-radius: 12px; padding: 22px 24px; display: flex; flex-direction: column; gap: 10px }
/* 1× <a> */
.wbs-link-32 { margin-top: 4px; font-size: 14px }
/* 1× <section> */
.wbs-rel-28 { position: relative; overflow: hidden; scroll-margin-top: 80px; padding: clamp(96px,8vw,120px) clamp(20px,5vw,52px) clamp(72px,10vw,120px) }
/* 1× <div> */
.wbs-abs-144 { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(1200px 860px at 104% -8%, rgba(57,194,76,.5), transparent 56%),radial-gradient(760px 620px at 2% 8%, rgba(31,138,91,.12), transparent 60%),linear-gradient(104deg, #eef8f0 0%, #e3f5e8 45%, #cfeed6 100%) }
/* 1× <svg> */
.wbs-abs-145 { position: absolute; right: -8%; top: 50%; transform: translateY(-50%); width: min(58vw,620px); height: min(58vw,620px); z-index: 0; pointer-events: none }
/* 1× <nav> */
.wbs-flex-center-31 { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #9aa79f; margin-bottom: 28px }
/* 1× <h1> */
.wbs-h1-8 { font-family: var(--wb-font-jp); font-weight: 900; font-size: clamp(28px,4.2vw,50px); margin-top: 14px }
/* 1× <h2> */
.wbs-h2-21 { font-size: clamp(34px,6.6vw,86px); line-height: 1.28; font-weight: 900; letter-spacing: .005em; margin-top: clamp(32px,5vw,52px); max-width: 14em; text-wrap: balance }
/* 1× <span> */
.wbs-ib-19 { display: inline-block; color: #00A013 }
/* 1× <p> */
.wbs-p-61 { font-family: var(--wb-font-numeric); font-size: clamp(14px,1.5vw,18px); line-height: 1.7; font-weight: 500; color: #8a958d; margin-top: clamp(28px,3.5vw,44px); max-width: 34em; letter-spacing: .01em }
/* 1× <section> */
.wbs-rel-29 { scroll-margin-top: 80px; margin-top: -3.2vw; z-index: 2; background: #00A013; color: #fff; padding: calc(clamp(92px,15vw,190px) + 3.2vw) clamp(20px,5vw,52px) clamp(92px,15vw,190px); position: relative; overflow: hidden; clip-path: polygon(0 3.2vw, 100% 0, 100% 100%, 0 calc(100% - 3.2vw)) }
/* 1× <svg> */
.wbs-abs-146 { position: absolute; right: -6%; top: 50%; transform: translateY(-50%); width: min(58vw,560px); height: min(58vw,560px); pointer-events: none; opacity: 0.9 }
/* 1× <span> */
.wbs-txt-99 { font-family: var(--wb-font-numeric); font-size: 14px; font-weight: 700; color: rgba(255,255,255,.7) }
/* 1× <span> */
.wbs-txt-100 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .18em; font-size: 13px; text-transform: uppercase; color: rgba(255,255,255,.8) }
/* 1× <h2> */
.wbs-h2-22 { font-size: clamp(36px,9vw,116px); line-height: 1.22; font-weight: 900; letter-spacing: -.02em; margin-top: 26px; max-width: 11em }
/* 1× <div> */
.wbs-flex-center-32 { font-family: var(--wb-font-display); font-weight: 700; letter-spacing: .18em; font-size: clamp(12px,1.4vw,16px); text-transform: uppercase; color: rgba(255,255,255,.78); margin-top: 26px; display: flex; align-items: center; gap: 12px }
/* 1× <p> */
.wbs-p-62 { font-size: clamp(15px,1.7vw,18px); line-height: 1.95; color: rgba(255,255,255,.9); margin-top: 18px; max-width: 30em; text-wrap: pretty }
/* 1× <section> */
.wbs-rel-30 { position: relative; overflow: hidden; z-index: 1; margin-top: -3.2vw; scroll-margin-top: 80px; padding: calc(clamp(80px,13vw,170px) + 3.2vw) clamp(20px,5vw,52px) clamp(80px,13vw,170px) }
/* 1× <div> */
.wbs-abs-147 { position: absolute; inset: 0; background: url('../images/belief-bg.webp') center 55%/cover no-repeat; z-index: 0 }
/* 1× <div> */
.wbs-abs-148 { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.9) 40%, rgba(255,255,255,.82) 100%); z-index: 0 }
/* 1× <div> */
.wbs-container-28 { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,0.9fr) minmax(0,1.6fr); gap: clamp(32px,6vw,90px); align-items: start }
/* 1× <h2> */
.wbs-h2-23 { font-size: clamp(26px,3.6vw,42px); line-height: 1.4; font-weight: 900; margin-top: 18px }
/* 1× <span> */
.wbs-block-26 { display: block; width: 54px; height: 2px; background: #00A013; margin-top: 24px }
/* 1× <div> */
.wbs-flex-col-37 { display: flex; flex-direction: column; gap: clamp(34px,5vw,58px) }
/* 1× <p> */
.wbs-p-63 { font-size: clamp(19px,2.4vw,28px); line-height: 1.85; font-weight: 500; letter-spacing: .005em; text-wrap: balance }
/* 1× <p> */
.wbs-p-64 { font-size: clamp(17px,2vw,23px); line-height: 1.95; font-weight: 500; color: #34403a; text-wrap: pretty }
/* 1× <div> */
.wbs-grid-25 { border-top: 2px solid #0c140f; padding-top: 30px; display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 24px }
/* 1× <section> */
.wbs-rel-31 { scroll-margin-top: 80px; margin-top: -3.2vw; z-index: 2; padding: calc(clamp(72px,11vw,140px) + 3.2vw) clamp(20px,5vw,52px) clamp(72px,11vw,140px); position: relative }
/* 1× <h2> */
.wbs-h2-24 { font-size: clamp(28px,4.2vw,50px); line-height: 1.32; font-weight: 900; margin-top: 16px; max-width: 16em }
/* 1× <div> */
.wbs-grid-26 { display: grid; grid-template-columns: repeat(auto-fit,minmax(248px,1fr)); gap: 1px; margin-top: clamp(44px,6vw,72px); background: #dde5dd; border: 1px solid #dde5dd }
/* 1× <div> */
.wbs-container-29 { max-width: 1080px; margin: 0 auto }
/* 1× <h2> */
.wbs-h2-25 { font-size: clamp(24px,3.4vw,38px); line-height: 1.4; font-weight: 900; margin-top: 14px }
/* 1× <p> */
.wbs-p-65 { font-size: clamp(15px,1.6vw,17px); line-height: 1.9; color: #4a554e; margin-top: 16px; max-width: 38em; text-wrap: balance }
/* 1× <div> */
.wbs-mt-3 { margin-top: clamp(32px,5vw,52px) }
/* 1× <svg> */
.wbs-container-30 { width: 100%; height: auto; display: block; max-width: 560px; margin: 0 auto }
/* 1× <section> */
.wbs-sec-18 { scroll-margin-top: 80px; padding: clamp(72px,11vw,140px) clamp(20px,5vw,52px); background: #f4f7f4 }
/* 1× <div> */
.wbs-grid-27 { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 1px; margin-top: 24px; background: #e7ece8; border: 1px solid #e7ece8 }
/* 1× <section> */
.wbs-rel-32 { position: relative; min-height: 100svh; overflow: hidden; background: #1a3d28 }
/* 1× <img> */
.wbs-abs-149 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; z-index: 0 }
/* 1× <div> */
.wbs-abs-150 { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.38) 42%,rgba(0,0,0,.06) 72%,transparent 90%); z-index: 1; pointer-events: none }
/* 1× <div> */
.wbs-abs-151 { position: absolute; top: 12px; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 clamp(20px,5vw,52px) clamp(36px,5vw,60px) }
/* 1× <div> */
.wbs-max-width-7 { max-width: 840px }
/* 1× <div> */
.wbs-flex-center-33 { margin-bottom: 16px; display: flex; align-items: center; gap: 10px }
/* 1× <div> */
.wbs-box-115 { width: 20px; height: 1.5px; background: #39c24c; flex-shrink: 0 }
/* 1× <span> */
.wbs-txt-101 { font-family: var(--wb-font-display); font-weight: 700; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.6) }
/* 1× <h1> */
.wbs-h1-9 { font-family: var(--wb-font-jp); font-size: clamp(34px,10vw,132px); font-weight: 900; line-height: 1.15; letter-spacing: -.025em; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.4); margin-bottom: 20px }
/* 1× <span> */
.wbs-txt-102 { color: #39c24c; white-space: nowrap }
/* 1× <p> */
.wbs-p-66 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.7vw,17px); line-height: 1.9; color: rgba(255,255,255,.72); max-width: 28em; text-wrap: pretty; margin-bottom: 28px }
/* 1× <a> */
.wbs-link-33 { font-size: 15px; padding: 15px 30px; --s: 0 4px 16px rgba(0,160,19,.28); --sh: 0 10px 28px rgba(0,160,19,.4) }
/* 1× <a> */
.wbs-link-34 { font-size: 14px; padding: 14px 22px }
/* 1× <div> */
.wbs-abs-152 { position: absolute; bottom: clamp(28px,4vw,44px); right: clamp(18px,3vw,32px); z-index: 2 }
/* 1× <span> */
.wbs-txt-103 { font-family: var(--wb-font-display); font-size: 9px; letter-spacing: .24em; text-transform: uppercase; color: rgba(255,255,255,.28) }
/* 1× <section> */
.wbs-sec-19 { overflow: hidden; background: #fff }
/* 1× <div> */
.wbs-grid-28 { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; min-height: clamp(480px,60vh,680px) }
/* 1× <div> */
.wbs-flex-col-38 { padding: clamp(56px,9vw,100px) clamp(24px,3.5vw,48px) clamp(56px,9vw,100px) clamp(20px,5vw,52px); display: flex; flex-direction: column; justify-content: center }
/* 1× <div> */
.wbs-box-116 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #00730E; margin-bottom: 20px }
/* 1× <h2> */
.wbs-h2-26 { font-family: var(--wb-font-jp); font-size: clamp(34px,7.4vw,108px); font-weight: 900; line-height: 1.1; letter-spacing: -.025em; color: #0c140f; margin-bottom: 24px }
/* 1× <p> */
.wbs-p-67 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,17px); line-height: 1.95; color: #4a554e; max-width: 26em; text-wrap: pretty; margin-bottom: 8px }
/* 1× <p> */
.wbs-p-68 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,17px); line-height: 1.95; color: #4a554e; max-width: 26em; text-wrap: pretty; margin-bottom: 28px }
/* 1× <div> */
.wbs-rel-33 { position: relative; overflow: hidden; min-height: clamp(360px,50vh,580px) }
/* 1× <h2> */
.wbs-h2-27 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,72px); font-weight: 900; line-height: 1.12; letter-spacing: -.022em; margin-bottom: 14px }
/* 1× <p> */
.wbs-p-69 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); line-height: 1.9; color: #6a746e; max-width: 32em; text-wrap: pretty; margin-bottom: clamp(44px,7vw,72px) }
/* 1× <div> */
.wbs-grid-29 { display: grid; grid-template-columns: repeat(auto-fit,minmax(186px,1fr)); gap: clamp(12px,1.6vw,18px); align-items: stretch }
/* 1× <div> */
.wbs-flex-center-34 { padding-top: clamp(24px,4vw,36px); border-top: 1px solid #e7ece8; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px }
/* 1× <p> */
.wbs-p-70 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); line-height: 1.8; color: #34403a; font-weight: 500 }
/* 1× <a> */
.wbs-link-35 { font-size: 14px; white-space: nowrap }
/* 1× <section> */
.wbs-sec-20 { background: #fff; border-top: 1px solid #e7ece8 }
/* 1× <div> */
.wbs-container-31 { max-width: 1180px; margin: 0 auto; padding: clamp(72px,10vw,120px) clamp(20px,5vw,52px) clamp(36px,4.5vw,52px) }
/* 1× <h2> */
.wbs-h2-28 { font-family: var(--wb-font-jp); font-size: clamp(32px,5.5vw,80px); font-weight: 900; line-height: 1.12; letter-spacing: -.022em; color: #0c140f; margin-bottom: 12px }
/* 1× <p> */
.wbs-p-71 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.4vw,16px); line-height: 1.85; color: #6a746e; max-width: 32em; text-wrap: pretty }
/* 1× <div> */
.wbs-grid-30 { display: grid; grid-template-columns: 11fr 9fr; min-height: clamp(440px,56vh,580px); border-top: 1px solid #e7ece8; overflow: hidden }
/* 1× <div> */
.wbs-grid-31 { display: grid; grid-template-columns: 9fr 11fr; min-height: clamp(440px,56vh,580px); border-top: 1px solid #e7ece8; overflow: hidden }
/* 1× <div> */
.wbs-flex-col-39 { display: flex; flex-direction: column; justify-content: center; padding: clamp(40px,6vw,72px) clamp(24px,4vw,52px) clamp(40px,6vw,72px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-grid-32 { display: grid; grid-template-columns: 11fr 9fr; min-height: clamp(440px,56vh,580px); border-top: 1px solid #e7ece8; border-bottom: 1px solid #e7ece8; overflow: hidden }
/* 1× <div> */
.wbs-mb-3 { margin-bottom: clamp(36px,5vw,52px) }
/* 1× <h2> */
.wbs-h2-29 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,72px); font-weight: 900; line-height: 1.12; letter-spacing: -.022em; margin-bottom: 12px }
/* 1× <p> */
.wbs-p-72 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.4vw,16px); line-height: 1.85; color: #6a746e; text-wrap: pretty }
/* 1× <div> */
.wbs-grid-33 { border-top: 1px solid #e7ece8; border-bottom: 1px solid #e7ece8; padding: clamp(28px,4vw,44px) 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(24px,5vw,60px) }
/* 1× <div> */
.wbs-box-117 { font-family: var(--wb-font-jp); font-size: clamp(26px,4.5vw,54px); font-weight: 900; color: #00730E; line-height: 1; letter-spacing: -.02em }
/* 1× <div> */
.wbs-box-118 { font-family: var(--wb-font-jp); font-size: clamp(16px,2.2vw,26px); font-weight: 700; color: #00A013; margin-top: 4px }
/* 1× <p> */
.wbs-p-73 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,17px); line-height: 1.85; color: #0c140f; font-weight: 500; text-wrap: pretty }
/* 1× <div> */
.wbs-grid-34 { border-bottom: 1px solid #e7ece8; padding: clamp(28px,4vw,44px) 0; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,5vw,60px) }
/* 1× <div> */
.wbs-grid-35 { padding: clamp(24px,3.5vw,40px) 0; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: clamp(16px,3vw,36px) }
/* 1× <p> */
.wbs-p-74 { font-family: var(--wb-font-jp); font-size: 11px; color: #9aa79f; margin-top: 4px }
/* 1× <p> */
.wbs-p-75 { font-family: var(--wb-font-jp); font-size: 11px; color: #9aa79f; margin-top: 20px; text-align: right }
/* 1× <section> */
.wbs-sec-21 { background: #fff; padding-top: clamp(72px,10vw,120px); border-top: 1px solid #e7ece8 }
/* 1× <div> */
.wbs-container-32 { max-width: 1180px; margin: 0 auto 8px; padding: 0 clamp(20px,5vw,52px); display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 14px }
/* 1× <h2> */
.wbs-h2-30 { font-family: var(--wb-font-jp); font-size: clamp(32px,6vw,84px); font-weight: 900; line-height: 1.1; letter-spacing: -.022em; margin-bottom: 10px }
/* 1× <p> */
.wbs-p-76 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.4vw,16px); line-height: 1.85; color: #6a746e; text-wrap: pretty; max-width: 28em }
/* 1× <div> */
.wbs-box-119 { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: clamp(24px,3vw,36px) 0 clamp(28px,4vw,44px); scrollbar-width: thin }
/* 1× <div> */
.wbs-flex-40 { display: flex; gap: clamp(12px,2vw,20px); padding: 0 clamp(20px,5vw,52px); width: max-content }
/* 1× <div> */
.wbs-flex-41 { margin-top: clamp(12px,3vw,32px); padding: 0 clamp(20px,5vw,52px); display: flex; justify-content: center }
/* 1× <a> */
.wbs-link-36 { font-size: 14px; padding: 14px 32px; white-space: nowrap; --s: 0 4px 16px rgba(0,160,19,.22); --sh: 0 10px 28px rgba(0,160,19,.36) }
/* 1× <div> */
.wbs-flex-42 { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: clamp(36px,5vw,52px) }
/* 1× <h2> */
.wbs-h2-31 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,72px); font-weight: 900; line-height: 1.12; letter-spacing: -.022em; margin-bottom: 10px }
/* 1× <p> */
.wbs-p-77 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.4vw,16px); line-height: 1.85; color: #6a746e; text-wrap: pretty; max-width: 32em }
/* 1× <a> */
.wbs-link-37 { font-size: 14px; white-space: nowrap; align-self: flex-end }
/* 1× <div> */
.wbs-grid-36 { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(12px,2vw,20px) }
/* 1× <section> */
.wbs-sec-22 { background: #f4f7f4; padding: clamp(80px,12vw,140px) clamp(20px,5vw,52px) clamp(72px,10vw,120px); border-top: 1px solid #e7ece8 }
/* 1× <div> */
.wbs-container-33 { max-width: 800px; margin: 0 auto; text-align: center }
/* 1× <div> */
.wbs-box-120 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: #9aa79f; margin-bottom: 20px }
/* 1× <h2> */
.wbs-h2-32 { font-family: var(--wb-font-jp); font-size: clamp(32px,8vw,108px); font-weight: 900; line-height: 1.15; letter-spacing: -.025em; color: #0c140f; margin-bottom: 20px }
/* 1× <span> */
.wbs-txt-104 { color: #00A013; white-space: nowrap }
/* 1× <p> */
.wbs-p-78 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,17px); line-height: 1.9; color: #6a746e; margin-bottom: 36px; max-width: 26em; margin-left: auto; margin-right: auto; text-wrap: pretty }
/* 1× <div> */
.wbs-abs-153 { position: absolute; inset: 0; background: linear-gradient(105deg,rgba(8,30,20,.94) 0%,rgba(8,30,20,.8) 50%,rgba(8,30,20,.4) 100%); z-index: 1 }
/* 1× <div> */
.wbs-container-34 { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: clamp(48px,8vw,96px) clamp(20px,5vw,52px) }
/* 1× <nav> */
.wbs-flex-center-35 { display: flex; align-items: center; gap: 8px; font-family: var(--wb-font-jp); font-size: 12px; color: rgba(255,255,255,.5); margin-bottom: 28px }
/* 1× <div> */
.wbs-box-121 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 16px }
/* 1× <h1> */
.wbs-h1-10 { font-family: var(--wb-font-jp); font-size: clamp(34px,6.5vw,80px); font-weight: 900; line-height: 1.12; letter-spacing: -.025em; color: #fff; margin-bottom: 20px }
/* 1× <p> */
.wbs-p-79 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.7vw,17px); line-height: 1.95; color: rgba(255,255,255,.72); max-width: 34em; text-wrap: pretty }
/* 1× <section> */
.wbs-sec-23 { background: #fff; padding: clamp(72px,11vw,140px) clamp(20px,5vw,52px) }
/* 1× <p> */
.wbs-p-80 { font-family: var(--wb-font-jp); font-size: clamp(20px,3vw,32px); font-weight: 700; line-height: 1.6; letter-spacing: -.01em; color: #0c140f; margin-bottom: clamp(48px,7vw,72px); text-wrap: pretty }
/* 1× <p> */
.wbs-p-81 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,60px); font-weight: 900; line-height: 1.2; letter-spacing: -.025em; color: #0c140f }
/* 1× <section> */
.wbs-sec-24 { background: #f4f7f4; padding: clamp(72px,10vw,120px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-grid-37 { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(14px,2vw,20px) }
/* 1× <h2> */
.wbs-h2-33 { font-family: var(--wb-font-jp); font-size: clamp(26px,4vw,48px); font-weight: 900; letter-spacing: -.022em; line-height: 1.2; margin-bottom: 14px }
/* 1× <p> */
.wbs-p-82 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); line-height: 1.9; color: #6a746e; max-width: 34em; text-wrap: pretty }
/* 1× <div> */
.wbs-mt-4 { margin-top: 28px }
/* 1× <h2> */
.wbs-h2-34 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,52px); font-weight: 900; letter-spacing: -.022em; line-height: 1.3; margin-bottom: 16px }
/* 1× <section> */
.wbs-sec-25 { background: #fff; padding: clamp(48px,7vw,80px) clamp(20px,5vw,52px) clamp(72px,10vw,120px) }
/* 1× <div> */
.wbs-grid-38 { display: grid; grid-template-columns: repeat(2,1fr); gap: clamp(14px,2vw,20px) }
/* 1× <section> */
.wbs-rel-34 { position: relative; min-height: clamp(360px,50vh,540px); overflow: hidden; display: flex; align-items: center }
/* 1× <div> */
.wbs-abs-154 { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(8,30,20,.9) 0%,rgba(8,30,20,.55) 60%,rgba(8,30,20,.2) 100%) }
/* 1× <div> */
.wbs-container-35 { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: clamp(48px,8vw,96px) clamp(20px,5vw,52px); width: 100% }
/* 1× <p> */
.wbs-p-83 { font-family: var(--wb-font-jp); font-size: clamp(22px,3.6vw,44px); font-weight: 900; line-height: 1.5; letter-spacing: -.02em; color: #fff; max-width: 22em; text-wrap: pretty }
/* 1× <div> */
.wbs-grid-39 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: clamp(14px,2vw,20px) }
/* 1× <section> */
.wbs-sec-26 { background: #fff; padding: clamp(40px,6vw,72px) clamp(20px,5vw,52px) clamp(24px,4vw,36px); border-bottom: 1px solid #e7ece8 }
/* 1× <div> */
.wbs-container-36 { max-width: 720px; margin: 0 auto; text-align: center }
/* 1× <nav> */
.wbs-flex-center-36 { display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--wb-font-jp); font-size: 12px; color: #9aa79f; margin-bottom: 22px }
/* 1× <h1> */
.wbs-h1-11 { font-family: var(--wb-font-jp); font-size: clamp(32px,6vw,56px); font-weight: 900; letter-spacing: -.022em; line-height: 1.15; margin-bottom: 14px }
/* 1× <p> */
.wbs-container-37 { font-family: var(--wb-font-jp); font-size: 14px; line-height: 1.9; color: #6a746e; max-width: 34em; margin: 0 auto; text-wrap: pretty }
/* 1× <section> */
.wbs-sec-27 { background: #f4f7f4; padding: clamp(48px,7vw,88px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-container-38 { max-width: 720px; margin: 0 auto; scroll-margin-top: 90px }
/* 1× <nav> */
.wbs-flex-center-37 { display: flex; align-items: center; gap: 8px; font-family: var(--wb-font-jp); font-size: 12px; color: #9aa79f; margin-bottom: clamp(22px,4vw,36px); flex-wrap: wrap }
/* 1× <h1> */
.wbs-h1-12 { font-family: var(--wb-font-jp); font-size: clamp(40px,8vw,104px); font-weight: 900; line-height: 1.08; letter-spacing: -.025em; margin-bottom: 20px }
/* 1× <p> */
.wbs-p-84 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.6vw,17px); line-height: 1.95; color: #4a554e; max-width: 30em; text-wrap: pretty }
/* 1× <section> */
.wbs-sec-28 { background: #fff; padding: clamp(32px,5vw,56px) clamp(20px,5vw,52px) clamp(72px,10vw,120px) }
/* 1× <div> */
.wbs-flex-43 { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: clamp(32px,5vw,48px) }
/* 1× <div> */
.wbs-grid-40 { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: clamp(16px,2.4vw,28px) }
/* 1× <p> */
.wbs-p-85 { font-family: var(--wb-font-jp); font-size: 11px; color: #9aa79f; margin-top: clamp(32px,5vw,48px); text-align: center }
/* 1× <section> */
.wbs-sec-29 { background: #fff; padding: clamp(96px,8vw,120px) clamp(20px,5vw,52px) clamp(40px,5vw,56px) }
/* 1× <h1> */
.wbs-h1-13 { font-family: var(--wb-font-jp); font-size: clamp(32px,6vw,80px); font-weight: 900; line-height: 1.12; letter-spacing: -.022em; color: #0c140f; margin-bottom: 16px }
/* 1× <p> */
.wbs-p-86 { font-family: var(--wb-font-jp); font-size: clamp(13px,1.5vw,16px); line-height: 1.9; color: #6a746e; max-width: 32em; text-wrap: pretty }
/* 1× <section> */
.wbs-sec-30 { background: #fff; padding: 0 clamp(20px,5vw,52px) clamp(72px,10vw,120px) }
/* 1× <div> */
.wbs-container-39 { max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(14px,2vw,20px) }
/* 1× <section> */
.wbs-sec-31 { background: #fff; padding: clamp(48px,7vw,80px) clamp(20px,5vw,52px) }
/* 1× <div> */
.wbs-grid-41 { display: grid; grid-template-columns: repeat(4,1fr); gap: clamp(14px,2vw,20px) }
/* 1× <section> */
.wbs-sec-32 { background: #0a2417; padding: clamp(64px,9vw,110px) clamp(20px,5vw,52px); scroll-margin-top: 90px }
/* 1× <div> */
.wbs-box-122 { font-family: var(--wb-font-display); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #39c24c; margin-bottom: 18px }
/* 1× <h2> */
.wbs-h2-35 { font-family: var(--wb-font-jp); font-size: clamp(28px,5vw,56px); font-weight: 900; line-height: 1.15; letter-spacing: -.025em; color: #fff; margin-bottom: 20px }
/* 1× <p> */
.wbs-container-40 { font-family: var(--wb-font-jp); font-size: clamp(14px,1.7vw,17px); line-height: 1.95; color: rgba(255,255,255,.72); max-width: 30em; margin: 0 auto 36px; text-wrap: pretty }
/* 1× <a> */
.wbs-link-38 { font-size: 15px; padding: 16px 34px; --s: 0 4px 16px rgba(0,160,19,.4); --sh: 0 10px 28px rgba(0,160,19,.5) }
/* 1× <div> */
.wbs-container-41 { max-width: 860px; margin: 0 auto }
/* 1× <div> */
.wbs-mb-4 { margin-bottom: clamp(32px,5vw,48px) }
/* 1× <h2> */
.wbs-h2-36 { font-family: var(--wb-font-jp); font-size: clamp(26px,4vw,44px); font-weight: 900; letter-spacing: -.022em }

/* ==========================================================================
   由 js/index.js 动态生成的组件样式
   （React 版本里这些是条件渲染分支上的 style={{...}}，预渲染 HTML 中不存在，
     因此无法自动抽取，此处按原组件的样式逐条还原）
   ========================================================================== */

/* ── chips：応募職種 / 経験（EntryForm・PositionsClient） ── */
.wb-chip {
  font-family: var(--wb-font-jp);
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
  color: #4a554e;
  border: 1.5px solid #d8e0da;
}
.wb-chip-on {
  background: #00a013;
  color: #fff;
  border-color: #00a013;
}
/* 職種詳細ページの経験 chip だけ nowrap 指定あり */
[data-wb-form="position"] .wb-chip {
  white-space: nowrap;
}

/* ── メンバー一覧のフィルタ chip（MembersClient） ── */
.wb-filter-chip {
  font-family: var(--wb-font-jp);
  font-size: 13.5px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
  color: #4a554e;
  border: 1.5px solid #d8e0da;
}
.wb-filter-chip-on {
  background: #00a013;
  color: #fff;
  border-color: #00a013;
}

/* ── ニュースのカテゴリ chip（NewsListClient） ── */
.wb-news-chip {
  font-family: var(--wb-font-jp);
  font-size: 13.5px;
  font-weight: 700;
  padding: 9px 20px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
  color: #3a443e;
  border: 1.5px solid #dbe3dc;
}
.wb-news-chip-on {
  background: #00a013;
  color: #fff;
  border-color: #00a013;
}
.wb-news-empty {
  padding: 40px 4px;
  font-size: 15px;
  color: #6a746e;
}

/* ── メンバー詳細モーダル（MemberModal） ──
   .wb-member-modal / .mem-detail-* は globals 側にレスポンシブ定義があるため
   併用する（globals は !important か後代セレクタなので上書きされない）。 */
.wb-modal-ov {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(8, 20, 14, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  padding: clamp(16px, 4vw, 56px) clamp(12px, 4vw, 40px);
  animation: ov-in 0.25s ease;
}
.wb-modal-panel {
  animation: panel-in 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  background: #fff;
  border-radius: 20px;
  max-width: 900px;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(12, 20, 15, 0.35);
}
.wb-modal-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
}
.wb-modal-photo {
  position: relative;
  background: #d0e8d4;
  min-height: 420px;
}
.wb-modal-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.wb-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #0c140f;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.wb-modal-body {
  padding: clamp(28px, 3.5vw, 44px);
}
.wb-modal-roleen {
  font-family: var(--wb-font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #00730e;
  margin-bottom: 10px;
}
.wb-modal-name {
  font-family: var(--wb-font-jp);
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 900;
  letter-spacing: -0.015em;
  margin-bottom: 4px;
}
.wb-modal-role {
  font-family: var(--wb-font-jp);
  font-size: 13px;
  color: #6a746e;
  margin-bottom: 20px;
}
.wb-modal-quote {
  font-family: var(--wb-font-jp);
  font-size: clamp(17px, 2.2vw, 22px);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #0c140f;
  border-left: 3px solid #00a013;
  padding-left: 16px;
  margin-bottom: 24px;
  text-wrap: pretty;
}
.wb-modal-qa {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wb-modal-q {
  font-family: var(--wb-font-jp);
  font-size: 13px;
  font-weight: 900;
  color: #00730e;
  margin-bottom: 6px;
}
.wb-modal-a {
  font-family: var(--wb-font-jp);
  font-size: 14px;
  line-height: 1.95;
  color: #4a554e;
  text-wrap: wrap;
}
.wb-modal-tags {
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid #e7ece8;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.wb-modal-tag {
  font-family: var(--wb-font-jp);
  font-size: 11px;
  color: #00730e;
  background: #eef6ef;
  border: 1px solid #d8e6da;
  padding: 4px 11px;
  border-radius: 20px;
}

/* ── モバイルドロワー（CorpHeader / SiteHeader） ──
   .wb-drawer* の見た目は globals 側。ここは中の <img> と登場ディレイのみ。 */
.wb-drawer-logo {
  height: 24px;
  width: auto;
  max-width: none;
  display: block;
}
.wb-drawer-nav .wb-drawer-link:nth-child(1) { animation-delay: 0.05s; }
.wb-drawer-nav .wb-drawer-link:nth-child(2) { animation-delay: 0.1s; }
.wb-drawer-nav .wb-drawer-link:nth-child(3) { animation-delay: 0.15s; }
.wb-drawer-nav .wb-drawer-link:nth-child(4) { animation-delay: 0.2s; }
.wb-drawer-nav .wb-drawer-link:nth-child(5) { animation-delay: 0.25s; }
.wb-drawer-nav .wb-drawer-link:nth-child(6) { animation-delay: 0.3s; }

/* ── フォームのエラー表示 ── */
/* お問い合わせ（ContactClient） */
.wb-field-invalid {
  border-color: #cf3b3b !important;
}
.wb-err {
  display: block;
  font-size: 12px;
  color: #cf3b3b;
  margin-top: 6px;
}
.wb-err-agree {
  margin-top: -12px;
}
.wb-err-purpose {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #cf3b3b;
  margin-top: 12px;
}
/* エントリー（EntryForm / PositionsClient） */
.wb-err-entry {
  font-family: var(--wb-font-jp);
  font-size: 12px;
  color: #c0392b;
  line-height: 1.5;
}

/* ── 送信完了：お問い合わせ ── */
.wb-thanks {
  background: #eef6ef;
  border: 1px solid #d8e6da;
  border-radius: 16px;
  padding: clamp(32px, 4vw, 52px);
}
.wb-thanks-icon {
  display: inline-flex;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #00a013;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
}
.wb-thanks-title {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 900;
  margin-top: 22px;
}
.wb-thanks-text {
  font-size: 15px;
  line-height: 1.95;
  color: #3a443e;
  margin-top: 14px;
}
.wb-thanks-links {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 28px;
  background: #d8e6da;
  border: 1px solid #d8e6da;
  border-radius: 10px;
  overflow: hidden;
}
.wb-thanks-link {
  background: #fff;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.wb-thanks-link > span:first-child {
  font-size: 15px;
  font-weight: 700;
}
.wb-thanks-link > span:last-child {
  color: #00a013;
  font-weight: 700;
}

/* ── 送信完了：エントリー ── */
.wb-done {
  background: #fff;
  border: 1px solid #e7ece8;
  border-radius: 20px;
  padding: clamp(40px, 6vw, 72px);
  text-align: center;
  box-shadow: 0 18px 44px rgba(12, 20, 15, 0.08);
}
.wb-done-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #eef6ef;
  border: 2px solid #00a013;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  font-size: 34px;
  color: #00a013;
  font-weight: 900;
}
.wb-done-eyebrow {
  font-family: var(--wb-font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #00730e;
  margin-bottom: 14px;
}
.wb-done-title {
  font-family: var(--wb-font-jp);
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 900;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}
.wb-done-text {
  font-family: var(--wb-font-jp);
  font-size: 15px;
  line-height: 1.95;
  color: #4a554e;
  max-width: 26em;
  margin: 0 auto 28px;
  text-wrap: pretty;
}

/* ── ニュース一覧のカード内パーツ ──
   JS が 1 枚目を複製して残りの記事を描画するため、構築ごとに変わる .wbs-*
   ではなく安定したクラス名にしておく（サムネのトーン・カテゴリ色を差し替える）。 */
.wb-thumb {
  width: 88px;
  height: 60px;
  border-radius: 8px;
  flex: none;
  display: flex;
  align-items: flex-end;
  padding: 8px;
}
.wb-thumb-tv { background: linear-gradient(135deg, #0f3a26 0%, #0a5e3e 100%); }
.wb-thumb-green { background: linear-gradient(135deg, #0a5e3e 0%, #00a013 100%); }
.wb-thumb-ink { background: linear-gradient(135deg, #11201a 0%, #1f3a2c 100%); }

.wb-cat {
  font-size: 11px;
  font-weight: 700;
  border-radius: 30px;
  padding: 4px 12px;
  border: 1px solid;
}
.wb-cat-press { color: #00730e; background: #eef6ef; border-color: #d8e6da; }
.wb-cat-media { color: #0a5e3e; background: #e3f0e6; border-color: #bfe0c6; }
.wb-cat-info  { color: #5a655e; background: #f0f2ef; border-color: #e0e4df; }

/* ── お問い合わせ：用途カードの選択状態（ContactClient） ── */
.wb-purpose-on {
  background: #eef6ef !important;
  border-color: #00a013 !important;
}
.wb-purpose-on > div:first-child > span:first-child {
  color: #00730e;
}
.wb-purpose-on > div:first-child > span:last-child {
  border-color: #00a013;
}
.wb-purpose-on > div:first-child > span:last-child > span {
  background: #00a013;
}

.wb-btn-loading{opacity:.55;cursor:progress!important;pointer-events:none;transform:none!important;box-shadow:none!important}

/* ── 2026-08 微修正レポート対応 ── */
/* PC では 1 文＝1 行に固定し、スマホでは通常の折り返しに戻す */
.wb-nowrap-pc{white-space:nowrap}
@media(max-width:640px){.wb-nowrap-pc{white-space:normal}}
/* 中央寄せのゴーストボタン（ニュース戻る・すべての職種を見る 等） */
.wb-center-cta{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}
.wb-ghost-cta{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #c6d1c8;border-radius:3px;background:#fff;padding:13px 30px;font-family:var(--wb-font-jp);font-weight:600;font-size:14px;color:#0c140f;transition:border-color .2s,background .2s}
.wb-ghost-cta:hover{border-color:#00a013;background:#eef6ef}
/* wb-textlink の右寄せ（margin-left:auto）を打ち消して左寄せにする */
.wb-textlink-left{margin-left:0;margin-right:auto}
/* 募集職種の説明文：折り返さないよう幅を広げる（No.8） */
.wbs-p-86{max-width:44em}
/* 会社紹介 01/02/03：ラベル列を固定幅にして左端を揃える（No.12） */
.wbs-grid-7{grid-template-columns:clamp(120px,15vw,150px) 1fr}

/* 本文幅をヘッダー（.wbs-container-2）の内容幅に合わせる。
   ヘッダーは max-width 1280px に左右 padding clamp(20px,5vw,52px) を持つので、
   その内側の幅は 1280px − padding×2 になる。こちらは外側の .wbs-p-4 が同じ
   padding を持っているため、max-width から padding 分を引いた値を指定すると
   ヘッダーのロゴ左端と本文左端が揃う。 */
.wb-legal-container { max-width: calc(1280px - clamp(20px,5vw,52px) * 2); margin: 0 auto }

/* ==========================================================================
   個人情報保護方針（page2/privacy.php）
   法務文書向けの長文スタイル。Tailwind preflight が ol/ul のマーカーを
   消しているため、この中だけ list-style を戻している。
   表は本文幅（760px）を超えるので、ラッパー側で横スクロールさせる。
   ========================================================================== */
.wb-legal { margin-top: 36px; display: flex; flex-direction: column; gap: 32px }
.wb-legal section { display: flex; flex-direction: column; gap: 12px; font-size: 15px; line-height: 1.95; color: #3a443e; text-wrap: pretty }
.wb-legal h2 { font-size: clamp(18px,2.2vw,23px); font-weight: 900; line-height: 1.5; color: #0c140f; padding-bottom: 12px; border-bottom: 2px solid var(--wb-green); margin-top: 12px }
.wb-legal h3 { font-size: 16px; font-weight: 800; line-height: 1.65; color: #0c140f }
.wb-legal .wb-legal-h3-dot { display: flex; align-items: baseline; gap: 9px; color: var(--wb-green-dark) }
.wb-legal .wb-legal-h3-dot:before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--wb-green); transform: translateY(-3px) }
.wb-legal p { font-size: 15px; line-height: 1.95; color: #3a443e; text-wrap: pretty }
.wb-legal ul, .wb-legal ol { display: flex; flex-direction: column; gap: 9px; padding-left: 1.7em; font-size: 15px; line-height: 1.95; color: #3a443e }
.wb-legal ul { list-style: disc }
.wb-legal ol { list-style: decimal }
.wb-legal li::marker { color: var(--wb-green-dark) }
.wb-legal li > ul, .wb-legal li > ol { margin-top: 9px }
.wb-legal u { text-decoration: none; font-weight: 700; color: #0c140f; box-shadow: inset 0 -8px 0 var(--wb-surface-green) }
.wb-legal-note { font-size: 13px !important; line-height: 1.9 !important; color: var(--wb-text-muted) !important }
.wb-legal-card { background: var(--wb-surface-off); border: 1px solid var(--wb-border); border-radius: 12px; padding: 22px 24px }
.wb-legal-meta { font-size: 13.5px !important; color: var(--wb-text-muted) !important; border-left: 2px solid var(--wb-border-medium); padding-left: 16px }
.wb-legal-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--wb-border); border-radius: 12px }
.wb-legal-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; line-height: 1.85 }
.wb-legal-table th, .wb-legal-table td { padding: 13px 15px; border-bottom: 1px solid var(--wb-border); border-right: 1px solid var(--wb-border); text-align: left; vertical-align: top; color: #3a443e }
.wb-legal-table tr > *:last-child { border-right: none }
.wb-legal-table tbody tr:last-child > * { border-bottom: none }
.wb-legal-table thead th { background: var(--wb-surface-green); font-weight: 800; color: #0c140f; white-space: nowrap }
.wb-legal-table tbody th { background: #fbfcfb; font-weight: 700; color: #0c140f; min-width: 150px }
@media (max-width: 640px) {
  .wb-legal { gap: 26px }
  .wb-legal section, .wb-legal p, .wb-legal ul, .wb-legal ol { font-size: 14.5px }
  .wb-legal-card { padding: 18px 18px }
}

/* エントリーフォーム手前の動線（recruit2/entry.php）。
   セクション上端の余白は .wbs-sec-27 が持つので、ここではフォームカードとの
   間隔だけを確保する。下方向の CTA 用 .wbs-box-8 は border-top と margin-top を
   持つため、フォームの手前では使わない。 */
.wb-entry-lead-cta { display: flex; justify-content: center; margin-bottom: clamp(20px,3vw,28px) }
