.page-hero-overview[data-astro-cid-fvykbvle]{position:relative;width:100%;height:450px;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(180deg,#149c9c,#0a6371)}.page-hero-overview[data-astro-cid-fvykbvle]:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;opacity:.18;pointer-events:none;z-index:0}.page-hero-overview[data-astro-cid-fvykbvle]:after{content:"";position:absolute;top:0;left:calc(50% - 662px);right:0;height:100%;background:linear-gradient(225deg,#fff,#dcf0f0 28%,#b3dede);clip-path:polygon(1050px 0%,100% 0%,100% 100%,0% 100%);mix-blend-mode:multiply;pointer-events:none;z-index:0}.page-hero-overview__inner[data-astro-cid-fvykbvle]{position:relative;z-index:1;max-width:1220px;height:100%;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;justify-content:center}.page-hero-overview__caption[data-astro-cid-fvykbvle]{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:700;letter-spacing:.2em;line-height:.7}.page-hero-overview__title[data-astro-cid-fvykbvle]{margin-top:4px;font-size:40px;font-weight:700;letter-spacing:.11em;line-height:1.6}.page-hero-overview__lead[data-astro-cid-fvykbvle]{margin-top:28px;font-size:20px;font-weight:500;letter-spacing:.09em;line-height:1.8}@media(max-width:767px){.page-hero-overview[data-astro-cid-fvykbvle]{height:auto}.page-hero-overview[data-astro-cid-fvykbvle]:after{left:0;right:0;clip-path:polygon(64.75% 0%,100% 0%,100% 100%,0% 100%)}.page-hero-overview__inner[data-astro-cid-fvykbvle]{padding:56px 20px 64px}.page-hero-overview__caption[data-astro-cid-fvykbvle]{font-size:16px;letter-spacing:.2em;line-height:.875}.page-hero-overview__title[data-astro-cid-fvykbvle]{margin-top:0;font-size:24px;letter-spacing:.11em;line-height:2.6666666667}.page-hero-overview__lead[data-astro-cid-fvykbvle]{margin-top:20px;font-size:16px;letter-spacing:.09em;line-height:1.75}}.case-body{position:relative;background:linear-gradient(155deg,#fff,#f8f8f8);padding-block:96px 100px}.case-body__inner{max-width:1100px;margin-inline:auto;padding-inline:20px}@media(max-width:767px){.case-body{padding-block:56px 70px}}.case-filter{background-color:#fff;padding:36px 70px 32px;box-shadow:0 2px 12px #0000000a}.case-filter__row{display:flex;align-items:flex-start;gap:24px;padding-block:6px}.case-filter__label{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:64px;padding-top:6px;font-size:16px;font-weight:700;letter-spacing:.2em;line-height:1.25;color:#0c0c0c}.case-filter__label-mark{display:inline-block;width:9px;height:9px;background-color:rgb(from #0a6371 r g b/1)}.case-filter__options{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.case-filter__pill{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:6px 18px;border:1px solid #c4c4c4;border-radius:5px;background-color:#fff;font-size:14px;font-weight:500;line-height:1.1428571429;color:#0c0c0c;cursor:pointer;transition:background-color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.case-filter__pill:hover{border-color:#0a6371}}.case-filter__pill-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.case-filter__pill-label:before{content:attr(data-label);height:0;font-weight:700;visibility:hidden;overflow:hidden;pointer-events:none}.case-filter__checkbox{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.case-filter__pill:has(.case-filter__checkbox:checked){background-color:rgb(from #b3dede r g b/1);border-color:transparent;color:#0a6371;font-weight:700}.case-filter__pill:has(.case-filter__checkbox:focus-visible){outline:2px solid #0a6371;outline-offset:2px}.case-filter__divider{height:1px;margin-block:12px;background-color:#d6d6d6}.case-filter__actions{display:flex;justify-content:center;margin-top:24px}.case-filter__submit{width:100%;max-width:400px;height:46px;border:none;background:linear-gradient(125deg,#149c9c,#0a6371);color:#fff;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:filter .35s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.case-filter__submit:hover{filter:brightness(1.08)}}@media(max-width:1023px){.case-filter{padding:28px 32px}}@media(max-width:767px){.case-filter{padding:24px 16px}.case-filter__row{flex-direction:column;gap:12px}.case-filter__label{padding-top:0}.case-filter__pill{min-width:0;padding:6px 12px;font-size:13px}}.case-list{margin-top:128px}.case-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;margin:0;padding:0}.case-list__item{display:flex}.case-list__item[hidden]{display:none}.case-list__empty{margin-top:40px;text-align:center;font-size:16px;font-weight:500;line-height:1.5625;letter-spacing:.03em;color:#0c0c0c}@media(max-width:1023px){.case-list{margin-top:80px}.case-list__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:767px){.case-list{margin-top:64px}.case-list__grid{grid-template-columns:1fr;gap:20px}}.case-list__item .content-card{width:100%}.case-pagination{margin-top:60px}.case-pagination__list{display:flex;align-items:center;justify-content:center;gap:30px;list-style:none;margin:0;padding:0}.case-pagination__item{display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#0a6371;line-height:1}.case-pagination__item--ellipsis{color:#0a6371;cursor:default}.case-pagination__button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;background:transparent;border:none;font-family:inherit;font-size:16px;font-weight:500;color:#0a6371;cursor:pointer;transition:background-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1)}.case-pagination__button--current{background-color:rgb(from #0a6371 r g b/1);color:#fff;cursor:default}.case-pagination__button--next{position:relative;width:30px;height:30px;padding:0}@media(hover:hover){.case-pagination__button:not(.case-pagination__button--current):hover{background-color:#0a637114}}.case-pagination__next-icon{display:inline-block;position:relative;width:20px;height:1px;background-color:#0a6371}.case-pagination__next-icon:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #0a6371;border-right:1px solid #0a6371;transform:rotate(45deg)}@media(max-width:767px){.case-pagination{margin-top:40px}.case-pagination__list{gap:12px}}.case-card__headline{font-size:16px;font-weight:700;line-height:1.5;text-align:justify;color:#0c0c0c}.case-card__company-name{display:block;margin-top:15px;padding-top:7px;border-top:1px solid #c4c4c4;font-size:16px;font-weight:500;color:#0c0c0c;line-height:2.125;letter-spacing:.04em}.case-card__info{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;line-height:1}.case-card__info-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background-color:#d4e6e6;color:#0a6371;font-size:14px;font-weight:700;line-height:1.1428571429}.case-card__read-more{font-size:14px;font-weight:700;line-height:1.7142857143;color:#0a6371;margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:flex-end;gap:8px;transition:gap .35s cubic-bezier(.4,0,.2,1)}.case-card__arrow{display:inline-block;width:20px;height:1px;background:#0a6371;position:relative;transition:width .35s cubic-bezier(.4,0,.2,1)}.case-card__arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid #0a6371;border-top:1px solid #0a6371;transform:rotate(45deg)}@media(max-width:767px){.case-card__headline{margin-top:16px;font-size:14px}.case-card__company-name{margin-top:12px;padding-top:6px;font-size:14px}.case-card__info-tag{padding:5px 8px;font-size:12px}.case-card__read-more{padding-top:14px;font-size:12px}}@media(hover:hover){.content-card:hover .case-card__read-more{gap:14px}.content-card:hover .case-card__arrow{width:32px}}