: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}.casedtl{padding-top:8rem;position:relative}.casedtl .container>.line-ver{grid-column:7/8;position:absolute;top:0;left:-.2rem}.casedtl-slide{grid-column:1/7;grid-row:1/3;margin-right:calc(var(--grid-gap) * -1);padding-top:8rem;position:relative}.casedtl-slide .line-ver{position:absolute;right:0;top:0}.casedtl-slide-stick{position:sticky;top:16rem;width:100%;padding-bottom:6rem}.casedtl-slide-stick>.line{margin-bottom:6rem;opacity:1;transition:opacity .4s ease}.casedtl-slide-stick>.line.hidden{opacity:0}.casedtl-slide-main{margin-right:6rem;height:78rem;max-height:calc(100vh - 28rem);border:solid .2rem var(--cl-txt);display:flex;flex-direction:column}.casedtl-slide-main.hidden{opacity:.5}.casedtl-slide-main-inner{height:100%;contain:paint;display:flex;flex-wrap:nowrap}.casedtl-slide-main-inner-item{width:100%;height:100%;flex:none}.casedtl-slide-main-control{height:10rem;position:relative;display:flex}.casedtl-slide-main-control.hidden{display:none}.casedtl-slide-main-control>.line{position:absolute;top:0;left:0}.casedtl-slide-main-pagi{width:100%;display:flex;align-items:center;justify-content:center;column-gap:1.2rem}.casedtl-slide-main-pagi-item{width:1rem;height:1rem;border-radius:50%;background-color:var(--cl-txt);transition:background-color .4s ease}.casedtl-slide-main-pagi-item.active{background-color:var(--cl-orange)}.casedtl-slide-main-nav{display:flex}.casedtl-slide-main-nav-item{display:flex;align-items:center;justify-content:center;width:10.2rem;height:10rem;transition:color .4s ease;margin-right:-.2rem;position:relative}.casedtl-slide-main-nav-item>.line-ver{position:absolute;left:0;top:0}.casedtl-slide-main-nav-item-prev svg{transform:rotate(180deg)}.casedtl-slide-main-nav-item .ic{transition:opacity .4s ease}.casedtl-slide-main-nav-item:hover{color:var(--cl-orange)}.casedtl-slide-main-nav-item[disabled]{pointer-events:none}.casedtl-slide-main-nav-item[disabled] .ic{opacity:.2}.casedtl-main{grid-column:7/17}.casedtl-bread{display:flex;align-items:center;justify-content:start;column-gap:.8rem;padding-left:6rem;height:8.2rem;position:relative}.casedtl-bread-link{transition:color .4s ease}.casedtl-bread-link-wrap{display:flex;column-gap:.8rem;align-items:center}.casedtl-bread-link:hover{color:var(--cl-orange)}.casedtl-bread .line{position:absolute;bottom:0;left:0}.casedtl-content{padding-top:6rem;padding-left:6rem}.casedtl-content-head{display:flex;align-items:start;justify-content:space-between;column-gap:2rem;position:relative}.casedtl-content-head .line{position:absolute;bottom:0;left:0}.casedtl-content-title-wrap{margin-bottom:6rem}.casedtl-content-title{margin-bottom:2rem}.casedtl-content-client-img{width:15rem;height:15rem;flex:none}.casedtl-content-richtext h6{margin-top:6rem;margin-bottom:3.2rem}.casedtl-content-richtext p,.casedtl-content-richtext ul,.casedtl-content-richtext li{margin-top:1em;margin-bottom:1em}.casedtl-content-richtext .holder{margin-top:6rem;pointer-events:none}.casedtl-rel{grid-column:7/17;grid-row:2/3;padding-left:6rem}.casedtl-rel-head{display:flex;align-items:center;justify-content:space-between;column-gap:2.4rem;padding-top:3.2rem;padding-bottom:3.2rem;position:relative}.casedtl-rel-head .line{position:absolute;left:0}.casedtl-rel-head .line-top{top:0}.casedtl-rel-head .line-bot{bottom:0}.casedtl-rel-nav{display:flex}.casedtl-rel-nav-item{display:flex;align-items:center;justify-content:center;border:solid .2rem var(--cl-txt);width:3.6rem;height:3.6rem;transition:color .4s ease}.casedtl-rel-nav-item-prev{margin-right:-.2rem}.casedtl-rel-nav-item-prev svg{transform:rotate(180deg)}.casedtl-rel-nav-item .ic{transition:opacity .4s ease}.casedtl-rel-nav-item:hover{color:var(--cl-orange)}.casedtl-rel-nav-item[disabled] .ic{opacity:.2}.casedtl-rel-main{contain:paint}.casedtl-rel-main-inner{display:flex;background-color:var(--cl-bg)}.casedtl-rel-main-group{mix-blend-mode:multiply;width:100%;display:flex;flex:none}.casedtl-rel-main-item{width:calc(100% / var(--perView));padding-top:4.8rem;padding-bottom:4.8rem;display:flex;flex-direction:column;align-items:start;justify-content:space-between;position:relative;transition:color .4s ease}.casedtl-rel-main-item.single{width:100%}.casedtl-rel-main-item.single .line-ver{display:none}.casedtl-rel-main-item .line-ver{position:absolute;top:0;right:0}.casedtl-rel-main-item:nth-child(odd){padding-right:6rem}.casedtl-rel-main-item:nth-child(2n){padding-left:6rem}.casedtl-rel-main-item:nth-child(2n) .line{display:none}.casedtl-rel-main-item-title{margin-bottom:2rem;min-height:calc(3 * var(--lh-h5))}.casedtl-rel-main-item-link{display:flex;align-items:center;margin-top:auto;column-gap:.8rem}.casedtl-rel-main-item-img{position:absolute;height:21rem;transition:all .6s ease;mix-blend-mode:multiply;left:75%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(10deg);transform-origin:center center}.casedtl-rel-main-item-img-inner{width:100%;height:100%}.casedtl-rel-main-item:hover{color:var(--cl-orange)}.casedtl-rel-main-item:hover .casedtl-rel-main-item-img{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(20deg)}.casedtl-rel-load-btn{display:none}@media screen and (max-width: 991px){.casedtl{padding-top:7.8rem}.casedtl .container>.line-ver{grid-column:7/8;grid-row:1/4;left:calc(var(--grid-gap) / 2 * -1)}.casedtl-slide{grid-column:1/7;margin-right:calc(var(--grid-gap) / 2 * -1);padding-top:7.49rem}.casedtl-slide-stick{top:15rem;padding-bottom:4rem}.casedtl-slide-stick>.line{margin-bottom:4rem}.casedtl-slide-main{margin-right:4rem;height:45.7rem}.casedtl-slide-main-control{height:5.6rem}.casedtl-slide-main-pagi{column-gap:.6rem}.casedtl-slide-main-pagi-item{width:.7rem;height:.7rem}.casedtl-slide-main-nav-item{width:5.8rem;height:5.6rem}.casedtl-slide-main-nav-item>.line-ver{display:block!important}.casedtl-bread{padding-left:4rem;height:7.7rem}.casedtl-bread .txt{font-size:var(--fs-16);line-height:var(--lh-16)}.casedtl-main{grid-column:7/13;margin-left:calc(var(--grid-gap) / 2 * -1)}.casedtl-content{padding-top:4rem;padding-left:4rem}.casedtl-content-title{font-size:var(--fs-h4);line-height:var(--lh-h4)}.casedtl-content-title-wrap{margin-bottom:4rem}.casedtl-content-head{column-gap:1rem}.casedtl-content-client-img{width:8rem;height:8rem}.casedtl-content-richtext h6{margin-top:4rem;margin-bottom:2rem}.casedtl-content-richtext p{font-size:var(--fs-16);line-height:var(--lh-16)}.casedtl-content-richtext .holder{margin-top:4rem}.casedtl-rel{grid-column:1/-1;grid-row:4/5;padding-left:0}.casedtl-rel-head{padding-top:2.4rem;padding-bottom:2.4rem}.casedtl-rel-main-item{padding-top:3.2rem;padding-bottom:3.2rem}.casedtl-rel-main-item-title{margin-bottom:2.4rem}.casedtl-rel-main-item-img{position:relative;top:auto;left:auto;opacity:1;transform:none;height:8.8rem;transform-origin:left bottom}.casedtl-rel-main-item-link-wrapper{width:100%;display:flex;justify-content:space-between}.casedtl-rel-main-item:nth-child(odd){padding-right:4rem}.casedtl-rel-main-item:nth-child(2n){padding-left:4rem}.casedtl-rel-main-item:hover .casedtl-rel-main-item-img{transform:scale(2)}}@media screen and (max-width: 767px){.casedtl{padding-top:13.8rem}.casedtl .container>.line-ver{display:none}.casedtl-bread{padding-left:0;height:5.8rem}.casedtl-bread .line{top:0}.casedtl-bread .txt{font-size:var(--fs-14);line-height:var(--lh-14)}.casedtl-main{grid-column:1/-1;grid-row:1/2;margin-left:0}.casedtl-slide{grid-column:1/-1;margin-right:0;padding-top:5.8rem;pointer-events:none}.casedtl-slide .line-ver{display:none}.casedtl-slide-stick{position:static;pointer-events:auto}.casedtl-slide-stick>.line{margin-bottom:2.4rem}.casedtl-slide-main{margin-right:0;width:100%;height:60.2rem;max-height:none}.casedtl-content{padding:0;margin-top:67.3rem}.casedtl-content-client-img{width:6rem;height:6rem}.casedtl-content-title{font-size:var(--fs-h4);line-height:var(--lh-h4);margin-bottom:1.6rem}.casedtl-content-richtext .holder{margin-top:5rem}.casedtl-rel-title{font-size:var(--fs-h5);line-height:var(--lh-h5)}.casedtl-rel-nav{display:none}.casedtl-rel-main-inner{flex-direction:column}.casedtl-rel-main-inner.all-loaded .casedtl-rel-main-group:last-child .casedtl-rel-main-item:last-child .line{display:none}.casedtl-rel-main-group{flex-direction:column}.casedtl-rel-main-item{width:100%;padding-right:0}.casedtl-rel-main-item-title{font-size:var(--fs-16);line-height:var(--lh-16);min-height:calc(3 * var(--lh-16))}.casedtl-rel-main-item .line{width:100%;height:.2rem;top:auto;bottom:0}.casedtl-rel-main-item:nth-child(odd){padding-right:0}.casedtl-rel-main-item:nth-child(2n){padding-left:0}.casedtl-rel-main-item:nth-child(2n) .line{display:block}.casedtl-rel-load-btn{display:flex;align-items:center;justify-content:center;border:solid .2rem var(--cl-txt);margin-top:4rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;transition:all .4s ease}.casedtl-rel-load-btn-ic{width:5.2rem;height:5rem;border-right:solid .2rem currentColor;display:flex;align-items:center;justify-content:center;contain:paint}.casedtl-rel-load-btn-txt{padding:1.2rem 1.6rem}.casedtl-rel-load-btn:hover{border-color:var(--cl-orange);color:var(--cl-orange)}.casedtl-rel-load-btn.hidden{display:none}}@media screen and (max-width: 476px){.casedtl-slide-main{height:47.2rem}.casedtl-content{margin-top:53.6rem}}