.modal-is-open{overflow:hidden}.casestudy{padding-top:128px}@media only screen and (min-width:768px){.casestudy{padding-top:240px}}.casestudy__inner{padding:0 30px 120px}@media only screen and (min-width:768px){.casestudy__inner{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[18];grid-template-columns:repeat(18,minmax(0,1fr));padding:0}}.page-title{font-family:din-2014,"Helvetica Neue",Arial,sans-serif;font-size:1.8rem;line-height:1.5;letter-spacing:0.03em}@media only screen and (min-width:768px){.page-title{grid-column:3/-1}}@media only screen and (min-width:768px){.casestudy-content__wrapper{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:260px 4.1666666667% 1fr;grid-template-columns:260px 1fr;-webkit-column-gap:4.1666666667%;-moz-column-gap:4.1666666667%;column-gap:4.1666666667%;min-height:calc(100vh + 175px);padding:207px 0 350px;-ms-grid-column:3;-ms-grid-column-span:15;grid-column:3/18}}.casestudy__filter-section{padding-top:75px}@media only screen and (min-width:768px){.casestudy__filter-section{position:sticky;top:120px;left:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 175px);padding-top:0;padding-right:10px;overflow-y:auto;overflow-x:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.casestudy__filter-section::-webkit-scrollbar{display:none}}.casestudy__filter-button{position:relative;width:100%;padding:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.5rem;font-weight:500;line-height:1;letter-spacing:0.1em;text-align:left}.casestudy__filter-button .icon{position:absolute;top:50%;right:0;width:20px;height:20px;background-image:url(../images/casestudy/filter.svg);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width:768px){.casestudy__filter{position:relative;padding-bottom:26px;font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.4rem;font-weight:500;line-height:1;letter-spacing:0.1em;-webkit-transition:all 0.5s;transition:all 0.5s}.casestudy__filter:has(.is-opened){padding-bottom:0px}}#casestudy__list{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 1.8181818182% minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));-webkit-column-gap:1.8181818182%;-moz-column-gap:1.8181818182%;column-gap:1.8181818182%;row-gap:31px;padding-top:13px}@media only screen and (min-width:768px){#casestudy__list{-ms-grid-columns:minmax(0,1fr) 0.7865168539% minmax(0,1fr) 0.7865168539% minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));-webkit-column-gap:0.7865168539%;-moz-column-gap:0.7865168539%;column-gap:0.7865168539%;row-gap:7px;padding-top:0}}.casestudy__item{width:100%}.casestudy__item a{display:block;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media only screen and (min-width:768px){.casestudy__item a{position:relative}}.casestudy-item__img{width:100%;height:auto;aspect-ratio:162/221}@media only screen and (min-width:768px){.casestudy-item__img{aspect-ratio:292/398}}.casestudy-item__content{padding-top:16px}@media only screen and (min-width:768px){.casestudy-item__content{position:absolute;inset:0;display:-ms-grid;display:grid;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%;padding:0 0 25px 20px;background-color:rgba(0,0,0,0.4);opacity:0;-webkit-transition:opacity 0.8s;transition:opacity 0.8s}}.casestudy-item__content h2{font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.4rem;font-weight:500;line-height:1.5;letter-spacing:0.1em}@media only screen and (min-width:768px){.casestudy-item__content h2{font-size:1.5rem;line-height:1;color:#fff}}@media only screen and (min-width:768px){.casestudy__item a:hover .casestudy-item__content{opacity:1}}.casestudy-item__detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;padding-top:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:768px){.casestudy-item__detail{-webkit-column-gap:9px;-moz-column-gap:9px;column-gap:9px;padding-top:16px}}.casestudy-item__location{position:relative;padding-right:11px;font-family:dnp-shuei-gothic-gin-std,sans-serif;font-size:1.1rem;font-weight:500;line-height:1;letter-spacing:0.1em}@media only screen and (min-width:768px){.casestudy-item__location{padding-right:9px;color:#fff}}.casestudy-item__location:after{content:"";position:absolute;right:0;top:50%;width:1px;height:11px;background-color:#3f3f3f;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width:768px){.casestudy-item__location:after{background-color:#f5f5f5}}.casestudy-item__year{font-family:din-2014,"Helvetica Neue",Arial,sans-serif;font-size:1.2rem;line-height:1;letter-spacing:0.03em}@media only screen and (min-width:768px){.casestudy-item__year{font-size:1.3rem;color:#fff}}.casestudy__filter-modal{position:fixed;bottom:0;left:0;width:100%;height:calc(100svh - 68px);background-color:#f5f5f5;overflow-y:auto}.casestudy__filter-modal[aria-hidden=true]{pointer-events:none;opacity:0;visibility:hidden;-webkit-transition:opacity 0.8s 0.2s,visibility 0s 1s;transition:opacity 0.8s 0.2s,visibility 0s 1s}.casestudy__filter-modal[aria-hidden=false]{pointer-events:auto;opacity:1;visibility:visible;-webkit-transition:opacity 0.8s,visibility 0s;transition:opacity 0.8s,visibility 0s;z-index:1}.casestudy-modal__inner{width:100%;height:100%;max-height:calc(100% - 93px);padding:0 30px;overflow-y:auto}.filter-modal__buttonWrapper{position:relative;display:block;width:100%;padding:20px 0;border-bottom:1px solid #ddd;font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.5rem;font-weight:500;line-height:1;letter-spacing:0.1em;text-align:left}.filter-modal__button{position:absolute;top:50%;right:0;width:12px;height:12px;background-image:url(../images/casestudy/modal-close.svg);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.casestudy-modal__filter{font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.5rem;font-weight:500;line-height:1;letter-spacing:0.1em}.filter-all a{display:block;padding:23px 0;border-bottom:1px solid #ddd}@media only screen and (min-width:768px){.filter-all a{padding:22px 0;border-top:1px solid #ddd}}.filter-accordion{padding:23px 0;border-bottom:1px solid #ddd}@media only screen and (min-width:768px){.filter-accordion{padding:22px 0}}.filter-accordion__summary{position:relative;display:block;cursor:pointer}.filter-accordion__summary::-webkit-details-marker{display:none}.filter-accordion__summary .icon{position:absolute;top:50%;right:0;width:9px;height:6px;background-image:url(../images/casestudy/filter-arrow.svg);background-size:contain;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}.filter-accordion[open] .filter-accordion__summary .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.filter-accordion__content{overflow:hidden}.filter-accordion__contentInner{display:-ms-grid;display:grid;row-gap:18px;margin-top:24px}@media only screen and (min-width:768px){.filter-accordion__contentInner{row-gap:13px;margin-top:28px}}.filter-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media only screen and (min-width:768px){.filter-checkbox{-webkit-column-gap:11px;-moz-column-gap:11px;column-gap:11px}}.filter-checkbox input{position:relative;width:12px;height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid #bfbfbf}@media only screen and (min-width:768px){.filter-checkbox input{width:11px;height:11px}}.filter-checkbox input:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#6c6c6c;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}@media only screen and (min-width:768px){.filter-checkbox input:before{width:7px;height:7px}}.filter-checkbox input:checked:before{visibility:visible}.filter-checkbox span{font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.4rem;font-weight:400;line-height:1;letter-spacing:0.1em;color:#4e4e4e}@media only screen and (min-width:768px){.filter-checkbox span{font-size:1.3rem}}.filter-clear{padding-top:32px;font-family:din-2014,dnp-shuei-gothic-gin-std,sans-serif;font-size:1.3rem;font-weight:500;line-height:1;letter-spacing:0.1em;color:#9f9f9f;text-align:right}@media only screen and (min-width:768px){.filter-clear{padding-top:24px;font-size:1.2rem}}.filter-submit{position:fixed;left:0;bottom:0;width:100%;height:61px;opacity:0;pointer-events:none;z-index:5;-webkit-transition:opacity 0.8s;transition:opacity 0.8s}.modal-is-open .filter-submit{opacity:1;pointer-events:auto}@media only screen and (min-width:768px){.filter-submit{position:sticky;height:44px;padding-top:24px;background-color:#f5f5f5;-webkit-box-sizing:content-box;box-sizing:content-box;opacity:1;pointer-events:auto}}.filter-submit button{display:block;width:100%;height:100%;font-family:din-2014,"Helvetica Neue",Arial,sans-serif;font-size:1.3rem;line-height:inherit;letter-spacing:0.05em;color:#fff;text-align:center;background-color:#7a7874}@media only screen and (min-width:768px){.filter-submit button{font-size:1.2rem;letter-spacing:0.1em}}.no-match{grid-column:1/-1;font-family:dnp-shuei-mincho-pr6n,"Yu Mincho",serif;font-size:1.4rem;line-height:2.5;letter-spacing:0.1em}