body#reworks .pagetitle::before{background-image:url("../images/reworks/pagetitle_bg.jpg")}body#reworks .pagetitle h2::before{content:"Works"}body#reworks .section .worklist{display:flex;flex-wrap:wrap;gap:3.125rem}@media(max-width: 768px){body#reworks .section .worklist{gap:4.1666666667vw}}body#reworks .section .worklist a{position:relative;display:block;width:18.75rem;height:18.75rem;overflow:hidden;text-decoration:none;background-color:var(--bk)}@media(max-width: 768px){body#reworks .section .worklist a{width:43.75vw;height:43.75vw}}body#reworks .section .worklist a::after{content:"";position:absolute;right:1.875rem;bottom:1.875rem;width:3.75rem;height:.3125rem;background-color:var(--wh60);-webkit-mask:url("../images/btn_arrow.svg");mask:url("../images/btn_arrow.svg");-webkit-mask-size:cover;mask-size:cover;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#reworks .section .worklist a::after{right:4.1666666667vw;bottom:4.1666666667vw;width:12.5vw;height:1.0416666667vw}}body#reworks .section .worklist a:nth-child(3n),body#reworks .section .worklist a:last-child{margin-right:0}body#reworks .section .worklist a figure{position:absolute;top:0;left:0;width:100%;height:100%}body#reworks .section .worklist a figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.6;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}body#reworks .section .worklist a figure figcaption{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0;padding:1.875rem;color:var(--wh);font-size:1.5rem;text-align:center;line-height:1.75}@media(max-width: 768px){body#reworks .section .worklist a figure figcaption{padding:4.1666666667vw;font-size:3.75vw}}body#reworks .section .worklist a:hover::after{right:1.25rem}@media(max-width: 768px){body#reworks .section .worklist a:hover::after{right:3.125vw}}body#reworks .section .worklist a:hover figure img{opacity:.4;transform:scale(1.1)}body#reworks .section .contents{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between}@media(max-width: 768px){body#reworks .section .contents{display:block}}body#reworks .section .contents .profile{align-self:flex-start;position:sticky;top:8.75rem;right:0;width:23.75rem}@media(max-width: 768px){body#reworks .section .contents .profile{position:relative;top:0;width:100%}}body#reworks .section .contents .profile h3{font-size:1.5rem;font-weight:600}@media(max-width: 768px){body#reworks .section .contents .profile h3{font-size:5vw}}body#reworks .section .contents .profile h4{margin-top:1.25rem;font-size:1rem}@media(max-width: 768px){body#reworks .section .contents .profile h4{margin-top:4.1666666667vw;font-size:3.3333333333vw}}body#reworks .section .contents .profile h4.theme{padding-left:4.2em;text-indent:-4.2em}body#reworks .section .contents .profile p{margin-top:.625rem;font-size:.875rem}@media(max-width: 768px){body#reworks .section .contents .profile p{margin-top:2.0833333333vw;font-size:2.9166666667vw}}body#reworks .section .contents .profile ol.list{margin-top:.625rem;font-size:.875rem}@media(max-width: 768px){body#reworks .section .contents .profile ol.list{margin-top:2.0833333333vw;font-size:2.9166666667vw}}body#reworks .section .contents .pics{flex-basis:33.75rem;display:flex;flex-direction:column;gap:.625rem;margin-top:0}@media(max-width: 768px){body#reworks .section .contents .pics{gap:1.0416666667vw;margin-top:8.3333333333vw}}body#reworks .section .contents .pics .ba{position:relative;overflow:hidden}body#reworks .section .contents .pics .ba .after{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;clip-path:inset(0 0 0 50%)}body#reworks .section .contents .pics .ba .handle{position:absolute;top:0;left:50%;width:200%;height:100%;transform:translateX(-50%);cursor:ew-resize}body#reworks .section .contents .pics .ba .handle::before,body#reworks .section .contents .pics .ba .handle::after{content:"";position:absolute;left:50%;width:2px;height:calc(50% - 1.25rem);background-color:var(--wh);transform:translateX(-50%)}@media(max-width: 768px){body#reworks .section .contents .pics .ba .handle::before,body#reworks .section .contents .pics .ba .handle::after{height:calc(50% - 4.1666666667vw)}}body#reworks .section .contents .pics .ba .handle::before{top:0}body#reworks .section .contents .pics .ba .handle::after{bottom:0}body#reworks .section .contents .pics .ba .handle button{position:absolute;top:50%;left:50%;width:2.5rem;aspect-ratio:1/1;background-color:var(--wh);-webkit-mask:url("../images/reworks/handle.svg") no-repeat 50% 50%/contain;mask:url("../images/reworks/handle.svg") no-repeat 50% 50%/contain;transform:translate(-50%, -50%);cursor:ew-resize}@media(max-width: 768px){body#reworks .section .contents .pics .ba .handle button{width:8.3333333333vw}}body#reworks .back{margin-top:5rem}@media(max-width: 768px){body#reworks .back{margin-top:12.5vw}}body#reworks .back .btn{position:relative;display:block;width:30rem;margin:0 auto;padding:1.25rem;border:solid 1px var(--bk10);color:var(--bk70);font-size:1.125rem;text-decoration:none;text-align:center;line-height:1.75}@media(max-width: 768px){body#reworks .back .btn{width:75vw;padding:4.1666666667vw;font-size:3.75vw}}body#reworks .back .btn::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:0;height:100%;background-color:var(--bk60);transition:width .5s cubic-bezier(0.2, 1, 0.2, 1)}body#reworks .back .btn::after{content:"";position:absolute;left:1.25rem;bottom:1.25rem;width:3.75rem;height:.3125rem;background-color:var(--bk20);-webkit-mask:url("../images/btn_arrow_back.svg");mask:url("../images/btn_arrow_back.svg");-webkit-mask-size:cover;mask-size:cover;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 768px){body#reworks .back .btn::after{left:4.1666666667vw;bottom:4.1666666667vw;width:12.5vw;height:1.0416666667vw}}body#reworks .back .btn:hover{color:var(--wh)}body#reworks .back .btn:hover::before{width:100%}body#reworks .back .btn:hover::after{left:.625rem;background-color:var(--wh80)}@media(max-width: 768px){body#reworks .back .btn:hover::after{left:2.0833333333vw}}