.work-list{background-color:#f6f6f6;padding:4.8% 40px 90px}.work-list section{padding-bottom:66px}.work-list .tab-wrapper{margin:0;padding:0}.work-list .filter-group .filter-group-title{font-weight:700;padding:16px 0}.work-list .current-active{color:#ec1651;font-weight:600}.work-list .menu-item{font-size:16px;cursor:pointer}.work-list .card-list{overflow:hidden;min-height:calc(100vh - 80px)}.work-list .card-list .portfolio-card{max-width:unset}.work-list .column{float:left;width:calc(33.333% - 20px);margin-right:30px}.work-list .column:last-child{margin-right:0}.work-list .card-item{width:100%;margin-bottom:30px;height:auto;box-sizing:border-box}@media(max-width:767px){.work-list .column{float:none;width:100%;margin-right:0}.work-list .card-body{display:flex;flex-direction:column;align-items:center}.work-list .card-body>*{text-align:center}.work-list .card-item{width:100%}}.work-list .menu-fixed{position:fixed;top:80px;bottom:60px;left:55px;max-width:calc(16.666667% - 15px);max-height:calc(100vh + 80px);overflow-y:auto}.about,.portfolio,.process{background-color:#f6f6f6;padding-top:4.8%;padding-bottom:60px}.service{padding-top:5.3%}.portfolio .page-title-wrap{padding-bottom:66px}@media screen and (min-width:992px)and (max-width:1400px){.portfolio .portfolio-wrapper .col-lg-9{flex:0 0 83.333333%;max-width:83.333333%}.portfolio .portfolio-wrapper .col-lg-9.pr-xl-0{padding-right:15px!important}.portfolio .portfolio-wrapper .list-wrap .pr-lg-5{padding-right:0!important}}@media screen and (min-width:768px)and (max-width:991px){.portfolio .portfolio-wrapper .tab-groups .tab-wrapper{max-width:inherit}.portfolio .portfolio-wrapper .tab-groups .tab-wrapper .list-group{flex-flow:row nowrap}.portfolio .portfolio-wrapper .tab-groups .tab-wrapper .list-group .list-group-item{padding:.5rem 7px}.portfolio .portfolio-wrapper .tab-groups .tab-wrapper .list-group .list-group-item>a{font-size:15px}.portfolio .portfolio-wrapper .tab-groups .tab-wrapper .list-group .list-group-item:first-child{padding-left:0}.portfolio .portfolio-wrapper .tab-groups .tab-wrapper.col-md-4{flex:0 0 32%;max-width:32%}.portfolio .portfolio-wrapper .tab-groups .tab-wrapper.col-md-8{flex:0 0 68%;max-width:68%}}@media only screen and (min-width:1921px){.portfolio .tab-groups .tab-wrapper{max-width:100%}}@media only screen and (max-width:767px){.portfolio .portfolio-pc,.portfolio .tab-wrapper{display:none}.portfolio .page-title-wrap{padding-bottom:0}.portfolio .filter-group .filter-btn,.portfolio .filter-group .filter-group-title,.portfolio .filter-group .filter-menu>li{border-bottom:1px solid #eee}.portfolio .filter-group .container-filter{position:fixed;width:100%;padding:30px;top:50px;bottom:0;left:0;background:#fff;z-index:1000;overflow-x:hidden;overflow-y:auto;-khtml-transform:translateX(-100%);transform:translateX(-100%);transition:all .5s}.portfolio .filter-group .container-filter.open{-khtml-transform:translateX(0);transform:translateX(0)}.portfolio .filter-group .container-filter>img.close{position:absolute;top:17px;right:17px}.portfolio .filter-group .container-filter>.filter-group-title{font-weight:700}.portfolio .filter-group .container-filter .filter-menu>li{padding:10px 0}.portfolio .filter-group .container-filter .filter-menu>li>a,.portfolio .filter-group .container-filter .filter-menu>li>span{float:left;position:relative}.portfolio .filter-group .container-filter .filter-menu>li>a{width:100%}.portfolio .filter-group .container-filter .filter-menu>li>span{font-size:17px;width:5%}.portfolio .filter-group .container-filter .filter-menu>li>a.current,.portfolio .filter-group .container-filter .filter-menu>li>a.current~span{color:red}}