:root{--c-white: #ffffff;--c-black: #000000;--c-ink: #1a1311;--c-ink-strong: #3c3c3c;--c-ink-sub: #7f7f7f;--c-icon-sub: #7f7f7f;--c-mute: #b7b7b7;--c-line: #e0e0e0;--c-line-weak: #efeaea;--c-surface-01: #f9f9f9;--c-surface-02: #f3f3f3;--c-surface-03: #f6f6f2;--c-accent-red: #ec524d;--c-accent-blue: #3b7dbf;--c-info: #2bbcd9;--c-warning: #ed8002;--c-warning-strong: #d7000e;--c-footer-bg: #333333;--c-scrim: #0000004d;--c-shadow-control: #373f411a;--c-placeholder: #6e6e6e;--c-icon-tertiary: #bfbfbf;--c-news-cat-bg: #0000000d;--c-new-label: #ec6a4d;--c-scope-bg: #636360;--c-recruit-red: #d54a46;--c-recruit-beige: #9e9071;--c-strengths-dev: #ece4d3;--c-grad-corp-end: #f2f2ed;--c-grad-rec-mint: #deeee9;--c-grad-rec-cream: #f4f5df;--c-black-50: #f9f9f9;--c-black-100: #f3f3f3;--c-black-200: #e9e9e9;--c-black-300: #dadada;--c-black-400: #b7b7b7;--c-black-500: #979797;--c-black-600: #6e6e6e;--c-black-700: #5b5b5b;--c-black-800: #3c3c3c;--c-black-900: #1c1c1c;--c-greige-50: #fbfbf7;--c-greige-100: #f6f6f2;--c-greige-200: #f0f0ec;--c-greige-300: #e2e2de;--c-greige-400: #bfbfbc;--c-greige-500: #a1a09d;--c-greige-600: #777774;--c-greige-700: #636360;--c-greige-800: #444441;--c-greige-900: #232320;--color-text: var(--c-ink);--color-text-strong: var(--c-black);--color-text-muted: var(--c-ink-sub);--color-text-weak: var(--c-mute);--color-text-on-dark: var(--c-white);--color-text-on-brand: var(--c-white);--color-text-placeholder: var(--c-placeholder);--color-text-warning: var(--c-warning-strong);--color-text-link: var(--c-ink);--color-text-link-hover: var(--c-accent-red);--color-bg: var(--c-white);--color-bg-subtle: var(--c-surface-01);--color-bg-muted: var(--c-surface-02);--color-bg-cream: var(--c-surface-03);--color-bg-alt: var(--c-line-weak);--color-bg-inverse: var(--c-ink);--color-bg-footer: var(--c-footer-bg);--color-bg-scrim: var(--c-scrim);--color-bg-news-cat: var(--c-news-cat-bg);--color-bg-contact-item: var(--c-ink-strong);--color-bg-works-item: var(--c-ink-sub);--color-bg-icon-container: var(--c-surface-02);--color-bg-scope: var(--c-scope-bg);--color-bg-recruit: var(--c-surface-03);--color-bg-recruit-tertiary: #e5e9e8;--color-surface: var(--c-white);--color-border: var(--c-line);--color-border-strong: var(--c-ink);--color-border-tertiary: #5b5b5b;--color-border-quaternary: var(--c-white);--color-border-warning: var(--c-warning-strong);--color-border-weak: var(--c-line-weak);--color-border-inverse: rgb(255 255 255 / 0.24);--color-icon: var(--c-ink);--color-icon-muted: var(--c-icon-sub);--color-icon-tertiary: var(--c-icon-tertiary);--color-icon-on-dark: var(--c-white);--color-icon-disable: var(--c-mute);--color-button-primary-fill: var(--c-white);--color-button-primary-border: var(--c-black);--color-button-secondary-fill: var(--c-black);--color-button-secondary-border: var(--c-ink-sub);--color-button-light-hover: #ebebeb;--color-button-dark-hover: #404040;--color-primary: var(--c-ink);--color-primary-hover: var(--c-black);--color-accent: var(--c-accent-red);--color-accent-hover: #d9423d;--color-link: var(--c-accent-blue);--color-state-info: var(--c-info);--color-state-warning: var(--c-warning);--color-state-warning-strong: var(--c-warning-strong);--color-state-error: var(--c-accent-red);--color-state-new: var(--c-new-label);--color-focus-ring: var(--c-accent-blue);--color-recruit-red: var(--c-recruit-red);--color-recruit-beige: var(--c-recruit-beige);--color-recruit-blue: var(--c-accent-blue);--color-recruit-white: var(--c-white);--color-recruit-ivory: var(--c-surface-03);--color-strengths-produce: var(--c-accent-red);--color-strengths-develop: var(--c-strengths-dev);--color-strengths-support: var(--c-accent-blue);--gradient-brand: linear-gradient( 269deg, #ee463a 0%, #ec35b2 50%, #0052ff 100% );--gradient-brand-line: linear-gradient( 247deg, #ee463a 6%, #ec35b2 50%, #0052ff 95% );--gradient-corporate-bg: linear-gradient( 180deg, var(--c-white) 0%, var(--c-grad-corp-end) 100% );--gradient-recruit-bg: linear-gradient( 180deg, var(--c-surface-03) 0%, var(--c-grad-rec-mint) 50%, var(--c-grad-rec-cream) 100% );--shadow-control: 0 4px 12px 0 var(--c-shadow-control);--fs-11: 1.1rem;--fs-12: 1.2rem;--fs-13: 1.3rem;--fs-14: 1.4rem;--fs-16: 1.6rem;--fs-18: 1.8rem;--fs-20: 2.0rem;--fs-24: 2.4rem;--fs-28: 2.8rem;--fs-32: 3.2rem;--fs-40: 4.0rem;--fs-48: 4.8rem;--fs-56: 5.6rem;--fs-64: 6.4rem;--fs-80: 8.0rem;--fs-96: 9.6rem;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 900;--lh-tight: 1.0;--lh-120: 1.2;--lh-snug: 1.25;--lh-130: 1.3;--lh-140: 1.4;--lh-normal: 1.5;--lh-160: 1.6;--lh-relaxed: 1.75;--lh-180: 1.8;--lh-190: 1.9;--lh-loose: 2.0;--ls-tight: -0.01em;--ls-normal: 0;--ls-wide: 0.03em;--ls-wider: 0.08em;--sp-2: 0.2rem;--sp-4: 0.4rem;--sp-8: 0.8rem;--sp-12: 1.2rem;--sp-16: 1.6rem;--sp-20: 2.0rem;--sp-24: 2.4rem;--sp-32: 3.2rem;--sp-40: 4.0rem;--sp-48: 4.8rem;--sp-56: 5.6rem;--sp-64: 6.4rem;--sp-80: 8.0rem;--sp-96: 9.6rem;--sp-120: 12rem;--sp-160: 16rem;--container-max: 144rem;--container-inner: 120rem;--container-narrow: 80rem;--container-gutter-pc: var(--sp-40);--container-gutter-sp: var(--sp-24);--radius-none: 0;--radius-sm: 0.4rem;--radius-md: 0.8rem;--radius-lg: 1.6rem;--radius-pill: 9999px;--radius-full: 50%;--shadow-1: 0 0 15px 0 rgb(55 63 65 / 0.10);--shadow-2: 0 4px 20px 0 rgb(0 0 0 / 0.08);--shadow-3: 0 10px 30px 0 rgb(0 0 0 / 0.12);--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--dur-fast: 120ms;--dur-base: 300ms;--dur-slow: 480ms;--header-h-sp: 6.4rem;--header-h-pc: 8.0rem}.p-works{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-48);padding-block:var(--sp-80) var(--sp-100, 10rem);padding-inline:var(--container-gutter-pc)}@media(max-width: 767.98px){.p-works{padding-block:var(--sp-48) var(--sp-64);padding-inline:var(--container-gutter-sp);gap:var(--sp-32)}}.p-works__inner{display:grid;gap:var(--sp-48);grid-template-columns:minmax(0, 1fr) 24rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;inline-size:100%;max-inline-size:120rem;margin-inline:auto}@media(max-width: 767.98px){.p-works__inner{grid-template-columns:1fr;gap:var(--sp-24)}}.p-works__main{min-inline-size:0}.p-works__list{row-gap:var(--sp-48)}@media(min-width: 768px)and (max-width: 1024px){.p-works__list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 767.98px){.p-works__list{row-gap:var(--sp-32)}}.p-works-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-16);text-decoration:none;color:var(--color-text);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}@media(hover: hover){.p-works-card:hover{opacity:.8}.p-works-card:hover .p-works-card__media-img{-webkit-transform:scale(1.04);transform:scale(1.04)}}.p-works-card__media{position:relative;inline-size:100%;aspect-ratio:280/340;overflow:hidden;background-color:var(--color-bg-muted)}.p-works-card__media-img{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 600ms cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-transform 600ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 600ms cubic-bezier(0.16, 1, 0.3, 1);transition:transform 600ms cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 600ms cubic-bezier(0.16, 1, 0.3, 1);will-change:transform}.p-works-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-8)}.p-works-card__title{font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-120);color:var(--color-text);margin:0}@media(max-width: 767.98px){.p-works-card__title{font-size:var(--fs-16)}}.p-works-card__desc{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:2;color:var(--color-text);margin:0}@media(max-width: 767.98px){.p-works-card__desc{font-size:var(--fs-14)}}.p-works-card__client{font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-140);color:var(--color-text-muted);margin:0}.p-works-side{position:sticky;top:calc(var(--header-h-pc) + var(--sp-24));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-24);padding:var(--sp-16);background-color:var(--color-bg-muted);border-radius:var(--radius-md)}@media(max-width: 767.98px){.p-works-side{position:static;grid-row:1;inline-size:100%;gap:var(--sp-24);padding:var(--sp-12) var(--sp-16)}}.p-works-side__toggle{display:none}@media(max-width: 767.98px){.p-works-side__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:var(--sp-16);inline-size:100%;padding:0;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-140);color:var(--color-text);background:none;border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.p-works-side__toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}}.p-works-side__toggle-text{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:start}.p-works-side__toggle-icon{inline-size:2.4rem;block-size:2.4rem;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .3s var(--ease-out);transition:-webkit-transform .3s var(--ease-out);transition:transform .3s var(--ease-out);transition:transform .3s var(--ease-out), -webkit-transform .3s var(--ease-out)}.p-works-side__toggle[aria-expanded=true] .p-works-side__toggle-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.p-works-side__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-24)}@media(max-width: 767.98px){.p-works-side__body{display:none;gap:var(--sp-16)}}@media(max-width: 767.98px){.p-works-side__toggle[aria-expanded=true]+.p-works-side__body{display:-webkit-box;display:-ms-flexbox;display:flex}}.p-works-side__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-12)}@media(max-width: 767.98px){.p-works-side__group{gap:var(--sp-8)}}.p-works-side__heading{font-size:var(--fs-18);font-weight:var(--fw-medium);line-height:var(--lh-120);color:var(--color-text);margin:0}@media(max-width: 767.98px){.p-works-side__heading{font-size:var(--fs-12);line-height:var(--lh-140)}}.p-works-side__chips{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-12);list-style:none;padding:0;margin:0}.p-works-side__chip{display:block;inline-size:100%;padding:var(--sp-12) var(--sp-16);font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-tight);color:var(--color-text);text-decoration:none;background-color:var(--color-bg);border-radius:var(--radius-md);-webkit-transition:background-color .2s ease;transition:background-color .2s ease}@media(hover: hover){.p-works-side__chip:hover{background-color:var(--color-button-light-hover, #ebebeb)}}.p-works-side__chip.is-active,.p-works-side__chip[aria-current=true]{color:var(--color-text-on-dark);background-color:var(--color-bg-inverse)}.p-work-detail__header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-32);padding-block:var(--sp-120) var(--sp-40);padding-inline:var(--container-gutter-pc);background-image:url("../../assets/images/pc/page-header-gray.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}@media(max-width: 1023.98px){.p-work-detail__header{padding-block:var(--sp-80) var(--sp-32);padding-inline:var(--container-gutter-sp);gap:var(--sp-24)}}@media(max-width: 767.98px){.p-work-detail__header{background-image:url("../../assets/images/sp/page-header-gray.jpg");background-position:0 -67px;padding-block:var(--sp-96) var(--sp-32)}}.p-work-detail__header-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-20);inline-size:100%;max-inline-size:var(--container-inner);margin-inline:auto}.p-work-detail__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--sp-12);font-size:var(--fs-20);font-weight:var(--fw-regular);line-height:var(--lh-120);letter-spacing:var(--ls-wide);color:var(--color-text)}@media(max-width: 767.98px){.p-work-detail__tags{font-size:var(--fs-16);gap:var(--sp-8)}}.p-work-detail__tag-sep{color:var(--color-text-muted);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-work-detail__title{-webkit-padding-after:var(--sp-16);padding-block-end:var(--sp-16);font-size:clamp(2.8rem,calc(0.6285714286rem + 2.8273809524vw),4.7rem);font-weight:var(--fw-medium);line-height:var(--lh-120);letter-spacing:var(--ls-wide);color:var(--color-text);margin:0;-webkit-border-after:1px solid rgba(0,0,0,0);border-block-end:1px solid rgba(0,0,0,0);-o-border-image:var(--gradient-brand-line) 1;border-image:var(--gradient-brand-line) 1}.p-work-detail__subtitle{font-size:clamp(1.6rem,calc(1.1428571429rem + 0.5952380952vw),2rem);font-weight:var(--fw-medium);line-height:var(--lh-140);color:var(--color-text);margin:0}.p-work-detail__breadcrumb{inline-size:100%;max-inline-size:var(--container-inner);margin-inline:auto}.p-work-detail__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-40);padding-block:var(--sp-80);inline-size:100%;max-inline-size:112rem;margin-inline:auto}@media(max-width: 1023.98px){.p-work-detail__contents{padding-block:var(--sp-48);padding-inline:var(--container-gutter-sp);gap:var(--sp-32)}}.p-work-detail__row{display:grid;grid-template-columns:10.7rem 1fr;gap:var(--sp-48);-webkit-box-align:start;-ms-flex-align:start;align-items:start}@media(max-width: 767.98px){.p-work-detail__row{grid-template-columns:1fr;gap:var(--sp-16)}}.p-work-detail__badge{justify-self:start;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;block-size:3.2rem;padding-inline:var(--sp-4);font-size:var(--fs-24);font-weight:var(--fw-regular);line-height:var(--lh-tight);letter-spacing:var(--ls-wide);color:var(--color-text-on-dark);background-color:var(--color-text-muted);border-radius:var(--radius-sm);margin:0}@media(max-width: 1023.98px){.p-work-detail__badge{font-size:var(--fs-20)}}.p-work-detail__row-body{min-inline-size:0}.p-work-detail__summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-16);list-style:none;padding:0;margin:0}.p-work-detail__summary-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--sp-12)}.p-work-detail__check{inline-size:3.2rem;block-size:3.2rem;-ms-flex-negative:0;flex-shrink:0;color:var(--color-text-muted)}.p-work-detail__summary-text{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--color-text)}.p-work-detail__overview{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:2;color:var(--color-text);margin:0}.p-work-detail__overview-link{-webkit-margin-before:var(--sp-16);margin-block-start:var(--sp-16);color:var(--color-text-muted)}.p-work-detail__plain{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--color-text);margin:0}.p-work-detail__interview-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--sp-16);inline-size:100%;max-inline-size:76.8rem;min-block-size:12.1rem;-webkit-padding-start:var(--sp-20);padding-inline-start:var(--sp-20);padding-block:0;-webkit-padding-end:0;padding-inline-end:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;-webkit-transition:opacity var(--dur-base) var(--ease-out);transition:opacity var(--dur-base) var(--ease-out)}@media(hover: hover){.p-work-detail__interview-card:hover{opacity:.7}}.p-work-detail__interview-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(max-width: 767.98px){.p-work-detail__interview-card{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--sp-16);padding:var(--sp-16);min-block-size:0}}.p-work-detail__interview-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-8);-webkit-box-flex:1;-ms-flex:1;flex:1;min-inline-size:0;padding-block:var(--sp-12)}.p-work-detail__interview-title{font-size:var(--fs-16);font-weight:var(--fw-bold);line-height:1.5;color:var(--color-text);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.p-work-detail__interview-body{font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--lh-140);color:var(--color-text);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-work-detail__interview-image{-ms-flex-negative:0;flex-shrink:0;inline-size:12.1rem;block-size:12.1rem;background-color:var(--color-bg-muted);overflow:hidden}.p-work-detail__interview-image>img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;display:block}@media(max-width: 767.98px){.p-work-detail__interview-image{inline-size:100%;aspect-ratio:16/9;block-size:auto;border-radius:var(--radius-sm)}}.p-work-detail__images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--sp-80);padding-block:var(--sp-56) var(--sp-64);padding-inline:var(--container-gutter-pc);inline-size:100%;max-inline-size:calc(var(--container-inner) + var(--sp-80));margin-inline:auto}@media(max-width: 1023.98px){.p-work-detail__images{gap:var(--sp-48);padding-block:var(--sp-40) var(--sp-48);padding-inline:var(--container-gutter-sp)}}.p-work-detail__image-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--sp-32) var(--sp-40);inline-size:100%}@media(max-width: 767.98px){.p-work-detail__image-grid{grid-template-columns:1fr;gap:var(--sp-24)}}.p-work-detail__image-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sp-16);margin:0}.p-work-detail__image-frame{inline-size:100%;aspect-ratio:512/320;background-color:var(--color-bg-muted);border:2px solid var(--color-text);border-radius:var(--radius-md);overflow:hidden}.p-work-detail__image-frame>img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover;display:block}.p-work-detail__image-caption{font-size:var(--fs-14);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--color-text);margin:0}.p-work-detail__back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-noteEmbed{max-width:100%}/*# sourceMappingURL=works.css.map */