.p-case-archive{position:relative;padding-block:9.375rem 7.5rem}.p-case-archive::before{position:absolute;right:0;bottom:0;aspect-ratio:1;width:20rem;height:auto;background:url(../../img/deco-circle-blue.webp) no-repeat center center/cover;content:""}.p-case-archive__lead h2{font-weight:700;font-size:1.5rem;line-height:1.5;letter-spacing:.01em;text-align:center}.p-case-archive__lead p{margin-block-start:.625rem;font-size:1rem;line-height:1.5;letter-spacing:.01em;text-align:center}.p-case-archive__filter{display:flex;flex-wrap:wrap;margin-block-start:8.125rem;gap:.75rem}.p-case-archive__filter-btn{flex:0 0 calc((100% - 4.5rem)/ 7);align-self:center;min-width:-moz-fit-content;min-width:fit-content;padding-block:.625rem;border:1px solid #437bd0;border-radius:100vmax;color:#437bd0;font-size:max(.875rem,12px);font-family:"Noto Sans JP",sans-serif;text-align:center;transition:.3s}.p-case-archive__filter-btn.is-active{background:#437bd0;color:#fff}.p-case-archive__list{-moz-column-gap:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem;row-gap:1.875rem;margin-block-start:2.875rem}.p-case-archive__pagination{display:flex;justify-content:center;margin-block-start:4rem}.p-case-archive__pagination .nav-links{display:flex;align-items:center;gap:.5rem}.p-case-archive__pagination .page-numbers{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid #437bd0;border-radius:100vmax;color:#437bd0;font-size:max(.875rem,12px);font-family:"Noto Sans JP",sans-serif;transition:.3s}.p-case-archive__pagination .page-numbers.current,.p-case-archive__pagination .page-numbers:hover{background:#437bd0;color:#fff}.p-case-archive__pagination .page-numbers.dots{border:none;background:0 0;color:#b4b6bd}.p-case-archive__arrow{display:block;width:.5rem;height:.5rem;border-inline-end:2px solid currentColor;border-block-start:2px solid currentColor}.p-case-archive__arrow--prev{margin-inline-start:.125rem;transform:rotate(-135deg)}.p-case-archive__arrow--next{margin-inline-end:.125rem;transform:rotate(45deg)}.p-case-archive__empty{padding-block:3.75rem;color:#413e3e;font-size:max(1rem,14px);font-family:"Noto Sans JP",sans-serif;text-align:center}@media (hover:hover){.p-case-archive__filter-btn:hover{background:#437bd0;color:#fff}}@media (max-width:900px){.p-case-archive__list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.p-case-archive::before{width:10rem}.p-case-archive{padding-block:4.375rem 5rem}.p-case-archive__lead h2{font-size:1.1875rem}.p-case-archive__lead p{font-size:.875rem}.p-case-archive__filter{margin-block-start:3.75rem}.p-case-archive__filter-btn{flex-basis:calc(50% - .375rem);max-width:calc(50% - .375rem);padding-inline:.875rem}.p-case-archive__list{margin-block-start:1.5rem}.p-case-archive__list{grid-template-columns:1fr;row-gap:1.5rem}.p-case-archive__pagination{margin-block-start:2.5rem}.p-case-archive__pagination .page-numbers{width:2.25rem;height:2.25rem;font-size:1rem}}