.portfolio-wrap.style1{padding-bottom:49px}.portfolio-wrap .portfolio-item{padding:18px 0 0}.portfolio-wrap .portfolio-item .page-center{max-width:1304px}.portfolio-wrap .portfolio-item .cm-row,.portfolio-wrap .portfolio-item .left-col{display:flex}.portfolio-wrap .portfolio-item .cm-pd.bg-ig-sec>*{width:100%}.portfolio-wrap .portfolio-item .bg-ig-sec{align-content:space-between;background-color:#01010140;background-position:100%;background-repeat:no-repeat;background-size:85% auto;display:flex;flex-wrap:wrap;width:100%}.portfolio-wrap .cm-pd{padding:10px}.portfolio-wrap .portfolio-item .right-col .cm-pd{background-color:#01010140}.portfolio-wrap .portfolio-item .prtfl-igsec{--image-transition-duration:800ms;--overlay-transition-duration:630ms;--content-text-align:center;--content-justify-content:center;--content-transition-duration:791ms;--content-transition-delay:791ms;--animation-duration:350ms;overflow:hidden;position:relative}.portfolio-wrap .portfolio-item .prtfl-igsec a{color:#3d3d3d;font-weight:900;transition-property:all}.portfolio-wrap .portfolio-item .prtfl-igsec .prtfl-ig{background-position:50%;background-size:cover;padding-bottom:56.25%;transform-origin:center top;transition:var(--animation-duration);transition-duration:var(--image-transition-duration);transition-property:filter,transform;width:100%}.portfolio-wrap .portfolio-item .prtfl-igsec .prtfl-ig-overlay{height:100%;left:0;mix-blend-mode:var(--overlay-mix-blend-mode);position:absolute;top:0;transition-duration:var(--overlay-transition-duration);transition-property:mix-blend-mode,transform,opacity,background-color;width:100%}.portfolio-wrap .portfolio-item .prtfl-igsec .prtfl-ig-con{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.portfolio-wrap .portfolio-item .prtfl-igsec .prtfl-ig-con .prtfl-ig-ttl{color:#fff;font-family:Metropolis Light,Sans-serif;font-size:41px;font-weight:200;line-height:57px;opacity:0;transition-duration:var(--content-transition-duration);width:100%}.portfolio-wrap .portfolio-item .prtfl-igsec a:hover .prtfl-ig{filter:brightness(99%) contrast(100%) saturate(112%) blur(7px) hue-rotate(0deg)}.portfolio-wrap .portfolio-item .prtfl-igsec a:hover .prtfl-ig-overlay{background-color:#96a8a499}.portfolio-wrap .portfolio-item .prtfl-igsec a:hover .prtfl-ig-ttl{opacity:1;transform:scale(1)}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl{font-size:17px;font-weight:900;line-height:11px;margin-bottom:20px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl-in{margin:0 0 80px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-btn{margin-bottom:20px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-btn a{background-color:#e3e4e4;border-radius:0;color:#3d3d3d;font-size:40px;min-width:150px;padding:5px 9px 2px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-btn a:hover{color:#8c9996}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-img img{opacity:.81;width:60%}.portfolio-wrap.style2{padding-bottom:0}.portfolio-wrap.style2 .top-sec{padding-bottom:10px;text-align:center}.portfolio-wrap.style2 .top-sec h4{font-weight:800;margin:0}.portfolio-wrap.style2 .portfolio-items{display:flex;margin:0 auto;max-width:1552px}.portfolio-wrap.style2 .portfolio-item{padding:0;width:33.333%}.portfolio-wrap.style2 .portfolio-item .left-col,.portfolio-wrap.style2 .portfolio-item .right-col{width:100%}.portfolio-wrap.style2 .portfolio-item{padding:10px}.portfolio-wrap.style2 .portfolio-item .right-col .cm-pd{background:none;padding:0}.portfolio-wrap.style2 .portfolio-item .cm-row{flex-wrap:wrap}.portfolio-wrap.style2 .btm-sec{margin-top:11px;text-align:center}.portfolio-wrap.style2 .btm-sec .hs-sec-btn{font-size:24px;font-weight:800;padding:5px 9px 2px}.portfolio-wrap.style2 .portfolio-item .left-col{order:1}@media (min-width:1201px){.portfolio-wrap .portfolio-item .left-col{width:35%}.portfolio-wrap .portfolio-item .right-col{width:65%}}@media (max-width:1700px){.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl-in{margin:0 0 60px}}@media (max-width:1200px) and (min-width:768px){.portfolio-wrap .portfolio-item .left-col{width:25%}.portfolio-wrap .portfolio-item .right-col{width:75%}}@media (max-width:1200px){.portfolio-wrap .portfolio-item .bg-ig-sec .cm-btn a{font-size:24px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl-in{margin:0 0 100px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl{font-size:15px;line-height:15px}.portfolio-wrap .portfolio-item .bg-ig-sec{background-size:304px auto}.portfolio-wrap .portfolio-item .right-col .cm-pd{padding-left:0}}@media (max-width:950px){.portfolio-wrap .portfolio-item .cm-row{flex-wrap:wrap}.portfolio-wrap .portfolio-item .left-col,.portfolio-wrap .portfolio-item .right-col{width:100%}.portfolio-wrap .portfolio-item .left-col{order:2;position:relative}.portfolio-wrap .portfolio-item .page-center{max-width:729px}.portfolio-wrap .portfolio-item .right-col .cm-pd{padding:0}.portfolio-wrap .portfolio-item .bg-ig-sec{background-position:100% 0;background-size:88px auto;padding:30px 0 10px 10px}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-img{display:none}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl-in{margin:0 0 -25px}.portfolio-wrap.style1 .portfolio-item .right-col .cm-pd{margin:0 0 -19px;position:relative}.portfolio-wrap .portfolio-item .bg-ig-sec .cm-ttl{font-size:14px}.portfolio-wrap.style1 .portfolio-item+.portfolio-item{padding:36px 0 0}.portfolio-wrap .portfolio-item .prtfl-igsec .prtfl-ig-con .prtfl-ig-ttl{font-size:31px}.portfolio-wrap.style2 .btm-sec .hs-sec-btn{font-size:18px}}@media (max-width:1700px){.portfolio-wrap.style2 .top-sec h4{font-size:22px}}@media (max-width:950px){.portfolio-wrap.style2 .top-sec h4{font-size:24px}}@media (max-width:767px){.portfolio-wrap.style2 .portfolio-item{width:100%}.portfolio-wrap.style2 .portfolio-items{flex-wrap:wrap}}@media (max-width:500px){.portfolio-wrap .portfolio-item .prtfl-igsec .prtfl-ig-con .prtfl-ig-ttl{font-size:20px;line-height:1em}.portfolio-wrap.style2 .top-sec h4{font-size:26px;margin-bottom:14px}}