.our_works_list .portfolio_list .tab_content_wrap{max-width:auto;margin:0 auto;padding:0 24px}@media (min-width:1280px){.our_works_list .portfolio_list .tab_content_wrap{max-width:auto;margin:0 auto;padding:0 32px}}@media (min-width:1536px){.our_works_list .portfolio_list .tab_content_wrap{max-width:1536px;margin:0 auto;padding:0 48px}}@keyframes btnPrimary{0%{top:50%;right:21px}18%{top:-10%;right:-8px}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:110%;right:42px}50%{top:50%;right:21px}}@media (min-width:768px){@keyframes btnPrimary{0%{top:50%;right:27px}18%{top:-10%;right:-9px}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:110%;right:54px}50%{top:50%;right:27px}}}@media (min-width:1536px){@keyframes btnPrimary{0%{top:50%;right:32px}18%{top:-10%;right:-10px}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:110%;right:64px}50%{top:50%;right:32px}}}@keyframes btnSecondaryUp{0%{top:50%;left:50%}18%{top:0;left:100%}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:100%;left:0}50%{top:50%;left:50%}}@keyframes btnSecondaryDown{0%{top:50%}18%{top:120%}19%{opacity:1}20%{opacity:0}29%{opacity:0}30%{opacity:1}31%{top:-10%}50%{top:50%}}.tween-item{width:100%;height:100%}.our_works_list{color:#000;background-color:transparent!important}.our_works_list .portfolio_list{padding-top:8rem;padding-bottom:4rem}.our_works_list .portfolio_list .tab_content_wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0;margin-top:-5rem;padding-bottom:6.8rem;display:flex;overflow-x:hidden}.our_works_list .portfolio_list .tab_content_wrap a{width:100%;margin-bottom:5rem}.our_works_list .portfolio_list .tab_content_wrap a:last-child{margin-bottom:8rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article{letter-spacing:-.03em;font-family:stolzl}.our_works_list .portfolio_list .tab_content_wrap a .base_article .base_article_img_box{vertical-align:top}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:1.8rem .2rem .4rem;font-weight:400}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{color:#848484;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;width:100%;padding:0 .2rem;font-size:1.2rem;line-height:1.2em;overflow:hidden}.our_works_list .view_more_btn{margin:-7.8rem auto 7.8rem;padding-bottom:4.2rem;display:block;position:relative}.our_works_list .view_more_btn:after{content:"";background:url(/assets/images/ico/ico_btn_more_black.svg) 50%/100% no-repeat;width:2.4rem;height:2.4rem;transition:transform .5s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(0)}.our_works_list .view_more_btn:hover:after{transform:translate(-50%)rotate(-180deg)}.our_works_list .view_more_btn span{color:#1d1d1f;letter-spacing:.03em;font-size:1.4rem;line-height:1em}.our_works_list .tab{position:relative}.our_works_list .tab .tab_btn_wrap{z-index:50;text-align:center;width:100%;transition:all .5s;position:-webkit-sticky;position:sticky;top:calc(100vh - 7rem);left:0}.our_works_list .tab .tab_btn_wrap ul{background-color:rgba(0,0,0,.6);border-radius:100rem;padding:.8rem;display:inline-block}.our_works_list .tab .tab_btn_wrap ul .tab-button{margin-left:.8rem;display:inline-block}.our_works_list .tab .tab_btn_wrap ul .tab-button:first-child{margin-left:0}.our_works_list .tab .tab_btn_wrap ul .tab-button button{letter-spacing:-.03em;color:rgba(255,255,255,.6);border:.1rem solid rgba(255,255,255,.6);border-radius:100rem;padding:.2rem 2rem;font-size:1.4rem;line-height:2.8rem}.our_works_list .tab .tab_btn_wrap ul .tab-button button span{font-size:inherit}.our_works_list .tab .tab_btn_wrap ul .tab-button.is_active button{color:#1d1d1f;background-color:#fff}.our_works_list .hasBanner .tab_btn_wrap{top:calc(100vh - 12.6rem)}@media (min-width:768px){.our_works_list .hero .hero_line:after{opacity:1;background-color:#848484}.our_works_list .portfolio_list{padding-top:12rem}.our_works_list .portfolio_list .tab_content_wrap{gap:1.6rem;margin-top:-6.2rem;padding-bottom:8.4rem}.our_works_list .portfolio_list .tab_content_wrap a{width:calc(50% - .8rem);margin-bottom:6rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(2){margin-top:12rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(odd){margin-top:-12rem}.our_works_list .portfolio_list .tab_content_wrap a:first-child{margin-top:0}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:2rem .4rem .6rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{padding:0 .4rem;font-size:1.4rem}.our_works_list .view_more_btn{margin:-9.4rem auto 9.4rem;padding-bottom:5rem}.our_works_list .view_more_btn span{font-size:1.8rem}.our_works_list .tab .tab_btn_wrap{top:calc(100vh - 9rem)}.our_works_list .tab .tab_btn_wrap ul{padding:1rem}.our_works_list .tab .tab_btn_wrap ul .tab-button{margin-left:1rem}.our_works_list .tab .tab_btn_wrap ul .tab-button button{padding:.2rem 2.6rem;font-size:1.8rem;line-height:3.6rem}.our_works_list .hasBanner .tab_btn_wrap{top:calc(100vh - 14.6rem)}}@media (min-width:1280px){.our_works_list .portfolio_list{padding-top:16rem}.our_works_list .portfolio_list .tab_content_wrap{gap:2.4rem}.our_works_list .portfolio_list .tab_content_wrap a{width:calc(50% - 1.2rem);margin-bottom:9rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(2){margin-top:18rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(odd){margin-top:-18rem}.our_works_list .portfolio_list .tab_content_wrap a:first-child{margin-top:0}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:2.5rem .6rem .9rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{padding:0 .6rem;font-size:1.6rem}.our_works_list .hasBanner .tab_btn_wrap{top:calc(100vh - 15rem)}}@media (min-width:1536px){.our_works_list .portfolio_list{padding-top:18rem}.our_works_list .portfolio_list .tab_content_wrap{gap:2.4rem}.our_works_list .portfolio_list .tab_content_wrap a{width:calc(50% - 1.2rem);margin-bottom:10rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(2){margin-top:20rem}.our_works_list .portfolio_list .tab_content_wrap a:nth-child(odd){margin-top:-20rem}.our_works_list .portfolio_list .tab_content_wrap a:first-child{margin-top:0}.our_works_list .portfolio_list .tab_content_wrap a:last-child{margin-bottom:12rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .element_title{padding:2.6rem .6rem 1rem}.our_works_list .portfolio_list .tab_content_wrap a .base_article .description{padding:0 .6rem;font-size:1.8rem}.our_works_list .view_more_btn{margin:-12rem auto 12rem;padding-bottom:6rem}.our_works_list .view_more_btn span{font-size:2.2rem}.our_works_list .tab .tab_btn_wrap{top:calc(100vh - 10.8rem)}.our_works_list .tab .tab_btn_wrap ul{padding:1.2rem}.our_works_list .tab .tab_btn_wrap ul .tab-button button{padding:.2rem 3rem;font-size:2.2rem;line-height:4.4rem}.our_works_list .hasBanner .tab_btn_wrap{top:calc(100vh - 16.8rem)}}