.p-caseList{margin:unset;--columns:3;--column-gap:var(--gap);grid-template-columns:repeat(auto-fill, minmax(max(min(240px, 100%), (100% - var(--column-gap) * (var(--columns) - 1)) / var(--columns)), 1fr));column-gap:var(--column-gap);row-gap:40px;margin-block:24px;list-style-type:none;display:grid}@media screen and (width<=768px){.p-caseList{row-gap:24px}}.p-caseList:where(:first-child){margin-block-start:0}.p-caseList:where(:last-child){margin-block-end:0}.p-caseList__item{margin:unset;--card-padding:clamp(16px, 11.0789px + 1.26183cqw, 24px);border-width:var(--border-width-s);border-style:solid;border-color:var(--color-key-color-primary-lighter);border-radius:var(--border-radius-l);box-shadow:4px 4px 0 rgb(from var(--color-key-color-primary) r g b/.2);grid-template-rows:[thumb-start]max-content[thumb-end]16px[title-start]max-content[title-end]16px[company-start]max-content[company-end]8px[tags-start]max-content[tags-end]minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding-block-start:calc(var(--card-padding) - var(--border-width-s));padding-block-end:calc(var(--card-padding) + 8px - var(--border-width-s));padding-inline-start:calc(var(--card-padding) - var(--border-width-s));padding-inline-end:calc(var(--card-padding) - var(--border-width-s));display:grid;position:relative}.p-caseList__thumb{margin:unset;border-radius:var(--border-radius-m);grid-row:thumb;display:block;overflow:clip}.p-caseList__thumb img{border-radius:unset;aspect-ratio:326/184;object-fit:cover;inline-size:100%;transition-property:scale;transition-duration:var(--duration);transition-timing-function:var(--easing);display:block}@media (any-hover:hover){:where(.p-caseList__item:has(a:hover)) .p-caseList__thumb img{scale:1.1}}@media (prefers-reduced-motion){.p-caseList__thumb img{scale:1}}.p-caseList__title{margin:unset;font-size:1.125rem;line-height:1.44444;font-weight:var(--font-weight-bold);grid-row:title}.p-caseList__title a{color:inherit;transition-property:color;transition-duration:var(--duration), var(--duration);transition-timing-function:var(--easing);text-decoration:none}.p-caseList__title a:before{content:"";display:block;position:absolute;inset:0}@media (any-hover:hover){.p-caseList__title a:where(:hover){color:var(--color-key-color-primary)}}.p-caseList__company{margin:unset;font-size:var(--text-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-regular);color:var(--color-sub-text-secondary);grid-row:company}.p-caseList__tags{margin:unset;flex-wrap:wrap;grid-row:tags;gap:8px;list-style-type:none;display:flex}.p-caseList__tag{margin:unset;background-color:var(--color-key-color-primary-lighter);border-width:var(--border-width-s);color:#3b604c;border-style:solid;border-color:#0000;place-items:center;padding-block-start:calc(1px - var(--border-width-s));padding-block-end:calc(2px - var(--border-width-s));padding-inline-start:calc(4px - var(--border-width-s));padding-inline-end:calc(4px - var(--border-width-s));font-size:.75rem;line-height:1.33333;display:grid}.p-caseHeading{grid-template-columns:[full-start] var(--full) [content-start] min(650px, 650 / tan(atan2(var(--designSize), 1px)) * 100%) [content-end] min(64px, 64 / tan(atan2(var(--designSize), 1px)) * 100%) [img-start] min(486px, 486 / tan(atan2(var(--designSize), 1px)) * 100%) [img-end] var(--full) [full-end];background-color:#d1eddc;background-image:url(/common/styles/images/img_caseHeading_bg.webp), var(--gradient-page-heading);background-position:100% 100%,bottom;background-size:100% 100%,100% 100%;grid-template-rows:[breadCrumb-start img-start]max-content[breadCrumb-end]32px[num-start]max-content[num-end]16px[title-start]max-content[title-end]42px[desc-start]max-content[desc-end]minmax(0,1fr)[img-end];align-items:flex-start;padding-block:40px 60px;display:grid;position:relative}@media screen and (width<=768px){.p-caseHeading{grid-template-columns:[full-start] var(--full) [content-start img-start] calc(100% - var(--gap) * 2) [content-end img-end] var(--full) [full-end];grid-template-rows:[breadCrumb-start]max-content[breadCrumb-end]32px[num-start]max-content[num-end]16px[title-start]max-content[title-end]24px[desc-start]max-content[desc-end]16px[img-start]max-content[img-end];padding-block:24px 36px}}.p-caseHeading__breadCrumb{grid-area:breadCrumb/content}.p-caseHeading__num{margin:unset;background-color:var(--color-background-primary);border-width:var(--border-width-s);font-size:1rem;line-height:1;font-weight:var(--font-weight-bold);color:var(--color-key-color-primary);border-radius:var(--border-radius-infinity);border-style:solid;border-color:#0000;grid-area:num/content;justify-self:flex-start;padding-block-start:calc(5px - var(--border-width-s) - var(--spacer-text-start));padding-block-end:calc(5px - var(--border-width-s) + var(--spacer-text-end));padding-inline-start:calc(16px - var(--border-width-s));padding-inline-end:calc(16px - var(--border-width-s))}@media screen and (width<=768px){.p-caseHeading__num{padding-block-start:calc(4px - var(--border-width-s) - var(--spacer-text-start));padding-block-end:calc(4px - var(--border-width-s) + var(--spacer-text-end));font-size:.875rem;line-height:1}}.p-caseHeading__title{margin:unset;font-size:2.25rem;line-height:1.27778;font-weight:var(--font-weight-bold);grid-area:title/content}@media screen and (width<=768px){.p-caseHeading__title{font-size:1.875rem;line-height:1.3}}.p-caseHeading__desc{font-size:var(--text-size-large);line-height:var(--line-height-large);font-weight:var(--font-weight-regular);color:var(--color-sub-text-secondary);grid-area:desc/content}.p-caseHeading__img{margin:unset;background-color:var(--color-key-color-primary-lighter);border-radius:var(--border-radius-l);box-shadow:8px 8px 0 rgb(from var(--color-key-color-primary) r g b/.2);grid-area:img;display:block;overflow:clip}.p-caseHeading__img img{border-radius:unset;inline-size:100%;display:block}.p-companyProfile{margin-block:16px}.p-companyProfile:where(:first-child){margin-block-start:0}.p-companyProfile:where(:last-child){margin-block-end:0}.p-companyProfile__heading{margin:unset;padding:unset;border:unset;color:unset}.p-companyProfile__heading:before{content:unset}.p-companyProfile__heading{font-size:var(--text-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-bold);color:var(--color-key-color-primary);margin-block-end:8px}.p-companyProfile__subHeading{margin:unset;padding:unset;border:unset;color:unset}.p-companyProfile__subHeading:before{content:unset}.p-companyProfile__subHeading{font-size:var(--text-size-small);line-height:var(--line-height-small);font-weight:var(--font-weight-bold);margin-block:24px 8px}.p-companyProfile__heading+.p-companyProfile__subHeading{margin-block-start:16px}.p-companyProfile__list{font-size:var(--text-size-small);line-height:var(--line-height-small);font-weight:var(--font-weight-regular);color:var(--color-sub-text-secondary);grid-template-columns:[full-start label-start]fit-content(40%)[label-end desc-start]minmax(0,1fr)[desc-end full-end];display:grid}.p-companyProfile__item{grid-template-columns:subgrid;border-block-end-width:var(--border-width-s);border-block-end-style:solid;border-block-end-color:var(--color-border-primary);grid-column:full;align-items:baseline;column-gap:clamp(24px,15.388px + 2.2082cqw,38px);padding-block-start:calc(12px - var(--spacer-text-start));padding-block-end:calc(12px - var(--border-width-s) + var(--spacer-text-end));padding-inline:16px;display:grid}.p-companyProfile__item:first-child{border-block-start-width:var(--border-width-s);border-block-start-style:solid;border-block-start-color:var(--color-border-primary)}.p-companyProfile__label{word-break:keep-all;grid-column:label}.p-companyProfile__desc{grid-column:desc}.p-companyProfile__logo{flex-direction:unset;margin:unset;text-align:inherit;flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.p-companyProfile__logo img{border-radius:unset}.p-companyProfile__logo figcaption{inline-size:unset;min-inline-size:unset;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}.p-articleNote{margin:unset;inline-size:fit-content;font-size:var(--text-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-regular);color:var(--color-sub-text-secondary);margin-block:40px;margin-inline-start:auto;padding-inline-start:1.5em;position:relative}.p-articleNote:before{content:"※";margin-inline-start:-1.5em;position:absolute}.p-articleNote:where(:first-child){margin-block-start:0}.p-articleNote:where(:last-child){margin-block-end:0}.p-articleReturn{--icon-size:7px;border-width:var(--border-width-s);font-size:var(--text-size-btn-large);line-height:var(--line-height-btn-large);font-weight:var(--font-weight-bold);color:inherit;text-align:center;border-radius:var(--border-radius-ss);transition-property:background-color,color;transition-duration:var(--duration);transition-timing-function:var(--easing);border-style:solid;border-color:currentColor;padding-block-start:calc(16px - var(--border-width-s) - var(--spacer-text-start));padding-block-end:calc(16px - var(--border-width-s) + var(--spacer-text-end));padding-inline-start:calc(16px + var(--icon-size) + 16px - var(--border-width-s));padding-inline-end:calc(16px - var(--border-width-s));text-decoration:none;display:block;position:relative}.p-articleReturn:before{inline-size:var(--icon-size);block-size:0;content:"";border-block-start:13px solid;margin-block:auto;display:block;position:absolute;inset-block:0;inset-inline-start:calc(16px - var(--border-width-s));scale:-1 1;-webkit-mask-image:url(/common/styles/images/icon_arrow.svg);mask-image:url(/common/styles/images/icon_arrow.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%}@media (any-hover:hover){.p-articleReturn:where(:hover){background-color:var(--color-key-color-primary-lighter)}}.p-articleReturn--primary{color:var(--color-key-color-primary)}.p-articleReturn:where(:first-child){margin-block-start:0}.p-articleReturn:where(:last-child){margin-block-end:0}