@charset "UTF-8";.works-conteiner{padding:0 15px}.gray-bg-half{position:relative;padding:0 20px 45px;margin:70px 0 113px}.gray-bg-half:before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:50%;background:#f2f2f2;z-index:-1}.graph-heading{text-align:center;margin:1.7em 0 2.45em;font-size:18px;font-size:1.125rem;font-weight:bold}.graph-group{text-align:center;font-size:0}.graph-group .graph-item{margin:0 !important;float:none;display:inline-block;vertical-align:bottom;font-size:16px;font-size:1rem}.graph-group .graph-item .title{font-weight:bold}.graph-group .graph-item .comment{margin-top:20px;font-weight:bold;font-size:14px;font-size:.875rem}.graph-group.-col3{max-width:1000px;margin:auto !important;float:none !important}.graph-group.-col3 .comment{display:table;width:100%;height:3.4em}.graph-group.-col3 .comment>*{display:table-cell;vertical-align:middle}.graph-title{margin-bottom:40px;text-align:center}.graph-title .hs_cos_wrapper_type_text{display:inline-block;width:348px;max-width:100%;padding:.587em 0;background:#112853;color:#fff;font-weight:bold;letter-spacing:.05em;font-size:18px;font-size:1.125rem}.works-listing-tag{margin:35px 0 0}.works-listing-tag .tag-list{margin-bottom:40px !important}.works-listing-post{margin-bottom:25px}.works-listing-post .company{margin:.5em 0 1em;font-size:14px;font-size:.875rem}.works-bottom-list[class*="span"]{min-height:0}.works-list{padding:0;list-style:none;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.works-list li{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:calc(25% - 3px);margin:0 4px 4px 0}.works-list li:nth-child(4n){margin-right:0}.works-box{display:block;position:relative;text-decoration:none;color:inherit}.works-box .image{position:relative;padding-top:64.78%}.works-box .image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;max-width:80%;max-height:100%}.works-box .overlay-text{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;font-weight:bold;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;font-size:.875rem;z-index:2;opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.works-box .overlay-text .link-text{margin-top:auto;text-align:right;color:#ff8c00;font-size:.857em;position:relative;padding-right:30px;letter-spacing:.05em}.works-box .overlay-text .link-text:after{content:"";display:block;width:22px;height:100%;position:absolute;right:0;top:-2px;background:url(https://cdn2.hubspot.net/hubfs/4477564/Forward%202018%20Theme/images/works/arrow.png) no-repeat center center;-webkit-background-size:contain;background-size:contain}a.works-box:hover .overlay-text{opacity:1;-ms-filter:"alpha(opacity=100)"}a.works-box:hover img{opacity:1;-ms-filter:"alpha(opacity=100)"}.works-tag .tag-list{margin-bottom:34px !important}.works-feature-image{margin:20px auto 40px;text-align:center}.row-fluid .works-heading{min-height:0}.row-fluid .works-heading *{min-height:0}.works-head-desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #999;margin:18px 0 70px;padding-bottom:20px}.works-head-desc .com-logo{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;max-width:365px;width:35%;text-align:center;margin:0 auto 0 0}.works-head-desc .desc-tbl{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;max-width:606px;width:62%;margin:0 0 0 auto}.works-head-desc .desc-tbl th,.works-head-desc .desc-tbl td{padding:.9em 0;text-align:left;font-size:14px;font-size:.875rem}.works-head-desc .desc-tbl th{width:12em}.works-head-desc .desc-tbl a{color:inherit}.staffs-comment{background:#f2f2f2;padding:32px 50px;margin-bottom:18px;line-height:1.8}.staffs-comment h2{font-size:24px;font-size:1.5rem;line-height:1.5;letter-spacing:.1em}ul.pagination{margin-top:-60px;margin-bottom:130px}@media screen and (max-width:1020px){.works-list li{width:calc(100% / 3 - 3px)}.works-list li:nth-child(4n){margin-right:4px}.works-list li:nth-child(3n){margin-right:0}}@media screen and (max-width:768px){.works-conteiner{padding:0 15px}.works-listing-tag{margin:20px 0 0}.works-listing-post{margin-bottom:10px}.gray-bg-half{padding:0 15px 30px;margin:0 0 60px}.graph-heading{text-align:left;margin:20px 0 30px}.graph-group .graph-item{margin:0 auto 30px !important;width:100%}.graph-group .graph-item .comment{margin-top:15px}.graph-group.-col3 .graph-item{width:70%}.graph-group.-col3 .comment{display:block;height:auto}.graph-group.-col3 .comment>*{display:inherit}.graph-title{margin-bottom:20px}.works-list{margin-top:1em}.works-box .overlay-text{position:static;opacity:1;-ms-filter:"alpha(opacity=100)";background:0;padding:10px 5px 0;font-size:.857rem;color:inherit}.works-box .overlay-text .name{line-height:1.4;margin:0 0 .5em}.works-box .overlay-text .name br{display:none}.works-head-desc{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 40px}.works-head-desc .com-logo{width:100%;margin:0 auto}.works-head-desc .desc-tbl{max-width:100%;width:100%;margin:20px 0 0}.works-head-desc .desc-tbl th,.works-head-desc .desc-tbl td{padding:.6em 0}.works-head-desc .desc-tbl th{width:9em}.staffs-comment{padding:18px 20px;margin-bottom:0}.staffs-comment h2{font-size:1.286rem}ul.pagination{margin-top:-20px;margin-bottom:80px}}@media screen and (max-width:540px){.works-list li{width:calc(50% - 2px)}.works-list li:nth-child(3n){margin-right:4px}.works-list li:nth-child(2n){margin-right:0}}