.filterCaseStudy{background-color:#f7f7f7;margin-bottom:40px;margin-top:60px}.filterCaseStudy a{transition:0s}.filterCaseStudy .contents{display:none;padding:60px}.filterCaseStudy .select-area{display:flex;gap:20px}.filterCaseStudy .select-area .item{flex:1;position:relative}.filterCaseStudy .category a{background:#fff;border:1px solid #dedede;color:#2e3b51;display:block;font-size:18px;font-weight:500;padding:11.2px 15px;position:relative;text-align:center;text-decoration:none}.filterCaseStudy .item .category a:hover,.filterCaseStudy .item.is-active .category a{border-color:transparent;color:#004098;outline:2px solid #004098;outline-offset:-2px}.filterCaseStudy .category a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none' viewBox='0 0 12 7'%3E%3Cpath stroke='%23004098' d='m11.186.35-5.415 5.5L.355.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;border:none;content:"";height:7px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px}.filterCaseStudy .list{background:#fff;border:1px solid #004098;border-radius:4px;display:none;left:0;padding:20px;position:absolute;top:calc(100% + 5px);width:100%;z-index:10}.filterCaseStudy .item:not(:first-child) .list{display:none}.filterCaseStudy .list ul{list-style:none;margin:0;padding:0}.filterCaseStudy .list li{margin-bottom:12px;padding-left:0}.filterCaseStudy .list li:last-child{margin-bottom:0}.filterCaseStudy .list label{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-size:14px}.filterCaseStudy .list input[type=checkbox]{display:none}.filterCaseStudy .list span{align-items:center;color:#333;display:inline-flex;font-size:14px;padding-left:24px;position:relative}.filterCaseStudy .list span:before{background:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:16px}.filterCaseStudy .list span:after{border-bottom:1px solid #004098;border-left:1px solid #004098;box-sizing:border-box;content:"";display:none;height:6px;left:3px;position:absolute;top:calc(50% - 2px);transform:translateY(-50%) rotate(-50deg);width:10px}.filterCaseStudy .list input[type=checkbox]:checked+span{color:#004098}.filterCaseStudy .list input[type=checkbox]:checked+span:before{border-color:#004098}.filterCaseStudy .list input[type=checkbox]:checked+span:after{display:block}.filterCaseStudy .keyword-area{align-items:center;background:#fff;display:none;margin:40px 0 0;padding:26px 30px}.filterCaseStudy .keyword-area[style*="display: flex"]{display:flex!important}.filterCaseStudy .keyword-area .label{align-items:center;color:#004098;display:flex;font-size:16px;font-weight:700;white-space:nowrap}.filterCaseStudy .keyword-area .label:after{color:#004098;content:"|";font-size:20px;font-weight:400;margin:0 20px}.filterCaseStudy .keyword-area .keyword{display:flex;flex-wrap:wrap;gap:8px}.filterCaseStudy .keyword-area .keyword span{background-color:#1a88ca;color:#fff;display:inline-block;font-size:12px;padding:4px 10px}.filterCaseStudy .clear-button{display:none;margin-top:40px;text-align:center}.filterCaseStudy .clear-button a{border:1px solid #004098;color:#004098;display:inline-block;font-size:16px;font-weight:700;padding:12px 40px;text-decoration:none}.filterCaseStudy .clear-button a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Crect width='13' height='13' x='13.5' y='.5' stroke='%23004098' rx='6.5' transform='rotate(90 13.5 .5)'/%3E%3Cpath stroke='%23004098' stroke-linecap='round' stroke-linejoin='round' d='m10 4-6 6M10 10 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:14px;margin-left:10px;vertical-align:middle;width:14px}.filterCaseStudy .toggle-button a{align-items:center;background-color:#004098;color:#fff;display:inline-flex;font-size:18px;font-weight:700;justify-content:center;padding:25px 15px;text-align:center;text-decoration:none;width:100%}.filterCaseStudy .toggle-button a:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Crect width='17.286' height='17.286' x='.357' y='17.643' stroke='%23fff' stroke-width='.714' rx='8.643' transform='rotate(-90 .357 17.643)'/%3E%3Cpath fill='%23fff' d='m9 5.407 4.96 4.96-.798.797L9 7.001l-4.164 4.163-.796-.797z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;border:none;border-radius:0;content:"";display:inline-block;height:18px;margin-left:10px;transform:rotate(180deg);vertical-align:middle;width:18px}.filterCaseStudy .toggle-button.is-active a:after{transform:rotate(0deg)}.filter-results-action{display:none;margin:0;position:relative;text-align:center;top:-60px}.filter-results-action .results-count{align-items:center;background-color:#004098;border-radius:2px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;margin:0;min-width:330px;padding:18px 20px;text-decoration:none}.filter-results-action .results-count:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.5' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='M9 3.5h2v13H9z'/%3E%3Cpath fill='%23fff' d='M16 8.5v2H4v-2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:20px;margin-right:15px;width:20px}@media (max-width:767px){.filterCaseStudy{margin-bottom:10px;margin-top:40px}.filterCaseStudy .toggle-button a{padding-bottom:12px;padding-top:12px}.filterCaseStudy .contents{padding:20px}.filterCaseStudy .select-area{flex-wrap:wrap;gap:10px}.filterCaseStudy .select-area .item{flex:auto;width:100%}.filterCaseStudy .item .category a:hover{border:1px solid #dedede;color:#2e3b51;outline:none}.filterCaseStudy .list{margin-top:5px;position:static;top:0}.filterCaseStudy .keyword-area{flex-direction:column;flex-wrap:wrap;margin-top:20px;padding:28px 20px 20px}.filterCaseStudy .clear-button{margin-top:20px}.filterCaseStudy .clear-button a{width:100%}.filterCaseStudy .keyword-area .label{display:block;padding-bottom:20px;position:relative}.filterCaseStudy .keyword-area .label:after{bottom:-5px;content:"ー";display:block;left:0;margin:0;position:absolute;text-align:center;top:auto;width:100%}.filterCaseStudy .keyword-area .keyword{margin-top:10px;width:100%}.filter-results-action{margin-bottom:40px;top:-10px}}