.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;min-height:96px;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:1023px){.case-card__headline{min-height:72px}}@media(max-width:767px){.case-card__headline{margin-top:16px;font-size:14px;min-height:0}.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}}