/* corp 共有デザインCSS（正本）
 * 出自：functions.php の draft_corp_shared_css()（2026-08-06 時点の内容をそのまま）
 * いま読んでいるのは recruit のみ。共有9ページは順次こちらへ寄せる。
 * ★並べ替え禁止。ページ固有の違いは各ページのCSSで「後ろから」上書きする。
 */
:root{ --bg:#fbfbfb; --ink:#0a0a0a; --muted:#3d3d3d; --faint:#6e6e6e; --line:#e3e3e0; --line2:#cfcfcc; --panel:#ffffff; --jp:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;scroll-snap-type:y proximity} body{background:var(--bg);color:var(--ink);font-family:var(--jp);line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} @keyframes blinkdot{50%{opacity:.15}} @keyframes radar{0%{transform:scale(1);opacity:.7}70%{opacity:0}100%{transform:scale(3.6);opacity:0}} @media(max-width:900px){ .chrome-nav{display:none;flex-direction:column;align-items:stretch;justify-content:center;gap:0;inset:0;left:0;right:0;top:0;transform:none;padding:0} body.menu-open .chrome-nav{display:flex} .chrome-nav a{font-size:17px;letter-spacing:.24em;padding:20px 34px;text-align:center;border-bottom:1px solid rgba(86,181,206,.12)} .menu-toggle{display:flex;position:fixed;top:18px;right:16px;z-index:101;width:36px;height:34px;flex-direction:column;justify-content:center;gap:5px;padding:0 8px;background:rgba(2,7,5,.6);border:1px solid rgba(86,181,206,.34);cursor:pointer} .menu-toggle span{display:block;height:1.5px;background:#56b5ce;transition:transform .3s,opacity .3s} body.menu-open .menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)} body.menu-open .menu-toggle span:nth-child(2){opacity:0} body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)} .readout em.clock{display:none}.secind{display:none} body.menu-open .readout,body.menu-open .counter,body.menu-open .progress{display:none} } @media(max-width:640px){.readout em{display:none}.readout{right:62px}.brandmark{left:16px}.brandmark span{display:none}.counter{right:16px}} section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center; padding:10vh 6vw 8vh;position:relative;scroll-snap-align:start} @media(max-width:900px){ html{scroll-snap-type:none;scroll-behavior:auto} section{min-height:auto;scroll-snap-align:none;padding:74px 6vw 60px;justify-content:flex-start} #n00{min-height:88vh;justify-content:center} } .s-in{width:min(1160px,100%);display:flex;flex-direction:column;align-items:center;text-align:center} .s-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.34em;color:var(--ink);font-weight:600;margin-bottom:22px;min-height:1.6em} .s-eyebrow::before{content:"▌";margin-right:8px;color:var(--faint);animation:blinkdot 1.4s steps(1) infinite} .s-title{font-size:clamp(26px,3.6vw,42px);font-weight:600;line-height:1.55;letter-spacing:.04em;margin-bottom:20px} .s-lead{max-width:640px;font-size:14px;color:var(--muted)} .s-lead b{color:var(--ink);font-weight:600} .s-micro{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.18em;margin-top:26px} .s-micro b{color:var(--ink);font-weight:500} .hud{position:relative;border:1px solid var(--line);background:var(--panel)} .hud::before{content:"";position:absolute;inset:-1px;pointer-events:none;background: linear-gradient(var(--ink),var(--ink)) left top/14px 1px, linear-gradient(var(--ink),var(--ink)) left top/1px 14px, linear-gradient(var(--ink),var(--ink)) right top/14px 1px, linear-gradient(var(--ink),var(--ink)) right top/1px 14px, linear-gradient(var(--ink),var(--ink)) left bottom/14px 1px, linear-gradient(var(--ink),var(--ink)) left bottom/1px 14px, linear-gradient(var(--ink),var(--ink)) right bottom/14px 1px, linear-gradient(var(--ink),var(--ink)) right bottom/1px 14px; background-repeat:no-repeat} .term{width:min(660px,92vw);text-align:left;font-family:var(--mono)} .term .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line)} .term .bar i{width:8px;height:8px;border-radius:50%;border:1px solid var(--line2)} .term .bar span{margin-left:8px;font-size:9px;letter-spacing:.22em;color:var(--faint)} .term .bar em{margin-left:auto;font-style:normal;font-size:9px;letter-spacing:.22em;color:var(--faint)} .term .body{padding:18px 20px;font-size:11.5px;line-height:2.15;color:var(--muted)} .term .ln{opacity:0;transform:translateY(4px);transition:opacity .45s,transform .45s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .term .ln.on{opacity:1;transform:none} .term .ln b{color:var(--ink);font-weight:600} .cursor{display:inline-block;width:7px;height:13px;background:var(--ink);vertical-align:-2px;animation:blinkdot 1.1s steps(1) infinite} #n00 h1{font-size:clamp(44px,6.4vw,86px);font-weight:600;line-height:1.45;letter-spacing:.05em;margin-bottom:26px} #n00 .sub{font-size:clamp(13.5px,1.3vw,15.5px);color:var(--muted);max-width:560px;line-height:2.2;margin-bottom:48px} #n00 .kvline{margin-top:42px;display:flex;gap:36px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--faint)} #n00 .kvline b{color:var(--ink);font-weight:500} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:52px;width:100%;text-align:left} .card{padding:38px 32px} .card .cat{display:flex;justify-content:space-between;margin-bottom:22px;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:var(--faint)} .card .cat b{color:var(--ink);font-weight:600} .card h3{font-size:21px;font-weight:600;letter-spacing:.08em} .card .rt{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.12em;display:block;margin-top:8px} .card .rt b{color:var(--ink);font-weight:600} .card p{font-size:13px;color:var(--muted);margin-top:16px;line-height:2.0} .card .crow{margin-top:20px;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--faint)} .card .crow b{color:var(--ink);font-weight:600} #n03{padding-top:4vh;padding-bottom:4vh} .brain-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;width:100%;text-align:left;margin-top:8px} @media(max-width:900px){.brain-cols{grid-template-columns:1fr}} .brain-cols .s-lead{max-width:none} .loopline{margin-top:30px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:14px;flex-wrap:wrap} .loopline i{font-style:normal;color:var(--faint)} .diagram{margin-top:56px;padding:54px 38px 44px;width:100%} .diagram .dcap{position:absolute;top:-8px;left:34px;background:var(--bg);padding:0 14px;font-family:var(--mono);font-size:9px;letter-spacing:.26em;color:var(--faint)} .dgrid{display:grid;grid-template-columns:1fr 110px 1.1fr 110px 1fr;gap:0;align-items:center;text-align:left} @media(max-width:920px){ .dgrid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center} .dflow{display:none} } .dcol .dlabel{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--faint);margin-bottom:18px} .dnode{border:1px solid var(--line2);padding:10px 14px;font-size:12px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;align-items:baseline;background:var(--bg)} .dnode span{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--faint)} .dflow{position:relative;height:120px} .dflow .tr{position:absolute;left:0;right:0;height:1px;background:var(--line2)} .dflow .tr.t1{top:38%} .dflow .tr.t2{top:62%} .dflow .tr i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.55} .t1 i{animation:flowr 3.4s linear infinite} .t2 i{animation:flowl 3.4s linear infinite} .t1 i:nth-child(2),.t2 i:nth-child(2){animation-delay:1.7s} @keyframes flowr{0%{left:-2%;opacity:0}12%{opacity:.55}88%{opacity:.55}100%{left:99%;opacity:0}} @keyframes flowl{0%{left:99%;opacity:0}12%{opacity:.55}88%{opacity:.55}100%{left:-2%;opacity:0}} .dbrain{text-align:center;position:relative;padding:4px 8px} .dring{width:min(250px,60vw);aspect-ratio:1;margin:0 auto;position:relative} .dring svg{width:100%;height:100%;overflow:visible} .r1{animation:rot 70s linear infinite;transform-origin:center} .r2{animation:rotr 46s linear infinite;transform-origin:center} @keyframes rot{to{transform:rotate(360deg)}} @keyframes rotr{to{transform:rotate(-360deg)}} .dcore{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px} .dcore .t{font-family:var(--mono);font-size:10px;letter-spacing:.3em;font-weight:600} .dcore .s{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;color:var(--faint)} .dloop{margin-top:20px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--muted)} .diagram .dhumans{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:#4c8296;margin:0 4px 24px} .diagram .dhumans i{font-style:normal;color:#56b5ce;margin:0 5px} .diagram .dhumans .hu{color:#ffa64d;font-weight:600} .dloop-full{text-align:center;margin-top:24px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted)} .dloop-full i{font-style:normal;color:#56b5ce;margin:0 4px} #n04 .dgrid{align-items:stretch} #n04 .dgrid .dflow,#n04 .dgrid .dbrain{align-self:center} #n04 .dgrid .dcol:not(.dbrain){display:flex;flex-direction:column} #n04 .dnode.dmem{flex:1} @media(min-width:921px){ #n04 .dgrid{grid-template-columns:1fr 110px 240px 110px 1fr;min-height:330px} #n04 .diagram .dring{width:min(220px,30vw)} } .dnode.dmem{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:14px 14px} .dnode.dmem b{font-weight:600;font-size:13px;color:#82b7c8} .dnode.dmem span{font-size:9px;letter-spacing:.12em;color:#4c8296} @media(max-width:640px){.diagram .dhumans{flex-direction:column;gap:8px;align-items:center;text-align:center;margin-bottom:18px}} .dloop i{font-style:normal;color:var(--faint)} .stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-top:52px;width:100%;text-align:left} .stats div{padding:18px 6px 20px;border-bottom:1px solid var(--line)} .stats dt{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--faint)} .stats dd{font-family:var(--mono);font-size:clamp(19px,2.2vw,26px);margin-top:8px;font-weight:600} .stats dd small{font-size:10.5px;color:var(--faint);font-weight:400;margin-left:4px} @media(max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}} #n05 .frame{padding:90px 56px;max-width:880px} #n05 h2{font-size:clamp(24px,3.2vw,40px);line-height:2.0;letter-spacing:.08em;font-weight:600} .values{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:52px;width:100%;text-align:left} .value{padding:34px 28px} .value .vno{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--faint)} .value h3{font-size:18px;font-weight:600;letter-spacing:.1em;margin-top:12px} .value p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.9} #n07 .panel{padding:64px 52px;display:flex;flex-wrap:wrap;gap:36px;align-items:center;justify-content:space-between;width:min(980px,100%);text-align:left} #n07 h2{font-size:clamp(21px,2.2vw,28px);margin-bottom:12px;font-weight:600;line-height:1.7} .btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;border:1px solid var(--ink);padding:16px 36px;transition:background .25s,color .25s;white-space:nowrap} .btn:hover{background:var(--ink);color:var(--bg)} .btn i{font-style:normal} .news{margin-top:48px;border-top:1px solid var(--ink);width:min(980px,100%);text-align:left} .news a{display:grid;grid-template-columns:140px 1fr auto;gap:26px;align-items:baseline;padding:24px 4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;transition:color .2s} .news a:hover{color:var(--ink)} .news time{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--faint)} .news .arr{font-family:var(--mono);color:var(--faint)} @media(max-width:680px){.news a{grid-template-columns:1fr auto}.news time{grid-column:1/-1}} @media(max-width:780px){.f-grid{grid-template-columns:1fr}} .rv{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease} .rv.on{opacity:1;transform:none} :root{--bg:#020705;--ink:#c7dce4;--muted:#82b7c8;--faint:#4c8296;--line:rgba(86,181,206,.16);--line2:rgba(86,181,206,.34);--panel:#06151c} body{background:var(--bg)} ::selection{background:#56b5ce;color:#020705} .s-eyebrow{color:#56b5ce;text-shadow:0 0 14px rgba(86,181,206,.4)} .s-eyebrow::before{color:#56b5ce} h1,.s-title,#n05 h2,#n07 h2,h3{color:#e4f1f6} h1{text-shadow:0 0 28px rgba(86,181,206,.4)} .s-lead b,.term .ln b,.card .rt b,.card .crow b,.s-micro b,#n00 .kvline b{color:#56b5ce} .card .cat b{color:#56b5ce} .stats{border-top-color:#56b5ce} .stats dd{color:#56b5ce;text-shadow:0 0 12px rgba(86,181,206,.4)} .stats dd small{color:#4c8296} .cursor{background:#56b5ce;box-shadow:0 0 8px rgba(86,181,206,.4)} .hud::before{background: linear-gradient(#56b5ce,#56b5ce) left top/14px 1px, linear-gradient(#56b5ce,#56b5ce) left top/1px 14px, linear-gradient(#56b5ce,#56b5ce) right top/14px 1px, linear-gradient(#56b5ce,#56b5ce) right top/1px 14px, linear-gradient(#56b5ce,#56b5ce) left bottom/14px 1px, linear-gradient(#56b5ce,#56b5ce) left bottom/1px 14px, linear-gradient(#56b5ce,#56b5ce) right bottom/14px 1px, linear-gradient(#56b5ce,#56b5ce) right bottom/1px 14px; background-repeat:no-repeat} .card,.term,.diagram,.value,#n07 .panel,#n05 .frame{background:#06151c} .card:hover{background:#08181f} .orgconcept{margin-top:40px;padding:40px 30px 28px;width:100%;position:relative} .orgconcept .dcap{position:absolute;top:-8px;left:34px;background:#020705;padding:0 14px;font-family:var(--mono);font-size:9px;letter-spacing:.26em;color:#56b5ce} .cbfig{width:100%;max-width:1000px;height:auto;display:block;margin:0 auto;font-family:var(--mono)} .cbfig .old-bx{fill:rgba(2,12,8,.85);stroke:#3c6e80;stroke-width:1.4} .cbfig .old-ln{stroke:rgba(76,130,150,.5);stroke-width:1.2;fill:none} .cbfig .old-feed{stroke:#4c8296;stroke-width:1.2;fill:none;stroke-dasharray:3 7;animation:cb-feed 1.1s linear infinite} .cbfig .arrow-ln{stroke:rgba(86,181,206,.45);stroke-width:2;fill:none} .cbfig .arrow-hd{stroke:#56b5ce;stroke-width:2;fill:none;filter:drop-shadow(0 0 6px rgba(86,181,206,.45))} .cbfig .flowdot{fill:#56b5ce;filter:drop-shadow(0 0 8px #56b5ce);animation:cb-flowx 1.6s linear infinite} .cbfig .plus{stroke:#4c8296;stroke-width:1;opacity:.55;fill:none} .cbfig .glow{animation:cb-breath 3s ease-in-out infinite} .cbfig .orbit{stroke:rgba(86,181,206,.22);stroke-width:1.2;fill:none;stroke-dasharray:5 9;transform-box:fill-box;transform-origin:center;animation:cb-rot 80s linear infinite} .cbfig .arcs{stroke:rgba(86,181,206,.35);stroke-width:1;fill:none;transform-box:fill-box;transform-origin:center;animation:cb-rot-r 70s linear infinite} .cbfig .spoke{stroke:rgba(86,181,206,.45);stroke-width:1.1;fill:none;stroke-dasharray:4 8;animation:cb-spoke 1.6s linear infinite} .cbfig .node{fill:rgba(2,12,8,.92);stroke:rgba(86,181,206,.45);stroke-width:1.2} .cbfig .person{stroke:#ffa64d;stroke-width:1.2;fill:none;filter:drop-shadow(0 0 4px rgba(255,166,77,.55))} .cbfig .pulse{stroke:#56b5ce;fill:none;stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:cb-pulse 2.6s ease-out infinite} .cbfig .pulse.d2{animation-delay:1.3s} .cbfig .core-ring{fill:rgba(2,12,8,.92);stroke:#56b5ce;stroke-width:1.6;filter:drop-shadow(0 0 14px rgba(86,181,206,.45))} .cbfig .core-in{stroke:rgba(86,181,206,.3);stroke-width:1;fill:none;stroke-dasharray:2 6} .cbfig .brain-o{fill:none;stroke:#56b5ce;stroke-width:1.7;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(86,181,206,.45))} .cbfig .trace{fill:none;stroke:rgba(86,181,206,.5);stroke-width:1} .cbfig .syn{fill:#56b5ce;filter:drop-shadow(0 0 5px #56b5ce);animation:cb-syn 2.4s ease-in-out infinite;animation-delay:var(--bd,0s)} .cbfig .tag{font-size:13.5px;letter-spacing:.22em;text-anchor:middle} .cbfig .tag.l{fill:#4c8296} .cbfig .tag.r{fill:#56b5ce;filter:drop-shadow(0 0 6px rgba(86,181,206,.45))} .orgcap{margin-top:18px;text-align:center;font-size:12px;color:#82b7c8;line-height:1.9} #nfact{padding-top:6vh;padding-bottom:5vh} .fig{width:100%;position:relative;margin-top:26px} .fig .imgwrap{position:relative;overflow:hidden;background:#010405;padding:10px} .fig img{width:100%;height:auto;max-height:48vh;object-fit:contain;display:block;margin:0 auto;filter:grayscale(1) invert(1) sepia(1) hue-rotate(155deg) saturate(2.4) brightness(.95) contrast(1.1);mix-blend-mode:screen} @media(max-width:640px){#nfact{padding-top:5vh;padding-bottom:4vh}.fig img{max-height:42vh}} @keyframes cb-feed{to{stroke-dashoffset:-20}} @keyframes cb-flowx{0%{transform:translateX(0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateX(92px);opacity:0}} @keyframes cb-rot{to{transform:rotate(360deg)}} @keyframes cb-rot-r{to{transform:rotate(-360deg)}} @keyframes cb-spoke{to{stroke-dashoffset:-24}} @keyframes cb-breath{0%,100%{opacity:.55}50%{opacity:1}} @keyframes cb-pulse{0%{transform:scale(.97);opacity:.75}100%{transform:scale(1.45);opacity:0}} @keyframes cb-syn{0%,100%{opacity:.3}50%{opacity:1}} #n03 .s-lead{margin-bottom:0} #n03 .orgconcept{margin-top:20px;padding:22px 24px 12px} #n03 .cbfig{max-width:none;max-height:40vh} #n04 .s-title{margin-bottom:12px} #n04 .brain-cols{margin-top:6px;gap:40px} #n04 .brain-cols .s-lead{line-height:1.8} #n04 .diagram{margin-top:18px;padding:34px 32px 26px} #n04 .dring{width:min(176px,42vw)} #n04 .diagram .dnode{padding:7px 12px;margin-bottom:6px;font-size:11px} #n04 .stats{margin-top:20px} #n04 .stats div{padding:11px 6px 12px} #n04 .stats dd{font-size:clamp(17px,1.9vw,23px)} @media(max-width:920px){ #n04 .diagram{padding:34px 14px 18px} #n04 .dbrain{padding:0 2px} #n04 .diagram .dcol .dlabel{text-align:center;font-size:8.5px;letter-spacing:.08em;margin-bottom:10px} #n04 .diagram .dring{width:min(112px,18vw)} #n04 .diagram .dcore .s:last-child{display:none} #n04 .diagram .dnode{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:8px 9px;font-size:11px;margin-bottom:6px} #n04 .diagram .dnode span{font-size:8px} #n04 .diagram .dnode.dmem{padding:9px 9px;gap:3px} #n04 .diagram .dnode.dmem b{font-size:11px} } @media(max-width:640px){ #n04{padding-left:4vw;padding-right:4vw} #n04 .dgrid{gap:5px} #n04 .diagram{padding:24px 8px 14px} #n04 .diagram .dcol .dlabel{font-size:7px;letter-spacing:.03em;margin-bottom:8px} #n04 .diagram .dring{width:min(86px,24vw)} #n04 .diagram .dcore .t{font-size:7.5px;letter-spacing:.08em} #n04 .diagram .dcore .s{font-size:6px;letter-spacing:0} #n04 .diagram .dnode{padding:6px 6px;font-size:9.5px;gap:2px;margin-bottom:5px} #n04 .diagram .dnode span{font-size:6.5px} #n04 .diagram .dnode.dmem{padding:7px 7px;gap:2px} #n04 .diagram .dnode.dmem b{font-size:9.5px} } #n04 .diagram .dhumans{margin-bottom:4px} #n04 .diagram .dgrid{padding-top:24px} #n04 .diagram .dcol:not(.dbrain){position:relative} #n04 .diagram .dcol .dlabel{position:absolute;left:0;right:0;bottom:calc(100% + 6px);margin:0} #n04 .diagram .dgrid .dcol:not(.dbrain) .dnode{flex:1} #n04 .diagram .dgrid .dcol:not(.dbrain) .dnode:last-child{margin-bottom:0} #n05{background:#020705 url(https://corp.clubd.co.jp/wp-content/uploads/2026/06/vision-bg-arch.jpg) 55% center/cover no-repeat} #n05::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(2,7,5,.22),rgba(2,7,5,.46) 50%,rgba(2,7,5,.22))} #n05 .s-in{position:relative;z-index:1} #n05 .frame{background:rgba(2,7,5,.16)!important;position:relative} #n05 .frame h2{text-shadow:0 2px 18px rgba(2,7,5,.95),0 0 8px rgba(2,7,5,.9)} #n05 .s-eyebrow{text-shadow:0 1px 10px rgba(2,7,5,.9)} #n05 .vcap{position:absolute;top:-9px;left:30px;background:#020705;padding:0 13px;font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:#56b5ce} #n05 .vcap b{color:#56b5ce;font-weight:400} #n05 .vcap::before{content:"●";font-size:7px;margin-right:7px;animation:blinkdot 1.4s steps(1) infinite} @media(max-width:900px){#n05{min-height:62vh;background-position:center 30%}} @media(max-width:640px){#n05 .frame{padding:42px 16px}#n05 h2{font-size:19px;line-height:1.85}} .mbr{display:none} @media(max-width:640px){ .s-title{font-size:22px;line-height:1.62} #n07 .panel{padding:38px 22px} #n07 h2{font-size:20px;line-height:1.7} .mbr{display:inline} } .term .bar i{border-color:rgba(86,181,206,.34)} .diagram .dcap{background:#020705;color:#56b5ce} .dnode{background:#04141b;border-color:rgba(86,181,206,.16);color:#82b7c8} .dnode span{color:#4c8296} .dflow .tr{background:rgba(86,181,206,.34)} .dflow .tr i{background:#56b5ce;box-shadow:0 0 6px rgba(86,181,206,.4)} .dcore .t{color:#e4f1f6} .dcore .s{color:#4c8296} .r1 circle:nth-child(1){stroke:#193b47} .r1 circle:nth-child(2){stroke:#56b5ce} .r2 circle:nth-child(2){stroke:#193b47} .r2 path{stroke:#56b5ce} .r2 circle[r="2"]{fill:#56b5ce} .dring>svg>circle[r="44"]{stroke:#193b47} .btn{border-color:#56b5ce;color:#56b5ce} .btn:hover{background:#56b5ce;color:#020705} .news{border-top-color:#56b5ce} .news a:hover{color:#e4f1f6} .news time{color:#56b5ce;opacity:.75} html{scroll-snap-type:none} section{min-height:auto;scroll-snap-align:none;padding:110px 6vw 80px} section.subhero{min-height:62vh;display:flex;justify-content:flex-start;padding-top:21vh} .p-title{font-size:clamp(30px,4.4vw,54px);font-weight:600;line-height:1.55;letter-spacing:.05em;margin-bottom:22px} @media(max-width:640px){.p-title{font-size:24px;line-height:1.5}} .crumb{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--faint);margin-top:30px} .crumb a{color:var(--faint)} .crumb a:hover{color:#56b5ce} .registry{display:grid;grid-template-columns:200px 1fr;border-top:1px solid rgba(86,181,206,.34);text-align:left;width:100%} .registry dt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--faint);padding:18px 6px;border-bottom:1px solid var(--line)} .registry dd{font-size:14px;color:var(--ink);padding:16px 6px;border-bottom:1px solid var(--line);line-height:1.9} @media(max-width:640px){.registry{grid-template-columns:1fr}.registry dt{padding-bottom:2px;border-bottom:0}.registry dd{padding-top:2px}} .photo{border:1px solid var(--line);width:100%} .photo img{width:100%;display:block;opacity:.92} .officeshot{width:100%;margin-top:8px;line-height:0} .officeshot img{width:100%;display:block;opacity:.95} .officeshot figcaption{position:absolute;left:14px;bottom:14px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#56b5ce;background:rgba(2,7,5,.62);padding:7px 13px;line-height:1} @media(max-width:640px){.officeshot figcaption{font-size:8.5px;left:9px;bottom:9px;padding:5px 9px}} .gallery3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%} @media(max-width:760px){.gallery3{grid-template-columns:1fr}} .map{border:1px solid var(--line);height:340px} .map iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.9) contrast(.92)} .split{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;text-align:left;width:100%} @media(max-width:860px){.split{grid-template-columns:1fr}} .split h3{font-size:20px;font-weight:600;letter-spacing:.06em;line-height:1.7;margin:12px 0 14px} .split p{font-size:14px;color:var(--muted);line-height:2.1} .split .tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;color:#56b5ce} .steps{display:flex;gap:16px;align-items:stretch;width:100%;text-align:left} @media(max-width:860px){.steps{flex-direction:column}} .step{flex:1;padding:32px 28px} .step .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:#56b5ce;margin-bottom:14px} .step h4{font-size:16.5px;font-weight:600;letter-spacing:.06em;margin-bottom:10px;color:#e4f1f6} .step p{font-size:13px;color:var(--muted);line-height:2.0} .plus{align-self:center;font-family:var(--mono);color:var(--faint);font-size:18px} .eqline{margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--muted)} .eqline b{color:#56b5ce;font-weight:600} .vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;text-align:left} @media(max-width:960px){.vgrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.vgrid{grid-template-columns:1fr}} .vcard{border:1px solid var(--line);background:var(--panel);padding:24px 22px} .vcard .num{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:#56b5ce} .vcard h3{font-size:15.5px;font-weight:600;letter-spacing:.06em;margin:10px 0 8px} .vcard p{font-size:13px;color:var(--muted);line-height:1.95} .pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;width:100%;text-align:left} .pcard{border:1px solid var(--line);background:var(--panel)} .pcard .ph{aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line)} .pcard .ph img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9} .pcard .bd{padding:22px 20px} .pcard .tag{font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:#56b5ce} .pcard h3{font-size:16px;font-weight:600;letter-spacing:.06em;margin:10px 0 8px} .pcard p{font-size:13px;color:var(--muted);line-height:1.95} .prose{max-width:700px;margin:0 auto;text-align:left} .prose p{font-size:14px;color:var(--muted);line-height:2.3;margin-bottom:1.8em} .prose h2{font-size:17px!important;font-weight:600;letter-spacing:.08em;margin:2.6em 0 1.1em} .prose h2::before{content:"▌ ";color:#56b5ce} .prose .sign{color:var(--ink);font-weight:600;text-align:right;margin-top:3em} .prose .figure{border:1px solid var(--line);margin-bottom:40px} .prose .figure img{width:100%;display:block;opacity:.92} .graph{width:min(920px,100%);margin:56px auto 0} .graph .gax-x{transform:scaleX(0);transform-origin:66px 250px;transition:transform .9s ease .1s} .graph .gax-y{transform:scaleY(0);transform-origin:66px 250px;transition:transform .9s ease .1s} .graph.on .gax-x{transform:scaleX(1)} .graph.on .gax-y{transform:scaleY(1)} .graph .gline{transition:stroke-dashoffset 2s cubic-bezier(.45,0,.2,1) .5s} .graph.on .gline{stroke-dashoffset:0!important} .graph .garea{opacity:0;transition:opacity 1s ease 1.9s} .graph.on .garea{opacity:1} .graph .gtxt{opacity:0;transition:opacity .8s ease 1s} .graph.on .gtxt{opacity:1} .graph .gdot,.graph .glabel{opacity:0;transition:opacity .5s ease 2.3s} .graph.on .gdot,.graph.on .glabel{opacity:1} .graph .gpulse{opacity:0} .graph.on .gpulse{animation:gring 2.8s ease-out 2.8s infinite} @keyframes gring{0%{r:5;opacity:.5}65%{r:16;opacity:0}100%{r:16;opacity:0}} .graph.mktg{position:relative;padding:32px 30px 20px;margin:48px auto 0} .graph.mktg .mg-cap{position:absolute;top:-8px;left:24px;background:#020705;padding:0 12px;font-family:var(--mono);font-size:9px;letter-spacing:.24em;color:#56b5ce} .graph.mktg .mg-y{font-size:14px;letter-spacing:.06em;color:#82b7c8;margin-bottom:10px} .graph.mktg .mg-x{font-size:14px;letter-spacing:.06em;color:#82b7c8;text-align:center;margin-top:10px} .graph.mktg .mg-y i,.graph.mktg .mg-x i{font-style:normal;color:#56b5ce;font-weight:600;margin:0 4px} .graph.mktg .gline{filter:drop-shadow(0 0 3px rgba(86,181,206,.55))} @media(max-width:640px){.graph.mktg{padding:22px 14px 14px}.graph.mktg .mg-y,.graph.mktg .mg-x{font-size:14px;letter-spacing:.02em}} .wpcf7 p{text-align:left;color:var(--muted);font-size:14px;margin-bottom:18px} .wpcf7 label{color:var(--muted);font-size:13px;letter-spacing:.04em} .wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url],.wpcf7 textarea,.wpcf7 select{width:100%;background:#06151c;border:1px solid rgba(86,181,206,.34);color:#e4f1f6;padding:13px 14px;margin-top:8px;font-family:var(--jp);font-size:14px;border-radius:0;-webkit-appearance:none} .wpcf7 input:focus,.wpcf7 textarea:focus{outline:none;border-color:#56b5ce;box-shadow:0 0 8px rgba(86,181,206,.25)} .wpcf7 input[type=submit],.wpcf7 button{display:inline-flex;font-family:var(--mono);font-size:12px;letter-spacing:.2em;border:1px solid #56b5ce;color:#56b5ce;background:transparent;padding:16px 44px;margin-top:12px;cursor:pointer;transition:background .25s,color .25s} .wpcf7 input[type=submit]:hover{background:#56b5ce;color:#020705} .wpcf7 .wpcf7-not-valid-tip{color:#ff7a7a;font-size:11px} .wpcf7 .wpcf7-response-output{border:1px solid var(--line2);color:var(--ink);padding:14px;margin-top:20px} .formwrap{max-width:680px;margin:0 auto;text-align:left} .bandpanel{padding:70px 56px;width:100%} .bandpanel .sub{font-size:14px;color:var(--muted);max-width:720px;margin:22px auto 0;line-height:2.2} .cols2{display:grid;grid-template-columns:1fr 1fr;gap:48px;text-align:left;width:100%} @media(max-width:860px){.cols2{grid-template-columns:1fr}} .cols2 h3{font-size:18px;font-weight:600;letter-spacing:.06em;margin-bottom:14px} .cols2 p{font-size:14px;color:var(--muted);line-height:2.15} .ctapanel{padding:56px 50px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;width:100%;text-align:left} .ctapanel h2{font-size:clamp(19px,2vw,25px);margin-bottom:10px} .ctapanel p{font-size:14px;color:var(--muted)} .fsns{display:flex;gap:14px;margin-top:18px} .fsns a{width:38px;height:38px;border:1px solid rgba(86,181,206,.34);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .25s} .fsns a:hover{border-color:#56b5ce} .fsns svg{width:17px;height:17px;fill:#56b5ce} .legacy{max-width:760px;margin:0 auto;text-align:left;width:100%} .legacy section{min-height:0!important;padding:0!important;margin:0!important;display:block!important} .legacy .wrap,.legacy .wrap.narrow{max-width:none!important;width:auto!important;padding:0!important;margin:0!important} .legacy .wpbody{padding:0!important;margin:0!important} .legacy p{font-size:14px;color:var(--muted);line-height:2.2;margin-bottom:1.5em} .legacy h1{font-size:22px!important;font-weight:600;letter-spacing:.06em;margin:2.2em 0 1em} .legacy h2{font-size:17px!important;font-weight:600;letter-spacing:.06em;margin:2.4em 0 1em} .legacy h2::before{content:"▌ ";color:#56b5ce} .legacy ul,.legacy ol{padding-left:1.5em;margin-bottom:1.5em} .legacy li{font-size:14px;color:var(--muted);line-height:2.1;margin-bottom:.5em} .legacy .has-text-align-right{text-align:right} .legacy .has-text-align-center{text-align:center} .legacy .wp-block-separator{border:0;border-top:1px solid var(--line);margin:2.5em 0} .legacy .wp-block-spacer{height:28px} .legacy .wp-block-image{margin:2em 0;text-align:center} .legacy .wp-block-image img{display:inline-block;max-width:100%;height:auto;background:#fff;padding:14px;border:1px solid var(--line)} .legacy .wp-block-cover{position:relative;border:1px solid var(--line);padding:46px 30px;margin:0 0 2.5em;text-align:center} .legacy .wp-block-cover img,.legacy .wp-block-cover .has-background-dim{display:none} .legacy .wp-block-cover p{color:#e4f1f6;font-size:14px;margin:0} .legacy .wp-block-columns{display:block} .legacy .dsg-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px auto} @media(max-width:640px){.legacy .dsg-goals{grid-template-columns:1fr}} .legacy .dsg-goal{border:1px solid var(--line);background:var(--panel);padding:28px 20px;text-align:center;font-size:13px;color:var(--muted);line-height:1.9} .legacy .dsg-goal b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:#56b5ce;margin-bottom:10px} .legacy .dsg-values{text-align:center;margin-top:10px} .legacy .dsg-center{font-size:14px;color:var(--ink);line-height:2} .legacy .dsg-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px} .legacy .dsg-points span{border:1px solid var(--line2);border-radius:999px;padding:9px 18px;font-size:12.5px;color:var(--ink);line-height:1} .legacy .sdg-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px auto} .legacy .sdg-row img{width:84px;height:84px;display:block}@media(max-width:900px){body.menu-open .menu-toggle span:nth-child(2){background:transparent !important;transform:scaleX(0) !important;opacity:0 !important}}/* mobile-rhythm: スマホのセクション隙間を134pxに統一(PC据置) */@media(max-width:900px){main section{padding-top:74px;padding-bottom:60px;}}