.case-hero{padding-top:24rem;margin-bottom:6.6rem}@media screen and (max-width: 991px){.case-hero{margin-bottom:6rem}}@media screen and (max-width: 767px){.case-hero{margin-bottom:2rem}}.case-hero-title{grid-column:1/7;max-width:50.5rem}.case-hero-content{grid-column:12/17;align-self:end}@media screen and (max-width: 991px){.case-hero{padding-top:19.3rem}.case-hero-content{grid-column:7/13}}@media screen and (max-width: 991px) and (max-width: 991px){.case-hero-content{margin-right:-.6rem}}@media screen and (max-width: 991px){.case-hero-content-sub{font-size:var(--fs-16);line-height:var(--lh-16)}.case-hero-content-author{padding-bottom:3.6rem}}@media screen and (max-width: 767px){.case-hero{padding-top:16.8rem}.case-hero-title{grid-column:1/-1;margin-bottom:4rem;max-width:30.4rem;font-size:var(--fs-h1);line-height:var(--lh-h1)}.case-hero-content{grid-column:1/-1}}@media screen and (max-width: 767px) and (max-width: 991px){.case-hero-content{margin-right:unset}}@media screen and (max-width: 767px){.case-hero-content-author{padding-bottom:2rem}}:root{--cl-bg: #E7DDCF;--cl-bg-dark: #181818;--cl-txt: #3D3D3D;--cl-txt-light: #DBCAB6;--cl-orange: #DD6013;--cl-orange-dark: #96410D;--cl-green: #789904;--cl-white: #ffffff}.case-main{position:relative;z-index:6}.case-main .case-filter-inner{padding-top:3rem;padding-bottom:3rem;display:flex;align-items:center;justify-content:space-between}.case-main .case-filter-list-toggle{display:none}.case-main .case-filter-list-dropdown-inner{display:flex;align-items:center;column-gap:2rem}.case-main .case-filter-item{display:flex;align-items:start;column-gap:.4rem}.case-main .case-filter-item-txt{padding-top:.4rem;padding-bottom:.4rem;transition:color .4s ease}.case-main .case-filter-item .line{display:none}.case-main .case-filter-item:hover .case-filter-item-txt,.case-main .case-filter-item.active .case-filter-item-txt{color:var(--cl-orange)}.case-main .case-filter-view{display:flex}.case-main .case-filter-view-item{width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border:solid .2rem var(--cl-txt)}.case-main .case-filter-view-item .ic{opacity:1;transition:all .4s ease}.case-main .case-filter-view-item:not(:first-child){margin-left:-.2rem}.case-main .case-filter-view-item.active{pointer-events:none}.case-main .case-filter-view-item.active .ic{opacity:.2}.case-main .case-filter-view-item:hover .ic{opacity:1;color:var(--cl-orange)}.case-main .case-list .container{mix-blend-mode:multiply}.case-main .case-list-inner{padding-bottom:12rem;display:grid;grid-template-columns:repeat(2,1fr)}.case-main .case-list-inner.layout-list{display:flex;flex-direction:column}.case-main .case-list-inner.layout-list .case-list-item{display:grid;grid-template-columns:repeat(16,1fr);column-gap:2rem;position:relative}.case-main .case-list-inner.layout-list .case-list-item-inner{grid-column:span 13;display:grid;margin-top:0}@media (hover: hover){.case-main .case-list-inner.layout-list .case-list-item-inner:hover .case-list-item-img{opacity:1;transform:translate(-50%,-50%) scale(1.98) rotate(20deg)}}.case-main .case-list-inner.layout-list .case-list-item:nth-child(odd){padding-right:0rem}.case-main .case-list-inner.layout-list .case-list-item:nth-child(2n){padding-left:0rem}.case-main .case-list-inner.layout-list .case-list-item .line-ver{display:none}.case-main .case-list-inner.layout-list .case-list-item .line-bot{grid-column:span 16}.case-main .case-list-inner.layout-list .case-list-item-label{grid-column:span 3;justify-self:start}.case-main .case-list-inner.layout-list .case-list-item-title{margin-left:-2rem;max-width:none;margin-top:0;margin-bottom:6rem}.case-main .case-list-inner.layout-list .case-list-item-bot{position:absolute;inset:0;pointer-events:none}.case-main .case-list-inner.layout-list .case-list-item-img{position:absolute;left:75%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(1) rotate(10deg);transform-origin:center center;will-change:transform}.case-main .case-list-inner.layout-list .case-list-item-link{display:none}.case-main .case-list-item{display:flex;flex-direction:column;align-items:start;padding-top:6rem;position:relative;background-color:var(--cl-bg)}.case-main .case-list-item:nth-child(odd){padding-right:5rem}.case-main .case-list-item:nth-child(odd) .line-ver{display:none}.case-main .case-list-item:nth-child(2n){padding-left:5rem}.case-main .case-list-item-title{margin-bottom:5.3rem;max-width:75.4rem;min-height:calc(3 * var(--lh-h3));font-kerning:none}.case-main .case-list-item-bot{margin-top:auto;width:100%;display:flex;align-items:end;justify-content:space-between;padding-bottom:6rem}.case-main .case-list-item-img{height:18.8rem;transition:all .6s ease;transform-origin:left bottom;mix-blend-mode:multiply}.case-main .case-list-item-img-inner{width:100%;height:100%}.case-main .case-list-item-link{display:flex;align-items:center;column-gap:.8rem;overflow:hidden}.case-main .case-list-item-inner{width:100%;margin-top:3.2rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;transition:color .4s ease}@media (hover: hover){.case-main .case-list-item-inner:hover{color:var(--cl-orange)}.case-main .case-list-item-inner:hover .case-list-item-img{transform:scale(1.98)}}.case-main .case-list-item .line:not(.line-ver,.line-top){position:absolute;bottom:0;left:0}.case-main .case-list-item .line-ver{height:calc(100% + .2rem);position:absolute;top:-.2rem;left:-.1rem}.case-main .case-list-item .line-top{position:absolute;top:0;left:0}.case-main .case-list-load{margin-bottom:12rem;display:flex;justify-content:center}.case-main .case-list-load.hidden{display:none}.case-main .case-list-load-btn{display:flex;align-items:center;justify-content:center;border:solid .2rem var(--cl-txt);transition:all .4s ease}.case-main .case-list-load-btn-ic{width:6.2rem;height:6rem;border-right:solid .2rem currentColor;display:flex;align-items:center;justify-content:center}.case-main .case-list-load-btn-ic .ic{contain:paint}.case-main .case-list-load-btn-txt{padding:1.6rem 1.8rem}.case-main .case-list-load-btn:hover{border-color:var(--cl-orange);color:var(--cl-orange)}@media screen and (max-width: 991px){.case-main .case-filter{position:relative;z-index:3}.case-main .case-filter-inner{position:relative;padding:0}.case-main .case-filter-list-toggle{z-index:3;display:flex;align-items:center;padding-top:2.4rem;padding-bottom:2.4rem;column-gap:.8rem}.case-main .case-filter-list-toggle-ic{transform:rotate(0);transition:transform .5s ease;-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-ms-transition:transform .5s ease;-o-transition:transform .5s ease}.case-main .case-filter-list-toggle-ic.open{transform:rotate(180deg)}.case-main .case-filter-list-dropdown{z-index:2;position:absolute;top:100%;margin-top:.2rem;contain:paint;pointer-events:none}.case-main .case-filter-list-dropdown-inner{display:flex;flex-direction:column;align-items:start;background:var(--bg-txt) repeat;background-size:40rem auto;background-color:var(--cl-bg);width:25.7rem;opacity:0;transform:translateY(-2rem);overflow:hidden;transition:all .4s ease-out;border:.2rem solid var(--cl-txt);border-top:none}.case-main .case-filter-list-dropdown.active{pointer-events:auto}.case-main .case-filter-list-dropdown.active .case-filter-list-dropdown-inner{opacity:1;transform:none}.case-main .case-filter-item{position:relative;width:100%;padding:2rem;justify-content:space-between;align-items:center}.case-main .case-filter-item .line{display:block;position:absolute;bottom:0;left:0}.case-main .case-filter-item:last-child .line{display:none}.case-main .case-filter-item-txt{font-size:var(--fs-18);line-height:var(--lh-18);padding:0}.case-main .case-list-inner{padding-bottom:6rem}.case-main .case-list-load{margin-bottom:8rem}.case-main .case-list-item{padding-top:2.4rem}.case-main .case-list-item-inner{margin-top:1.2rem}.case-main .case-list-item-label{font-size:var(--fs-16);line-height:var(--lh-16)}.case-main .case-list-item-title{margin-bottom:2.7rem;font-size:var(--fs-h4);line-height:var(--lh-h4);min-height:calc(4 * var(--lh-h4))}.case-main .case-list-item-bot{padding-bottom:2.4rem}.case-main .case-list-item-link-txt{font-size:var(--fs-16);line-height:var(--lh-16)}.case-main .case-list-item-img{height:8.8rem}.case-main .case-list-item:nth-child(odd){padding-right:2.4rem}.case-main .case-list-item:nth-child(2n){padding-left:2.4rem}.case-main .case-list-load-btn-ic{width:5.2rem;height:5rem}.case-main .case-list-load-btn-ic .ic{width:1.6rem;height:1.6rem}.case-main .case-list-load-btn-txt{padding:1rem 1.6rem;font-size:var(--fs-16);line-height:var(--lh-16)}.case-main .case-list-inner.layout-list .case-list-item{grid-template-columns:repeat(12,1fr);padding-top:3.2rem}.case-main .case-list-inner.layout-list .case-list-item-label{grid-column:1/3}.case-main .case-list-inner.layout-list .case-list-item-inner{margin-top:1.2rem}.case-main .case-list-inner.layout-list .case-list-item-title{grid-column:4/-1;margin-left:0;margin-bottom:3.2rem;min-height:auto}.case-main .case-list-inner.layout-list .case-list-item-bot{display:none}.case-main .case-list-inner.layout-list .case-list-item .line-bot{grid-column:1/-1}}@media screen and (max-width: 767px){.case-main .case-filter-view{display:none}.case-main .case-filter-list{width:100%}.case-main .case-filter-list-toggle{width:100%;justify-content:space-between}.case-main .case-filter-list-dropdown,.case-main .case-filter-list-dropdown-inner{width:100%}.case-main .case-list-inner{grid-template-columns:1fr;padding-bottom:4rem}.case-main .case-list-inner.all-loaded{padding-bottom:0}.case-main .case-list-inner.all-loaded .case-list-item:last-child .line{display:none}.case-main .case-list-load{margin-bottom:4rem}.case-main .case-list-item-label{font-size:var(--fs-14);line-height:var(--lh-14)}.case-main .case-list-item-title{font-size:var(--fs-h5);line-height:var(--lh-h5);min-height:calc(3 * var(--lh-h5))}.case-main .case-list-item-img{height:8.8rem}.case-main .case-list-item .line-ver{display:none}.case-main .case-list-item:nth-child(odd){padding-right:0}.case-main .case-list-item:nth-child(2n){padding-left:0}}