.xm-color-g10{color:#fcfcfc}.xm-color-g20{color:#f9f9f9}.xm-color-g30{color:#ebebeb}.xm-color-g40{color:#d6d6d6}.xm-color-g50{color:#b2b2b2}.xm-color-g60{color:#8c8c8c}.xm-color-g70{color:#666}.xm-color-g80{color:#2b2b2b}.xm-color-g90{color:#111}#body-main-content{min-height:100%}.video-guide__wrapper .guide__header{height:calc((539px)/ 2);height:calc(calc(((336px   203px) - calc((336px - 203px)/ (1184px - 600px)) * (1184px   600px))/ 2)   calc((336px - 203px)/ (1184px - 600px) * 100)vw);padding-bottom:0;position:relative;background:url(/uploads/image/sawaivideo-guide/video-guide-bg-f06ade3757.png) 50% no-repeat;background-size:80%}@media only screen and (min-width:1184px){.video-guide__wrapper .guide__header{height:336px}}@media only screen and (max-width:599px){.video-guide__wrapper .guide__header{height:203px}}.video-guide__wrapper .guide__header-container{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:999;width:100%;top:calc((146px)/ 2);top:calc(calc(((96px   50px) - calc((96px - 50px)/ (1184px - 600px)) * (1184px   600px))/ 2)   calc((96px - 50px)/ (1184px - 600px) * 100)vw)}@media only screen and (min-width:1184px){.video-guide__wrapper .guide__header-container{top:96px}}@media only screen and (max-width:599px){.video-guide__wrapper .guide__header-container{top:50px}}.video-guide__wrapper .guide__header-container-icon{width:calc((782px)/ 2);width:calc(calc(((507px   275px) - calc((507px - 275px)/ (1184px - 600px)) * (1184px   600px))/ 2)   calc((507px - 275px)/ (1184px - 600px) * 100)vw);margin-bottom:calc((44px)/ 2);margin-bottom:calc(calc(((24px   20px) - calc((24px - 20px)/ (1184px - 600px)) * (1184px   600px))/ 2)   calc((24px - 20px)/ (1184px - 600px) * 100)vw);border:none!important}@media only screen and (min-width:1184px){.video-guide__wrapper .guide__header-container-icon{width:507px;margin-bottom:24px}}@media only screen and (max-width:599px){.video-guide__wrapper .guide__header-container-icon{width:275px;margin-bottom:20px}}.video-guide__wrapper .guide__header-container-search{width:calc((755px)/ 2);width:calc(calc(((412px   343px) - calc((412px - 343px)/ (1184px - 600px)) * (1184px   600px))/ 2)   calc((412px - 343px)/ (1184px - 600px) * 100)vw);border-radius:calc((18px)/ 2);border-radius:calc(calc(((12px   6px) - calc((12px - 6px)/ (1184px - 600px)) * (1184px   600px))/ 2)   calc((12px - 6px)/ (1184px - 600px) * 100)vw);position:relative;padding:12px}@media only screen and (min-width:1184px){.video-guide__wrapper .guide__header-container-search{width:412px;border-radius:12px}}@media only screen and (max-width:599px){.video-guide__wrapper .guide__header-container-search{width:343px;border-radius:6px}}@media only screen and (max-width:1023px){.video-guide__wrapper .guide__header-container-search{background-color:#fff;box-shadow:0 2px 16px rgba(0,0,0,.08),0 0 2px rgba(0,0,0,.08)}}.video-guide__wrapper .guide__header-container-search .form-control:focus{border:1px solid var(--x_input_border-color);box-shadow:none}.video-guide__wrapper .guide__header-container-search-input-wrapper{height:40px}.video-guide__wrapper .guide__header-container-search-input-wrapper .icon-cross{cursor:pointer}.video-guide__wrapper .guide__header-container-search-input-wrapper .icon-cross-hidden{visibility:hidden}.video-guide__wrapper .guide__header-container-search-result-wrapper{display:none;margin-top:16px;margin-right:-10px;max-height:420px;overflow-y:auto}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-count{font-size:12px;font-weight:400;line-height:1.5;color:var(--global-gray-gray-06)}.video-guide__wrapper .guide__header-container-search-result-wrapper .empty-result{margin:20px 0;text-align:center}.video-guide__wrapper .guide__header-container-search-result-wrapper .empty-result .empty-result-title{font-size:16px;font-weight:600;line-height:1.5;color:#6f757c;margin-bottom:10px}.video-guide__wrapper .guide__header-container-search-result-wrapper .empty-result .empty-result-description{font-size:12px;font-weight:400;line-height:1.5;color:#6f757c}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list{margin-top:12px;margin-right:10px}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list:empty .empty-result{display:block}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list .search-result-item{display:block;padding:8px;border-radius:6px}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list .search-result-item:hover{cursor:pointer;background-color:#eaecef}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list .search-result-item:hover{text-decoration:none}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list .search-result-item .highlight{color:#000}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list .search-result-item .title{height:100%;font-size:16px;font-weight:600;line-height:1.5;color:#151719;font-weight:400}.video-guide__wrapper .guide__header-container-search-result-wrapper .guide__header-container-search-result-list .search-result-item .description{font-size:12px;font-weight:400;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#6f757c}.video-guide__wrapper .guide__header-container-search-dropdown{font-size:16px;font-weight:600;line-height:1.5;display:none;align-items:center;justify-content:space-between}@media only screen and (min-width:1024px){.video-guide__wrapper .guide__header-container-search-dropdown{display:none}}@media only screen and (min-width:1024px){.video-guide__wrapper .guide__header-container-search-toc{display:none}}.video-guide__wrapper .guide__header-container-search-toc::before{content:"";position:absolute;top:65px;left:0;width:100%;border-top:1px solid #000;opacity:.05}.video-guide__wrapper .guide__header-container-search-toc .catalog{padding:12px;margin-top:15px;max-height:480px;overflow-y:auto}.video-guide__wrapper .guide__header-container-search-focus{background-color:#fff;box-shadow:0 2px 16px rgba(0,0,0,.08),0 0 2px rgba(0,0,0,.08)}.video-guide__wrapper .guide__header-container-search-focus .guide__header-container-search-toc{display:none}.video-guide__wrapper .guide__header-container-search-focus .guide__header-container-search-result-wrapper{display:block}@media only screen and (min-width:1024px){.video-guide__wrapper .guide__header-container-search-close{box-shadow:none;background:0 0}}@media only screen and (max-width:1023px){.video-guide__wrapper .guide__header-container-search-close{padding:8px 17.5px 8px 20px}}@media only screen and (max-width:1023px){.video-guide__wrapper .guide__header-container-search-close .guide__header-container-search-input-wrapper{display:none}}@media only screen and (max-width:1023px){.video-guide__wrapper .guide__header-container-search-close .guide__header-container-search-dropdown{display:flex}}.video-guide__wrapper .guide__header-container-search-close .guide__header-container-search-toc{display:none}.video-guide__wrapper .guide__header-container-search-close .guide__header-container-search-result-wrapper{display:none}