.work-thumb{--thumb-accent:#245a82;--thumb-bg:#e9f2f9;--thumb-line:#b8d0e1;background:var(--thumb-bg);aspect-ratio:1.35;color:#172e42;text-align:left;flex-direction:column;justify-content:center;padding:22px 18px 32px;display:flex;container-type:inline-size}.thumb-green{--thumb-accent:#256552;--thumb-bg:#eaf4ef;--thumb-line:#b8d6c7}.thumb-gold{--thumb-accent:#805817;--thumb-bg:#fbf3dc;--thumb-line:#e6d2a1}.thumb-violet{--thumb-accent:#5b498b;--thumb-bg:#f0edf8;--thumb-line:#cec4e5}.thumb-heading{color:var(--thumb-accent);align-items:center;gap:9px;margin-bottom:22px;display:flex}.thumb-heading>svg{stroke-width:1.8px;flex-shrink:0;width:24px;height:24px}.thumb-heading>strong{letter-spacing:-.025em;font-size:17px;font-weight:700;line-height:1.6}.thumb-flow{grid-template-columns:minmax(0,.8fr) 18px minmax(0,1.25fr);align-items:center;gap:7px;display:grid}.thumb-input{flex-direction:column;gap:9px;min-width:0;display:flex}.thumb-input>div{border:1px solid var(--thumb-line);text-align:center;overflow-wrap:anywhere;background:#ffffffb8;border-radius:6px;padding:10px 6px;font-size:14px;line-height:1.6}.thumb-arrow{width:18px;height:18px;color:var(--thumb-accent)}.thumb-output{border:1px solid var(--thumb-line);background:#fff;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 5px 14px #20354c08}.thumb-output>b{background:var(--thumb-accent);color:#fff;padding:10px 9px;font-size:14px;line-height:1.6;display:block}.thumb-output>div{gap:10px;padding:10px 8px;display:grid}.thumb-output span{align-items:flex-start;gap:5px;font-size:14px;line-height:1.55;display:flex}.thumb-output span>svg{width:13px;height:17px;color:var(--thumb-accent);flex-shrink:0}.work-thumb figcaption{text-align:right;color:#536273;background:0 0;padding:4px 12px;font-size:12px}.career-card .career-visual{aspect-ratio:auto;min-height:280px}.career-card .career-visual:not(.work-thumb){height:280px}.career-existing-screen{background:#eef1f4;width:100%;min-width:0;max-width:100%;min-height:280px}.career-existing-screen iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:250%;height:800px;position:absolute;top:0;left:0;transform:scale(.4)}.career-existing-screen[data-source=nv-attendance] iframe{height:1100px;top:-105px}.career-dialog .career-existing-screen[data-source=nv-attendance] iframe{top:0}.career-dialog .career-existing-screen{max-height:none;height:430px!important}.career-dialog .career-existing-screen iframe{width:166.667%;height:800px;transform:scale(.6)}@media (max-width:760px){.career-dialog .career-existing-screen{height:320px!important}.career-dialog .career-existing-screen iframe{width:250%;transform:scale(.4)}}.career-featured .work-thumb,.career-dialog .work-thumb{min-height:315px}.career-dialog .work-thumb{aspect-ratio:auto;height:auto!important}.career-featured .thumb-heading>strong,.career-dialog .thumb-heading>strong{font-size:21px}.career-featured .thumb-flow,.career-dialog .thumb-flow{grid-template-columns:minmax(0,.8fr) 24px minmax(0,1.25fr);gap:16px}@media (min-width:761px) and (max-width:1050px){.career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.work-thumb{aspect-ratio:auto;min-height:280px;padding:22px 16px 30px}.thumb-heading>strong,.career-featured .thumb-heading>strong,.career-dialog .thumb-heading>strong{font-size:18px}.career-featured .thumb-flow,.career-dialog .thumb-flow{grid-template-columns:minmax(0,.8fr) 18px minmax(0,1.25fr);gap:7px}}.career{color:#1e293b;background:#fafbfc;font-family:Arial,Hiragino Sans,Noto Sans JP,sans-serif;font-size:17px;line-height:1.85}.career *{box-sizing:border-box}.career header,.career section,.career footer{max-width:1200px;margin:auto;padding:32px}.career header{border-bottom:1px solid #cad3dd;justify-content:space-between;align-items:center;display:flex}.career a{color:inherit;text-decoration:none}.career-name{letter-spacing:.07em;font-size:16px;font-weight:700}.career-name span{font-size:14px;font-weight:400;display:block}.career nav{gap:24px;font-size:15px;display:flex}.career .career-intro{padding-top:85px;padding-bottom:70px}.career-label{letter-spacing:.08em;color:#335a75;font-size:14px;font-weight:700}.career h1{letter-spacing:-.03em;margin:22px 0;font-size:clamp(34px,5vw,65px);line-height:1.35}.career h2{margin:15px 0 28px;font-size:clamp(28px,3.4vw,43px);line-height:1.45}.career h3{margin:12px 0;font-size:22px;line-height:1.55}.career-lead{max-width:740px;font-size:20px}.career-button{background:#163a56;border-radius:8px;align-items:center;gap:26px;margin-top:20px;padding:15px 22px;display:inline-flex;color:#fff!important}.career-process{flex-wrap:wrap;gap:12px;margin-top:45px;display:flex}.career-process span{border-bottom:3px solid #f0d660;padding:8px 16px 8px 0}.career-section-heading{margin-bottom:35px}.career-featured{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.career-featured article{min-width:0}.career-featured p{font-size:16px}.career-text-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 0;font-weight:700;display:flex}.career-visual{aspect-ratio:1.65;background:#e7eef4;border-radius:10px;margin:0;position:relative;overflow:hidden}.career-visual img{object-fit:contain;background:#fff;width:100%;height:100%}.career-visual figcaption{color:#45556b;background:#ffffffef;padding:6px 12px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.career-diagram{text-align:left;flex-direction:column;justify-content:center;padding:24px;display:flex}.career-diagram>span{color:#34566e;font-size:13px}.career-diagram strong{margin:10px 0;font-size:clamp(17px,1.7vw,22px);line-height:1.5}.career-diagram p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 22px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.career-diagram.is-notion{background:#f5edcb}.career-search{background:#fff;border:1px solid #99a9b7;border-radius:8px;align-items:center;gap:12px;max-width:500px;padding:12px 16px;display:flex}.career-search input{width:100%;font:inherit;outline-offset:5px;background:0 0;border:0}.career-tabs{gap:8px;padding:22px 0;display:flex;overflow-x:auto}.career-tabs button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #bac7d1;border-radius:5px;padding:9px 15px;font-size:15px}.career-tabs button[aria-pressed=true]{color:#fff;background:#163a56}.career-count{font-size:15px}.career-count span{color:#536476;margin-left:12px;font-size:14px}.career-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.career-card{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #cad3dd;border-radius:12px;padding:0;transition:transform .2s;overflow:hidden}.career-card:hover{transform:translateY(-4px)}.career-card:focus-visible{outline-offset:4px;outline:3px solid #136ea0}.career-card .career-visual{border-radius:0}.career-card-copy{padding:22px}.career-card-copy>span{color:#455b6a;font-size:13px}.career-card h3{font-size:20px}.career-card p{margin:10px 0 20px;font-size:16px}.career-card small{color:#174764;font-size:14px;font-weight:700}.career-note{color:#536476;margin-top:28px;font-size:14px;line-height:1.8}.career-two{grid-template-columns:1fr 1fr;gap:45px;display:grid}.career-method{border-top:1px solid #cad3dd;margin-top:65px!important}.career-about{max-width:850px!important;padding-top:65px!important;padding-bottom:80px!important}.career-about>a{text-decoration:underline}.career footer{border-top:1px solid #cad3dd;justify-content:space-between;font-size:14px;display:flex}.career-dialog{color:#1e293b;background:#fff;max-height:90dvh;font-size:17px;overflow:auto;max-width:850px!important}.career-dialog h2{font-size:28px;line-height:1.4}.career-dialog dl>div{border-bottom:1px solid #ddd;padding:18px 0}.career-dialog dt{margin-bottom:8px;font-weight:700}.career-dialog dd{margin:0;line-height:1.8}.career-dialog .career-visual{max-height:350px}.career-dialog .career-note{font-size:14px}.career section{scroll-margin-top:20px}@media (max-width:760px){.career header,.career section,.career footer{padding:24px 20px}.career nav{gap:12px;font-size:14px}.career-name{font-size:13px}.career .career-intro{padding-top:44px}.career-lead{font-size:18px}.career-featured,.career-grid,.career-two{grid-template-columns:1fr}.career-featured{gap:35px}.career-diagram strong{font-size:23px}.career-diagram p{font-size:15px}.career-process{grid-template-columns:1fr 1fr;font-size:15px;display:grid}.career-count span{margin:0;display:block}.career-dialog{width:calc(100vw - 24px)!important}.career footer{gap:20px}.career-card h3{font-size:22px}}.career-source-preview{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:800px;height:560px;transform:scale(.43)}.career-dialog .career-source-preview{height:700px;transform:scale(.85)}.career-dialog{display:block!important}.career-dialog .career-visual{aspect-ratio:auto;width:100%;height:300px;margin:22px 0}.career-source-preview{position:absolute;top:0;left:0}.career-dialog .career-source-preview{transform:scale(.7)}.career-featured{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.career-dialog .career-source-preview{transform:scale(.4)}.career-dialog .career-visual{height:245px}.career-dialog h2{font-size:24px}.career-featured{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.career-card{transition:none}}.career .career-notion{background:#eef3f7;border-top:1px solid #cad3dd;border-bottom:1px solid #cad3dd;margin-top:32px;margin-bottom:32px;padding-top:44px;padding-bottom:44px;scroll-margin-top:20px}.career-tool-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0;display:grid}.career-tool-logos>div{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.career-tool-logos img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.career-tool-logos img[src="/logo-vercel.svg"]{filter:invert()}.career-more{text-align:center;color:#335a75;padding:48px 16px 8px}.career-more p{letter-spacing:.03em;margin:0 0 12px;font-size:clamp(32px,5vw,48px);font-weight:500}.career-more span{color:#455b6a;font-size:16px;line-height:1.8;display:block}.career-tool-logos strong{font-size:15px;line-height:1.5;display:block}.career-tool-logos span{color:#455b6a;margin-top:4px;font-size:14px;line-height:1.6;display:block}.career-notion-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.career-notion-cases article{border-top:2px solid #335a75;padding-top:12px}.career-notion-cases h3{font-size:20px}.career-notion-cases p{font-size:16px}@media (max-width:900px){.career-tool-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.career-notion-cases{grid-template-columns:1fr}.career-tool-logos{gap:10px}.career-tool-logos>div{flex-direction:column;align-items:flex-start;padding:14px}}
