@media (max-width:768px){.hero-banner-smallest{margin-top:10px!important;padding-top:100px!important}.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li,.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li a,.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu li span.hs-breadcrumb-label,.normal-breadcumb #page_breadcrumb ul li:after{color:#fff!important}.normal-breadcumb #page_breadcrumb .hs-breadcrumb-menu-wrapper{border-bottom:0!important;padding-bottom:0!important;top:80px!important}}@media (max-width:640px){.LP-Videos #works.top_works #mainArea_works .list .block_works{justify-content:center}}#works{display:block;position:relative;width:100%}#works li{list-style:none}#works.top_works .thumb a{border-radius:3px;display:block;height:100%;padding:20px 20px 30px}#works .name{color:#999;font-size:12px;font-weight:700;line-height:1.1;margin:0 0 6px}#works .ttl{color:#0061d5;font-size:14px;font-weight:700;line-height:normal;margin:0 0 5px}#works .ttl_sub{color:#333;font-size:14px;line-height:1.3;margin:0}@media only screen and (min-width:972px){#works a{transition:all .3s}#works a:hover{opacity:.7}}#works .tag{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:5px;padding-left:0}#works .tag li{border-radius:2px;color:hsla(0,0%,100%,.9);font-size:12px;line-height:1;margin-bottom:3px;margin-right:2px;padding:2px 4px}#works .tag li.cate_00{background-color:#a55b9a}#works .tag li.cate_01,#works .tag li.cate_02,#works .tag li.cate_03,#works .tag li.cate_04,#works .tag li.cate_05,#works .tag li.cate_06{background-color:#007acd}#works #navArea_works{overflow:auto;width:100%;z-index:10}#works #navArea_works.fixed{overflow:auto;position:fixed;top:80px}#works #navArea_works.fixed.active{-webkit-overflow-scrolling:touch;bottom:0;left:0;top:0}#works #navArea_works .nav_works{background-color:#f5f5f5;display:none;margin:0 auto;padding:10px;width:100%;z-index:100}#works #navArea_works .nav_works>li.search{margin-bottom:10px;position:relative;width:100%}#works #navArea_works .nav_works>li.search .text{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;font-size:13px;height:30px;line-height:normal;padding-left:5px;padding-right:24px;width:100%}#works #navArea_works .nav_works>li.search .text:focus:-ms-input-placeholder{color:transparent}#works #navArea_works .nav_works>li.search .text:focus::placeholder{color:transparent}#works #navArea_works .nav_works>li.search .btn_search{background:0;border-style:none;color:#036;cursor:pointer;display:block;font-size:13px;height:28px;position:absolute;right:0;top:0;width:28px}#works #navArea_works .nav_works>li .ttl{background-color:#ddd;border-radius:2px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:400;margin-bottom:3px;padding:5px}#works #navArea_works .nav_works>li .ttl i{cursor:pointer;float:right;font-style:inherit;margin-right:5px}#works #navArea_works .nav_works>li.cate_01 .ttl{background-color:#007acd}#works #navArea_works .nav_works>li.cate_01 .select:before{color:#007acd}#works #navArea_works .nav_works>li.cate_02 .ttl{background-color:#007acd}#works #navArea_works .nav_works>li.cate_02 .select:before{color:#007acd}#works #navArea_works .nav_works>li.cate_03 .ttl{background-color:#27aca9}#works #navArea_works .nav_works>li.cate_03 .select:before{color:#27aca9}#works #navArea_works .nav_works>li.cate_04 .ttl{background-color:#00aee0}#works #navArea_works .nav_works>li.cate_04 .select:before{color:#00aee0}#works #navArea_works .nav_works>li.cate_05 .ttl{background-color:#4784bf}#works #navArea_works .nav_works>li.cate_05 .select:before{color:#4784bf}#works #navArea_works .nav_works>li.cate_06 .ttl{background-color:#a55b9a}#works #navArea_works .nav_works>li.cate_06 .select:before{color:#a55b9a}#works #navArea_works .nav_works>li>ul{margin-bottom:3px;margin-top:0;padding:0 .25em}#works #navArea_works .nav_works>li>ul>li{border-radius:2px;display:block;font-size:14px;padding:3px 5px;position:relative}#works #navArea_works .nav_works>li>ul>li.select{background-color:hsla(0,0%,80%,.5);padding-left:20px}#works #navArea_works .nav_works>li>ul>li.select:before{speak:none;font-family:FontAwesome;font-size:12px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#aaa;content:"\f058";display:inline-block;left:6px;position:absolute;top:7px}#works #navArea_works #btn_works{background:#fff linear-gradient(180deg,transparent 30%,rgba(0,0,0,.05));height:40px;width:100%;z-index:100}#works #navArea_works #btn_works>div{box-sizing:border-box;float:left;height:40px;margin:0!important;text-align:center;transition:all .3s;width:60px}#works #navArea_works #btn_works>div::hover{cursor:pointer}#works #navArea_works #btn_works>div .menu-trigger,#works #navArea_works #btn_works>div .menu-trigger span{box-sizing:border-box;display:inline-block;transition:all .3s}#works #navArea_works #btn_works>div .menu-trigger{height:40px;position:relative;width:20px}#works #navArea_works #btn_works>div .menu-trigger span{background-color:#036;height:2px;left:0;position:absolute;width:100%}#works #navArea_works #btn_works>div .menu-trigger span:first-of-type{top:12px}#works #navArea_works #btn_works>div .menu-trigger span:nth-of-type(2){bottom:19px}#works #navArea_works #btn_works>div .menu-trigger span:nth-of-type(3){bottom:12px}#works #navArea_works #btn_works p{margin:0}#works #navArea_works #btn_works .ttl_menu{color:#036;float:left;font-size:.8rem;font-weight:700;height:40px;line-height:1;margin:0;padding:14px 10px 0;width:100%}#works #navArea_works #btn_works .ttl_menu .btn-toggle{float:right;margin-right:5px}#works #navArea_works #btn_works .ttl_menu .fa{margin-right:7px}#works #navArea_works #btn_works.active .menu-trigger span:first-of-type{transform:translateY(7px) rotate(-45deg)}#works #navArea_works #btn_works.active .menu-trigger span:nth-of-type(2){opacity:0}#works #navArea_works #btn_works.active .menu-trigger span:nth-of-type(3){transform:translateY(-7px) rotate(45deg)}@media only screen and (min-width:972px){#works{background-color:#f5f5f5;display:-ms-flexbox;display:flex}#works #btn_works{display:none!important}#works #navArea_works{width:240px!important}#works #navArea_works.fixed{position:static}#works #navArea_works .nav_works{display:block!important;position:static}#works #navArea_works .nav_works>li>ul{padding:0 0 0 .8em}#works #navArea_works .nav_works>li>ul>li{cursor:pointer;transition:all .3s}#works #navArea_works .nav_works>li>ul>li:hover{background-color:#ddd}#works #navArea_works .nav_works>li>ul>li a:hover{text-decoration:none}#works.details_works{position:relative}#works.details_works #navArea_works{background-color:#f5f5f5;bottom:0!important;left:-240px;position:absolute;top:0!important;transition:all .3s;width:240px!important}#works.details_works #navArea_works.open{left:0}}#works #mainArea_works{background-color:#fff}#works .block_works{border-bottom:1px solid #5ebfe0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:inherit;align-items:inherit}@media only screen and (min-width:972px){#mainArea_works{-ms-flex:1;flex:1;padding-top:0!important}}#works.top_works .img{margin-left:-23px;margin-right:-23px;margin-top:-23px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:block;-ms-flex-pack:center;background:#f4f4f4;justify-content:center}#works .thumb .img{position:relative}#works .thumb .img:before{background:rgba(0,0,0,.15);content:"";height:100%;position:absolute;width:100%;z-index:2}#works .thumb .img:after{background:url(https://cdn2.hubspot.net/hubfs/542861/library/classic/icon/icon-play.svg) no-repeat 50%;background-size:contain;border-radius:100%;content:"";display:block;height:40px;left:50%;max-height:80%;max-width:80%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .6s;width:40px;z-index:5}#works.top_works #mainArea_works .list{padding:20px 20px 0}#works.top_works #mainArea_works .list .ttl_list{font-size:24px;font-weight:400;margin:0 0 15px;text-align:left}#works.top_works #mainArea_works .list .block_works .hs_cos_wrapper_widget_container .span3:nth-child(5n){margin-left:0}#works.top_works #mainArea_works .list .block_works{margin-bottom:30px;margin-top:0;padding-bottom:30px}@media only screen and (min-width:1664px){#works.top_works #mainArea_works .list{margin-left:auto;margin-right:auto;padding:20px 40px 0;width:1414px}}@media only screen and (min-width:1920px){#works.top_works #mainArea_works .list{margin-left:auto;margin-right:auto;padding:20px 40px 0;width:1664px}}#works.details_works .thumb .img{margin:-10px -10px 10px}#works.details_works .thumb .img .time{background-color:rgba(0,0,0,.4);bottom:0;color:#fff;font-size:13px;font-weight:300;padding:0 10px;position:absolute;right:0;z-index:5}#works .thumb .img img{display:block;height:auto;width:100%}#works.details_works #mainArea_works .article{-ms-flex:1;flex:1;padding:0}#works.details_works #mainArea_works .article .slidein{display:none}#works.details_works #mainArea_works .article .cts .ttl_main{color:#333;font-weight:400;line-height:1.3;margin:0 0 15px;text-align:left}#works.details_works #mainArea_works .article .cts .name{color:#999;font-size:12px;font-weight:700;line-height:1.1;margin:0 0 6px;text-align:left}#works.details_works #mainArea_works .article .cts .ttl_sub{margin:0 0 15px}#works.details_works #mainArea_works .article .cts .tag{margin-top:20px}#works.details_works #mainArea_works .article .cts .intro{background:#f5f5f5;margin:15px 0;padding:2px 10px}#works.details_works #mainArea_works .article .cts .intro a{color:#f90}#works.details_works #mainArea_works .article .cts .intro a:hover{opacity:.7}#works.details_works #mainArea_works .article .cts .work_cta{margin-top:60px;text-align:center}#works.details_works #mainArea_works .article .cts .work_cta a:hover{opacity:.7}#works.details_works #mainArea_works .article .cts .work_cta img{height:auto;width:auto}#works.details_works #mainArea_works .article .cts .txt h2,#works.details_works #mainArea_works .article .cts .txt>p>strong{background-color:#eee;background:#f5f5f5 linear-gradient(180deg,transparent 30%,rgba(0,0,0,.05));border-left:4px solid #036;border-radius:2px;display:block;font-size:20px;font-weight:400;margin-top:20px;padding:8px 8px 8px 18px;text-align:left}#works.details_works #mainArea_works .article .cts .txt h3{font-size:20px}#works.details_works #mainArea_works.open{margin-right:0}#works.details_works #mainArea_works .article .video-container span{width:100%!important}@media only screen and (min-width:972px){#works.details_works #mainArea_works{text-align:center}#works.details_works #mainArea_works .article{display:inline-block;max-width:810px;padding:20px 10px;text-align:left;vertical-align:top}#works.details_works #mainArea_works .article .slidein{background-color:#f5f5f5;background:#f5f5f5 linear-gradient(180deg,transparent 30%,rgba(0,0,0,.05));border-radius:0 3px 3px 0;box-shadow:0 0 3px 0 rgba(0,0,0,.4);clear:both;color:#036;display:inline-block;font-size:15px;font-weight:700;left:0;padding:6px 6px 6px 10px;position:absolute;top:0;transition:all .3s}#works.details_works #mainArea_works .article .slidein .fa{margin-right:5px;transition:all .3s}#works.details_works #mainArea_works .article .slidein .fa-navicon{display:inline-block}#works.details_works #mainArea_works .article .slidein .fa-close{display:none}#works.details_works #mainArea_works .article .slidein.open{box-shadow:0 0 0 0 transparent;left:240px}#works.details_works #mainArea_works .article .slidein.open .fa-navicon{display:none}#works.details_works #mainArea_works .article .slidein.open .fa-close{display:inline-block}#works.details_works #mainArea_works .article .slidein:hover{cursor:pointer}#works.details_works #mainArea_works .article .slidein:hover .fa{opacity:.7}#works.details_works #mainArea_works .article .cts .name{font-size:14px}#works.details_works #mainArea_works .article .cts .tag li{font-size:14px;margin-bottom:4px;margin-right:4px;padding:4px 5px}#works.details_works #mainArea_works .article .cts .txt h2,#works.details_works #mainArea_works .article .cts .txt>p>strong{font-size:22px;margin-top:25px;padding:6px 6px 6px 14px}#works.details_works #mainArea_works .article .cts .txt h3{font-size:22px}}#works.details_works #mainArea_works .aside{background:#f4f4f4;height:100%;padding:20px;width:100%}#works.details_works #mainArea_works .aside>ul{padding:0}#works.details_works #mainArea_works .aside .thumb{margin-bottom:15px}#works.details_works #mainArea_works .aside .thumb a{background:#fff;border:4px solid #eee;border-radius:3px;display:block;padding:10px;text-decoration:none}@media only screen and (max-width:1245px){#works.details_works #mainArea_works .article .video-container span{max-height:450px!important}#works.details_works #mainArea_works .aside .thumb{margin-left:8px;width:calc(25% - 6px)}#works.details_works #mainArea_works .aside .thumb:first-child,#works.details_works #mainArea_works .aside .thumb:nth-child(4n+1){margin-left:0}#works.details_works #mainArea_works .aside>ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0}#works.details_works #mainArea_works .aside .thumb a{height:100%}#works.details_works .thumb .img .time{font-size:12px;font-weight:200}}@media only screen and (max-width:959px){#works.details_works #mainArea_works .aside .thumb{width:calc(33.33333% - 4px)}#works.details_works #mainArea_works .aside .thumb:nth-child(n){margin-left:6px}#works.details_works #mainArea_works .aside .thumb:nth-child(3n+1){margin-left:0}}@media only screen and (max-width:767px){#works.details_works #mainArea_works .article .video-container span{max-height:400px!important}#works.details_works #mainArea_works .aside .thumb{width:calc(50% - 5px)}#works.details_works #mainArea_works .aside .thumb:nth-child(n){margin-left:10px}#works.details_works #mainArea_works .aside .thumb:nth-child(odd){margin-left:0}}@media only screen and (max-width:480px){#works.details_works #mainArea_works .article .video-container span{max-height:250px!important}#works.details_works #mainArea_works .aside .thumb:nth-child(n){margin:0 0 10px;width:100%}}@media only screen and (min-width:480px){#works.details_works #mainArea_works .aside{display:inline-block;text-align:left;vertical-align:top}#works.details_works #mainArea_works .aside .thumb{margin-bottom:15px}#works.details_works #mainArea_works .aside .thumb a .txt{-ms-flex:1;flex:1;padding-left:10px}}@media only screen and (min-width:1446px){#works.details_works #mainArea_works .aside{margin-left:40px;padding:40px;width:400px}}@media only screen and (min-width:1246px){#works.details_works #mainArea_works .aside{margin-left:40px;padding:40px;width:400px}}#works .reset-btn{background:#f90;border-radius:3px;color:#fff;float:right;font-size:14px;padding:5px 10px}#works .reset-btn:hover{opacity:.7}#works .youtube-container{padding-top:56.25%;position:relative;width:100%}#works .youtube-container iframe{height:100%;position:absolute;right:0;top:0;width:100%}#works.details_works #mainArea_works .article .ext-container{padding:10px 0}#works.details_works #mainArea_works .article .ext-container .cta_button{color:#fff}#works.details_works #mainArea_works .article .ext-container .cta_button:hover{color:#f90}@media only screen and (max-width:768px){#works.details_works #mainArea_works .article .ext-container{padding:5px 0}#works.details_works #mainArea_works .article .ext-container .img{margin-left:0;margin-right:0;padding-left:0;padding-right:0}#works.details_works #mainArea_works .article .cts .work_cta{margin-top:30px}}.Card-content{margin:20px 0}.Card-cta{font-size:14px;line-height:40px;margin:auto -30px -30px;padding:0 30px;text-align:right;width:calc(100% + 60px)}#works #navArea_works .nav_works>li .ttl{font-size:15px;padding:12px 10px}main.Body.fillter-blur{-webkit-filter:blur(2px);filter:blur(2px)}.LP-FormPopup{display:none;opacity:0}.LP-FormPopup .mfp-container{display:table;padding:0}.LP-FormPopup .form-box{background:#ebebeb;border-radius:5px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin:0 auto;max-width:100%;max-width:740px;padding:3em 3.5em;position:relative;vertical-align:middle;width:30em}.LP-FormPopup .LP-Form.overlay .form_inbound .hs-form .hs-form-field{margin-bottom:10px}.LP-FormPopup .LP-Form.overlay .form_inbound{overflow-y:scroll;padding:50px 30px 20px}.LP-FormPopup .LP-Form.overlay .form_inbound .form-title{font-size:16px;line-height:24px}@media (max-width:767px){.LP-FormPopup .form-box{padding:2em}}@media (max-width:639px){.LP-FormPopup .form-box{max-height:300px;overflow:scroll;width:90%}}@media (max-width:479px){.LP-FormPopup .form-box{padding:1em;width:100%}}.LP-FormPopup .form-box a.close-modal{border-radius:.33em;cursor:pointer;margin-right:10px;margin-top:10px;position:absolute;right:0;text-decoration:none;top:0;z-index:1000}.LP-FormPopup .form-box a.close-modal span.text{color:#fff;font-size:14px;margin-right:10px;margin-top:10px;text-decoration:underline}.LP-FormPopup .form-box a.close-modal:hover{opacity:.7;text-decoration:none}.LP-FormPopup .form-box a.close-modal:before{background:transparent;color:#bbb;content:"\00D7";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:25px;font-weight:400;height:40px;line-height:25px;width:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}@media (max-width:640px){.LP-FormPopup .form-box a.close-modal{margin-top:18px}}.LP-FormPopup .form-box input::-webkit-input-placeholder{color:#ddd}.LP-FormPopup .form-box input::placeholder{color:#ddd}.LP-FormPopup .form-box input:-ms-input-placeholder{color:#ddd}.LP-FormPopup .form-box input::-ms-input-placeholder{color:#ddd}.LP-FormPopup .form-box input:hover::-webkit-input-placeholder{color:#ddd}.LP-FormPopup .form-box input:hover:-ms-input-placeholder{color:#ddd}.LP-FormPopup .form-box input:hover::-ms-input-placeholder{color:#ddd}.LP-FormPopup .form-box input:hover::placeholder{color:#ddd}.LP-FormPopup .popup-info-form .form-title{display:block;font-size:20px;font-weight:700;margin-bottom:0}.LP-FormPopup .popup-info-form .submitted-message{color:#fff;margin-top:10px}.LP-FormPopup .popup-info-form .submitted-message p{color:#fff;margin:0}.LP-FormPopup #hs_form_target_form_popup .text br{display:none}.LP-FormPopup #hs_form_target_form_popup ul{list-style:none;margin:0;padding:0}.LP-FormPopup #hs_form_target_form_popup .hs_error_rollup li,.LP-FormPopup #hs_form_target_form_popup .hs_privacy_policy_check .hs-error-msgs li{text-align:center}.LP-FormPopup #hs_form_target_form_popup .hs-form-booleancheckbox{font-size:14px;font-weight:500;text-align:center}.LP-FormPopup #hs_form_target_form_popup .hs-form-booleancheckbox input[type=checkbox]{background-color:transparent;border-radius:4px;display:inline-block;height:15px;margin-right:5px;width:15px}.LP-FormPopup #hs_form_target_form_popup .hs-form-booleancheckbox label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.LP-FormPopup #hs_form_target_form_popup .att{font-size:12px}.LP-FormPopup #hs_form_target_form_popup .att a:first-child{float:left;margin-right:5px}.LP-FormPopup #hs_form_target_form_popup .hs_recaptcha{margin-bottom:20px;margin-top:20px}.LP-FormPopup #hs_form_target_form_popup .grecaptcha-badge{margin-left:auto;margin-right:auto;text-align:center}.LP-FormPopup #hs_form_target_form_popup .hs-button{-webkit-box-shadow:none;box-shadow:none;font-weight:400;height:auto;line-height:1;padding:.6em 1.7em;width:100%}.LP-FormPopup #hs_form_target_form_popup .hs_privacy_policy_check{margin-bottom:0}.LP-FormPopup #hs_form_target_form_popup .hs_email{margin-bottom:15px}.LP-FormPopup #hs_form_target_form_popup .hs_email label,.LP-FormPopup #hs_form_target_form_popup label{color:#666;display:block;font-size:15px;font-weight:600;padding-top:.8em}.LP-FormPopup #hs_form_target_form_popup input{border:1px solid #ddd;font-size:16px;line-height:1;margin-right:0;padding-bottom:7px;padding-top:7px;width:100%}.LP-FormPopup #hs_form_target_form_popup .hs-error-msgs label{color:#f20;font-size:12px;font-weight:700;line-height:1.4;margin-bottom:5px;margin-top:5px;padding-top:0}.LP-FormPopup #hs_form_target_form_popup .hs-form-required{color:red;min-width:32px}.LP-FormPopup #hs_form_target_form_popup .hs-richtext{font-size:14px;font-weight:200;line-height:1.8}#form_popup_finished,#form_popup_viewed{position:absolute;z-index:0}#form_popup_finished{left:-50%}#form_popup_viewed{right:-50%}#works.details_works #mainArea_works .article .cts .intro{margin-top:0;padding:20px}#works.details_works #mainArea_works .article .cts .time{border-bottom:1px dotted #b7b7b7;font-size:15px;margin-top:-10px;padding-bottom:10px;text-align:right}#works .thumb a{margin:auto;max-width:360px}#works.top_works .tag{margin-top:15px}@media only screen and (max-width:971px){#works.details_works #mainArea_works .article{margin:0;padding:20px!important}}@media only screen and (max-width:639px){#works.top_works #mainArea_works .list .ttl_list{text-align:center}}.white-popup{background:#fff;margin:20px auto;max-width:500px;padding:20px;position:relative;width:auto}.asana-recommend .title{color:#333;font-size:20px;font-weight:700;text-align:center}.asana-recommend a{color:#007acd;display:block;font-size:16px;font-weight:700;line-height:normal;margin-bottom:30px}.asana-recommend a img{margin-bottom:10px}