@keyframes header-fade-in{0%{opacity:0;visibility:hidden}50%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}html body{background-position:0 0;padding-block-start:0}body>header{opacity:0;visibility:hidden;animation:2s ease-out forwards header-fade-in}body:has(>main.job-list-page),body:has(>main.application-page){background-position:0 var(--header-block);padding-block-start:var(--header-block)}body:has(>main.application-page){--application-fixed-footer-clearance:calc(6rem + env(safe-area-inset-bottom))}body:has(>main.job-list-page)>header,body:has(>main.application-page)>header{opacity:1;visibility:visible;animation:none}body>main{inline-size:100%;margin-block-start:0;padding-block-start:100dvb;padding-inline:0;font-size:1.125rem;position:relative;&>video{z-index:1;object-fit:cover;block-size:100dvb;inline-size:100%;position:absolute;inset-block-start:0;&+img{z-index:20;width:83dvw;height:auto;position:absolute;top:50dvh;left:50%;transform:translate(-50%,-50%)}}&>hgroup{z-index:10;box-sizing:border-box;backdrop-filter:blur(.1rem);background:linear-gradient(in oklab, oklch(var(--brand)/.175), oklch(var(--accent)/.125)) no-repeat;block-size:100dvb;inline-size:100%;padding:4rem;display:block;position:absolute;inset-block-start:0}&>section{--section-content-width:72rem;--block-margin:calc(var(--leading-head) * 2.125em);box-sizing:border-box;inline-size:var(--section-content-width);max-inline-size:calc(100% - 2 * var(--main-inline-padding));padding-inline:var(--main-inline-padding);margin-block-start:var(--block-margin);margin-inline:auto;scroll-margin-block-start:calc(var(--header-block) + var(--block-margin) - 10px)}}body>main.job-list-page{padding-block-start:0}body>main.application-page{padding-block:4rem calc(var(--application-fixed-footer-clearance) + 2rem)}.application-document{box-sizing:border-box;inline-size:min(100%,72rem);padding-inline:var(--main-inline-padding);color:oklch(var(--fg));overflow-wrap:anywhere;margin-inline:auto;font-size:1rem;line-height:1.8}.application-document-header{margin-block-end:2.5rem;& h1{letter-spacing:0;margin:0;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25}}.application-section+.application-section{margin-block-start:4rem}.application-section>h2{text-align:start;letter-spacing:0;margin-block:0 2rem;padding-inline-start:1.2rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.35;position:relative}.application-section>h2:before{content:"";background:oklch(var(--fg));inline-size:.32rem;position:absolute;inset-block:.2em;inset-inline-start:0}.application-spec-list{border-block-start:1px solid oklch(var(--gray-pale));grid-template-columns:1fr;margin:0;display:grid}.application-spec-list>div{border-block-end:1px solid oklch(var(--gray-pale));grid-template-columns:minmax(9rem,.26fr) minmax(0,1fr);gap:1.5rem;padding-block:1.5rem;display:grid}.application-spec-list dt,.application-spec-list dd{margin:0}.application-spec-list dt{font-weight:700;line-height:1.6}.application-spec-list dd{color:oklch(var(--gray))}.application-spec-list p,.application-spec-list ul{margin-block:0}.application-spec-list p+p,.application-spec-list p+ul,.application-spec-list ul+p,.application-spec-list p+table,.application-spec-list table+p,.application-spec-list table+ul,.application-spec-list ul+table{margin-block-start:1rem}.application-spec-list ul{padding-inline-start:1.35rem}.application-spec-list li+li{margin-block-start:.35rem}.application-wage-table{border-collapse:collapse;border:1px solid oklch(var(--gray-pale));background:oklch(var(--bg));inline-size:min(32rem,100%)}.application-wage-table th,.application-wage-table td{border:1px solid oklch(var(--gray-pale));text-align:start;vertical-align:top;padding:.55rem 1rem}.application-wage-table thead th{color:oklch(var(--fg));background:oklch(var(--brand-050) / .8);padding-block:.4rem;font-weight:700}.application-wage-table tbody th{color:oklch(var(--fg));background:oklch(var(--bg));font-weight:500}.application-note-list{padding-inline-start:0;list-style:none}.application-note-list li:before{content:"※";margin-inline-end:.15em}.application-flow-list{padding-inline-start:0;list-style:none}.application-flow-list li+li:before{content:"▼";color:oklch(var(--fg));margin-block:.35rem;display:block}.application-fixed-footer{z-index:80;box-sizing:border-box;padding-block:1rem max(1rem, env(safe-area-inset-bottom));padding-inline:var(--main-inline-padding);background:oklch(var(--bg) / .5);border-block-start:1px solid oklch(var(--gray-pale));box-shadow:0 -8px 24px oklch(var(--fg) / .12);backdrop-filter:blur(.25rem);justify-content:center;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.application-fixed-footer .button{inline-size:max-content;max-inline-size:100%;color:oklch(var(--white));background:var(--brand-gradient);box-shadow:var(--box-shadow);cursor:pointer;font-family:var(--heading-font-sans);letter-spacing:.1em;text-align:center;text-wrap:balance;border:none;border-radius:8px;padding-block:.75rem;padding-inline:1.25rem;font-size:1.25rem;font-weight:600;line-height:1.35;text-decoration:none;display:block}.application-fixed-footer .button:hover,.application-fixed-footer .button:focus-visible{transform:translateY(2px)translate(2px)}.application-fixed-footer .button:disabled,.application-fixed-footer .button.application-cta-disabled{background:oklch(var(--gray-pale));box-shadow:none;color:oklch(var(--gray));cursor:not-allowed;opacity:1}.application-fixed-footer .button:disabled:hover,.application-fixed-footer .button:disabled:focus-visible,.application-fixed-footer .button.application-cta-disabled:hover,.application-fixed-footer .button.application-cta-disabled:focus-visible{transform:none}body:has(>main.application-page) .site-footer{padding-block-end:calc(var(--footer-block) + 2.5rem + var(--application-fixed-footer-clearance))}@media (width<=42rem){body>main.application-page{padding-block-start:3rem}.application-spec-list>div{grid-template-columns:1fr;gap:.75rem;padding-block:1.25rem}.application-spec-list dd{min-inline-size:0}}h2{text-align:center}#about-heading,#jobs-heading,#members-heading,#environment-heading,#news-heading{--underline-rise:.5rem;--underline-thickness:.35rem;inline-size:fit-content;max-inline-size:100%;margin-inline:auto;padding-block-end:calc(var(--underline-rise) + var(--underline-thickness) - .25rem);display:block;position:relative}#about-heading:after,#jobs-heading:after,#members-heading:after,#environment-heading:after,#news-heading:after{content:"";block-size:calc(var(--underline-thickness) + var(--underline-rise));clip-path:polygon(0 var(--underline-rise), 100% 0, 100% calc(100% - var(--underline-rise)), 0 100%);background:var(--brand-gradient);position:absolute;inset-block-end:0;inset-inline:0}#about.recruit-top-about>h2{margin-block:5rem}#about.recruit-top-about .company-overview{margin-block-start:5rem;& dl{grid-template-columns:7em 1fr}}#news-heading{scroll-margin-block-start:calc(var(--header-block) + 1rem)}#news{padding-block-start:var(--header-block);& .news-more{inline-size:max-content;max-inline-size:100%;color:oklch(var(--fg));font-family:var(--heading-font-sans);letter-spacing:.08em;align-items:center;gap:.75rem;margin-block-start:2rem;margin-inline-start:auto;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}& .news-more-icon{flex:none;block-size:1.75rem;inline-size:1.75rem}& .news-more:hover{color:oklch(var(--brand))}}.job-card-grid{--consulting-card-border:oklch(var(--brand-200) / .8);--consulting-card-bg:linear-gradient(145deg, oklch(var(--brand-050) / .72), transparent 55%), oklch(var(--bg) / .96);--consulting-card-accent:oklch(var(--brand-400));--consulting-card-image-bg:linear-gradient(145deg, oklch(var(--bg) / .98), oklch(var(--brand-050) / .92));grid-template-columns:repeat(auto-fit,minmax(min(23.5rem,100%),1fr));gap:1.25rem;display:grid;&>hgroup,&>.job-more{grid-column:1/-1}&>hgroup p{text-align:center;max-inline-size:48rem;margin-inline:auto}& .job-card{grid-template-rows:subgrid;border:1px solid var(--consulting-card-border);background:var(--consulting-card-bg);min-block-size:8rem;box-shadow:var(--box-shadow);border-radius:8px;grid-row:span 5;display:grid;position:relative;overflow:hidden;&:before{content:"";background:linear-gradient(90deg in oklab, var(--consulting-card-accent), oklch(var(--accent-400)));block-size:4px;position:absolute;inset-block-start:0;inset-inline:0}& img{aspect-ratio:16/10;object-fit:cover;object-position:center;background:var(--consulting-card-image-bg);border-radius:0;block-size:auto;inline-size:100%;max-inline-size:none}&>hgroup{margin-block:1rem 0;margin-inline:1rem}&>hgroup>p{margin-block:0;font-size:1em;font-weight:550}& h3,&>p{margin:0}&>p{color:oklch(var(--gray));text-align:start;margin-block:.65rem 0;margin-inline:1rem;font-size:1rem;line-height:1.75}& dl{margin-block:.65rem 0;margin-inline:1rem}&>a{text-underline-offset:3px;justify-self:start;margin-block:.75rem 1.15rem;margin-inline:1rem;font-size:max(11px,.80625rem);&:after{content:"≫"}}&[data-category=SES]{&>hgroup>p{color:oklch(var(--brand-400))}& dl.tag dd{background-color:oklch(var(--brand-050) / .75);border-color:oklch(var(--brand-400) / .75);color:oklch(var(--brand-400))}}&[data-category=受託]{&>hgroup>p{color:oklch(var(--accent-400))}& dl.tag dd{background-color:oklch(var(--accent-050) / .75);border-color:oklch(var(--accent-400) / .75);color:oklch(var(--accent-400))}}&[data-category=ITコンサル]{&>hgroup>p{color:oklch(var(--fg-code))}& dl.tag dd{background-color:oklch(var(--bg-code));color:oklch(var(--fg-code))}}}& .job-more{inline-size:max-content;max-inline-size:100%;color:oklch(var(--fg));font-family:var(--heading-font-sans);letter-spacing:.08em;align-items:center;gap:.75rem;margin-block-start:.75rem;margin-inline-start:auto;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}& .job-more-icon{flex:none;block-size:1.75rem;inline-size:1.75rem}& .job-more:hover{color:oklch(var(--brand))}}#job-list{gap:4rem;display:grid;&>hgroup{text-align:center;& h1{font-size:2.125em}& p{max-inline-size:48rem;margin-inline:auto}}}#jobs.job-card-grid>hgroup p{text-align:start;margin-inline:0}body>main.job-list-page .job-card-grid{grid-template-columns:1fr}@media (width>=64rem){body>main.job-list-page .job-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.job-category{gap:1.25rem;display:grid;& h3{border-block-end:1px solid oklch(var(--gray-pale));margin-block:0;padding-block-end:.5rem;font-size:1.5rem}}:root:is([data-theme=dark],:has(#toggle-switch-theme:checked)) .job-card-grid{--consulting-card-border:oklch(var(--brand-500) / .48);--consulting-card-bg:linear-gradient(145deg, oklch(var(--brand-950) / .5), transparent 58%), oklch(var(--bg) / .95);--consulting-card-image-bg:linear-gradient(145deg, oklch(var(--bg) / .98), oklch(var(--brand-950) / .55));& .job-card{&[data-category=SES] dl.tag dd{background-color:oklch(var(--brand-950) / .75);border-color:oklch(var(--brand-500) / .75)}&[data-category=受託]{&>hgroup>p{color:oklch(var(--accent-600))}& dl.tag dd{background-color:oklch(var(--accent-950) / .5);border-color:oklch(var(--accent-500) / .5);color:oklch(var(--accent-600))}}}}dl{grid-template-columns:6em 1fr;margin-inline-start:1em;display:grid;& dt{font-weight:700}& dd{margin:unset;& span{text-combine-upright:all;font-style:normal}& ul{line-height:normal}}}body:has(#toggle-switch-writing-mode:checked){& section>p{text-indent:1em;padding-inline-start:1em}& dl{padding-inline-start:1em;display:block;& dd{margin-block-end:.5lh;margin-inline-start:3em;& ul{padding-inline-start:1.5em}}}}:root:is([data-theme=dark],:has(#toggle-switch-theme:checked)) #members .member-categories dd{background-color:oklch(var(--brand-950) / .75);color:oklch(var(--brand-400))}.benefit-card-grid{--consulting-card-border:oklch(var(--brand-200) / .8);--consulting-card-bg:linear-gradient(145deg, oklch(var(--brand-050) / .72), transparent 55%), oklch(var(--bg) / .96);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:1rem;margin-block-start:1.5rem;display:grid;&>section{border:1px solid var(--consulting-card-border);min-block-size:11rem;box-shadow:var(--box-shadow);background:var(--consulting-card-bg);border-radius:8px;align-content:start;gap:.75rem;padding:1.25rem;display:grid;& h3,& h4,& p{margin:0}& h3,& h4{color:oklch(var(--brand-500));font-size:1.25rem}}}:root:is([data-theme=dark],:has(#toggle-switch-theme:checked)) .benefit-card-grid>section{--consulting-card-border:oklch(var(--brand-500) / .48);--consulting-card-bg:linear-gradient(145deg, oklch(var(--brand-950) / .5), transparent 58%), oklch(var(--bg) / .95)}#environment>hgroup+section,#environment>section+section{margin-block-start:2.5rem}#environment.recruit-top-environment>hgroup{margin-block-start:8rem}#environment .section-feature-image{--feature-image-object-position:center 30%;--feature-image-inline-size:100%;--feature-image-block-size:clamp(10rem, 24vw, 14rem);--feature-image-fit:cover;writing-mode:horizontal-tb;text-orientation:mixed;justify-content:center;inline-size:100%;margin-block:1.25rem 1.5rem;display:flex;& img{inline-size:var(--feature-image-inline-size);block-size:var(--feature-image-block-size);object-fit:var(--feature-image-fit);object-position:var(--feature-image-object-position);border-radius:8px;max-inline-size:100%;display:block}}#environment .section-feature-image--environment{--feature-image-object-position:center 50%;--feature-image-inline-size:100%;--feature-image-block-size:clamp(11rem, 18vw, 28rem);--feature-image-fit:cover}:root:has(#toggle-switch-writing-mode:checked) #environment .section-feature-image{--feature-image-square-size:clamp(15.5rem, 26dvh, 18.5rem);inline-size:var(--feature-image-square-size);block-size:var(--feature-image-square-size);margin-inline:auto;display:block;& img{block-size:100%;inline-size:100%;max-inline-size:none}}:root:has(#toggle-switch-writing-mode:checked) #environment .section-feature-image--environment{block-size:clamp(11rem,18vw,18rem);inline-size:100%;& img{block-size:100%;inline-size:100%;max-inline-size:100%}}#environment>section>section{margin-block-start:2rem}#environment .office-map{gap:1rem;margin-block-start:1rem;display:grid;&>.office-photo-frame,&>iframe{block-size:25rem;inline-size:100%}&>.office-photo-frame{box-shadow:var(--box-shadow);--office-zoom-x:50%;--office-zoom-y:50%;background:0 0;border:0;border-radius:1rem;padding:0;display:block;overflow:clip}& .office-photo{object-fit:cover;block-size:100%;inline-size:100%;transform-origin:var(--office-zoom-x) var(--office-zoom-y);transition:transform .22s ease-out}}#environment .office-photo-trigger{cursor:pointer;position:relative}#environment .office-photo-trigger:after{content:"動画を見る";background:oklch(var(--bg) / .88);color:oklch(var(--fg));letter-spacing:.03em;box-shadow:var(--box-shadow);pointer-events:none;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;font-weight:700;position:absolute;inset-block-end:1rem;inset-inline-end:1rem}#environment .office-photo-trigger:focus-visible{outline:2px solid oklch(var(--brand-500));outline-offset:.2rem}#environment .office-video-dialog{inline-size:min(90vw,56rem);max-inline-size:calc(100vw - 2rem);box-shadow:none;background:0 0;border:0;border-radius:1.25rem;padding:0;overflow:visible}#environment .office-video-dialog::backdrop{background:oklch(var(--fg) / .72);backdrop-filter:blur(4px)}:root.office-video-dialog-open{overflow:hidden}#environment .office-video-dialog-content{background:oklch(var(--bg));box-shadow:var(--box-shadow);border-radius:1.25rem;padding:.7rem;position:relative}#environment .office-video-dialog-close{background:oklch(var(--bg) / .92);block-size:2.5rem;inline-size:2.5rem;color:oklch(var(--fg));cursor:pointer;box-shadow:var(--box-shadow);z-index:1;border:0;border-radius:999px;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%,-50%)}#environment .office-video-dialog video{background:#000;border-radius:.9rem;max-block-size:min(80dvh,42rem);inline-size:100%;display:block}@media (hover:hover) and (pointer:fine){#environment .office-map>.office-photo-frame:hover .office-photo{transform:scale(2)}}@media (width>=48rem){#environment .office-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}#about.recruit-top-about>section>h3,#environment>section>h3{margin-block:0;padding-block-end:.4rem;display:inline-block}#about.recruit-top-about>section>h3:after,#environment>section>h3:after{content:"";background:var(--brand-gradient);border-radius:999px;block-size:.24rem;inline-size:3rem;margin-block-start:.18rem;display:block}#members{--consulting-card-border:oklch(var(--brand-200) / .8);--consulting-card-bg:linear-gradient(145deg, oklch(var(--brand-050) / .72), transparent 55%), oklch(var(--bg) / .96);--consulting-card-accent:oklch(var(--brand-400));--consulting-card-image-bg:linear-gradient(145deg, oklch(var(--bg) / .98), oklch(var(--brand-050) / .92));--item-min-width:288px;--to-rem:calc(tan(atan2(1px, 16px)) * 1rem);grid-template-columns:repeat(auto-fill, minmax(min(tan(atan2(var(--item-min-width), 1px)) * var(--to-rem), 100%), 1fr));gap:1.5rem;display:grid;&>hgroup{grid-column:1/-1}&>article{position:relative}&>article>a.member-card-link{border:1px solid var(--consulting-card-border);background:var(--consulting-card-bg);block-size:100%;box-shadow:var(--box-shadow);color:inherit;border-radius:8px;grid-template-rows:auto auto 1fr auto;text-decoration:none;transition:transform .2s;display:grid;position:relative;overflow:hidden}&>article>a.member-card-link:before{content:"";background:linear-gradient(90deg in oklab, var(--consulting-card-accent), oklch(var(--accent-400)));block-size:4px;position:absolute;inset-block-start:0;inset-inline:0}&>article>a.member-card-link img{aspect-ratio:16/10;object-fit:cover;object-position:top center;background:var(--consulting-card-image-bg);border-radius:0;block-size:auto;inline-size:100%}&>article:hover>a.member-card-link,&>article:focus-within>a.member-card-link{transform:translateY(-2px)}&>article:not(:has(>a.member-card-link)){border:1px solid var(--consulting-card-border);background:var(--consulting-card-bg);box-shadow:var(--box-shadow);border-radius:8px;grid-template-rows:auto auto 1fr;transition:transform .2s;display:grid;overflow:hidden}&>article:not(:has(>a.member-card-link)):before{content:"";background:linear-gradient(90deg in oklab, var(--consulting-card-accent), oklch(var(--accent-400)));block-size:4px;position:absolute;inset-block-start:0;inset-inline:0}&>article:not(:has(>a.member-card-link))>a{color:inherit;text-decoration:none}&>article:not(:has(>a.member-card-link))>a:first-of-type img{aspect-ratio:16/10;object-fit:cover;object-position:top center;background:var(--consulting-card-image-bg);block-size:auto;inline-size:100%;display:block}&>article:not(:has(>a.member-card-link))>a:nth-of-type(2){gap:.65rem;margin-block:1rem 0;margin-inline:1rem;display:grid}&>article:not(:has(>a.member-card-link))>a:nth-of-type(2) h3,&>article:not(:has(>a.member-card-link))>a:nth-of-type(2) p{margin:0}&>article:not(:has(>a.member-card-link))>a:nth-of-type(2) p{color:oklch(var(--gray));font-size:1rem;line-height:1.75}&>article:not(:has(>a.member-card-link))>dl{margin-block:.75rem 1.15rem;margin-inline:1rem;overflow:hidden}&>article:not(:has(>a.member-card-link)):hover,&>article:not(:has(>a.member-card-link)):focus-within{transform:translateY(-2px)}&>article>a.member-card-link h3,&>article>a.member-card-link p{color:oklch(var(--fg));overflow:hidden}&>article>a.member-card-link h3{margin-block:1rem 0;margin-inline:1rem;line-height:1.35}&>article>a.member-card-link .member-card-title-line{display:block}&>article>a.member-card-link p{color:oklch(var(--gray));margin-block:.65rem 0;margin-inline:1rem;font-size:1rem;line-height:1.75}&>article>a.member-card-link dl{margin-block:.75rem 1.15rem;margin-inline:1rem;position:relative;overflow:hidden;& dt{contain:strict;margin:unset;padding:unset;border:unset;pointer-events:none;position:absolute;top:0;left:0}& dd{margin-inline:unset}}&>article>a.member-card-link dl>div:first-of-type{justify-content:start;align-items:baseline;gap:1em;display:inline-flex;& dd{& a:hover{text-decoration:underline}}}&>article>a.member-card-link dl.member-categories{flex-wrap:wrap;place-content:start;align-items:center;gap:.25em;display:flex;& dd{background-color:oklch(var(--brand-050) / .75);color:oklch(var(--brand-500));font-size:max(11px,.875rem);font-weight:550;line-height:var(--leading-normal);letter-spacing:var(--tracking-data);text-orientation:initial;word-break:keep-all;border:thin solid;border-radius:3.40282e38px;margin:0;padding-inline:.5em}}}:root:is([data-theme=dark],:has(#toggle-switch-theme:checked)) #members{--consulting-card-border:oklch(var(--brand-500) / .48);--consulting-card-bg:linear-gradient(145deg, oklch(var(--brand-950) / .5), transparent 58%), oklch(var(--bg) / .95);--consulting-card-image-bg:linear-gradient(145deg, oklch(var(--bg) / .98), oklch(var(--brand-950) / .55))}
