@charset "UTF-8";
/* mCustomScrollbar */
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* reset */
.section{display:block !important;table-layout: initial !important;position:relative;}
.fp-tableCell{display:block;}
@media all and (min-width:60em){
.footer__info-wrap{vertical-align: middle;}
.footer__wa-mark{vertical-align: middle;top:0;}
}
/* common */
.blue_movement{letter-spacing: -0.025em;}
.blue_movement .mo-only{display: none;}
.blue_movement .inner{width:100%;max-width:1500px;margin:0 auto;position:absolute;top:45%;left:50%;transform:translate3d(-50%,-50%,0);box-sizing: border-box;}
.blue_movement .common-tit{font-size: 50px;color:#000;line-height: 1.13;letter-spacing: 0.095em;font-family: "brandon-grotesque";font-weight: bold;text-align: center;}
.blue_movement p{margin:0;}
/* .blue_movement .bubble{position:absolute;border-radius:50%;background-color: #cedfed;} */
/*----- visual-section -----*/
/* .visual-section {overflow: hidden} */
.visual-section .inner{z-index: 10;}
.visual-section .txt{padding-top: 150px;}
.visual-section h2 img{width: 716px;}
.visual-section p{margin-top: 50px;font-size: 16px;color:#63666a;line-height: 1.65;}
.visual-section .next-arrow{display: block;width: 42px;position:absolute;bottom:110px;left:50%;transform:translateX(-50%); animation: arrowTransitionY 1s ease-in-out infinite;}
.visual-section .circle-wrap{position:absolute;right: 5%;top:-3%; transform: translateX(50%); animation-name: circleWrapIn; animation-timing-function: ease-out; animation-duration: 4.5s; animation-fill-mode: backwards;}
.visual-section .circle{width:100vh;height:100vh; animation-name: circleIn; animation-timing-function: ease-in-out; animation-duration: 4.5s; animation-fill-mode: backwards;}
.visual-section .circle::after {display: block; content: ''; position: absolute; box-sizing: border-box; width: 100%; height: 100%; border: 10px solid #329fff; border-radius: 115% 140% 145% 110%/125% 140% 110% 125%; background-color: #329fff; animation: circleSpin 13s linear infinite;}
@keyframes circleWrapIn {
0% {
right: 50%;
top: 100%;
}
30% {
right: 50%;
top: 80%;
}
80% {
right: 50%;
top: 80%;
}
90% {
right: 5%;
top: -3%;
}
100% {
right: 5%;
top: -3%;
}
}
@keyframes circleIn {
0% {
width: 250vh;
height: 250vh;
}
30% {
width: 250vh;
height: 250vh;
}
80% {
width: 250vh;
height: 250vh;
}
100% {
width: 100vh;
height: 100vh;
}
}
@keyframes circleSpin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes arrowTransitionY {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30%);
}
100% {
transform: translateY(0);
}
}
.visual-section .visual-logo{position:absolute;top:63px;right:57px;width: 97px;}
.visual-section .visual-logo img{width:100%;}
/*----- story-section -----*/
.story-section{text-align: center;}
.story-section .txt{margin-top: 25px;background: url('/int/en/assets/image/brand/blue-movement/story-txt.png') no-repeat center top;background-size:contain;}
.story-section .txt p{font-size: 16px;color:#63666a;line-height: 1.65;}
.story-section .txt p + p{margin-top: 30px;}
.story-section .txt p span{display: inline-block;position:relative;z-index: 2;}
.story-section .txt p span:after{content:'';display:block;height:12px;position: absolute;bottom: -3%;left:-3%;z-index: -1;}
.story-section .txt p .line02:after{width: 0;background: url('/int/en/assets/image/brand/blue-movement/story-line01.png') no-repeat left top / 100% 100%;}
.story-section .txt p .line01:after{width: 0;background: url('/int/en/assets/image/brand/blue-movement/story-line02.png') no-repeat left top / 100% 100%;}
.story-section .txt p .line03:after{width: 0;background: url('/int/en/assets/image/brand/blue-movement/story-line02.png') no-repeat left top / 100% 100%;}
.story-section .object-wrap div{position:absolute;}
.story-section .object-wrap .object01{bottom:0;left:0;width: 774px; animation-name: rotateTransition; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .object-wrap .object01 img{animation-name: transitionY; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .object-wrap .object02{top: 45px;right: 135px;width: 554px; animation-name: transitionY; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .object-wrap .object02 img{animation-name: transitionX; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .story-logo{width: 140px;margin:0 auto 40px;}
.story-section .story-logo img{width:100%;}
@keyframes transitionY {
0% {
transform: translateY(-8px);
}
60% {
transform: translateY(8px);
}
100% {
transform: translateY(-8px);
}
}
@keyframes transitionX {
0% {
transform: translateX(-15px);
}
50% {
transform: translateX(15px);
}
100% {
transform: translateX(-15px);
}
}
@keyframes rotateTransition {
0% {
transform: rotate(-3deg);
}
60% {
transform: rotate(-1deg);
}
100% {
transform: rotate(-3deg);
}
}
.blue-movement-hidden{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.story-section .object-wrap img{width:100%;}
/*----- promise-section -----*/
.promise-section{text-align: center;z-index: 2;}
.promise-section:before{content:'';display:block;width:100%;height:35vh;background-color: #329fff;position:absolute;bottom:0;left:0;}
.promise-section .box{margin-top: 30px;padding:90px 0 55px;background-color: #f5f5f5;border-radius:20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.2);}
.promise-section .box ul{font-size: 0;}
.promise-section .box li{display: inline-block;vertical-align: top;width: 36%;}
.promise-section .box li:nth-of-type(2){width:28%;}
.promise-section .icon{width: 148px;margin:0 auto;}
.promise-section .icon img{width:100%;}
.promise-section h4{margin-top: 40px;font-size: 22px;color:#329fff;font-weight: bold;}
.promise-section p{margin-top: 15px;font-size: 16px;color:#63666a;line-height: 1.65;}
.promise-section .tag{margin-top: 40px;}
.promise-section .more{display: inline-block;margin-top: 20px;padding:2px 25px;font-size: 14px;color:#63666a;border:1px solid #63666a;border-radius:15px;}
/*----- wwf-section -----*/
.wwf-section{text-align: center;background-image: url('/int/en/assets/image/brand/blue-movement/wwf-bg.png'); background-repeat: no-repeat; background-position: center bottom; background-size: contain;}
.wwf-section:after{content:'';display:block;width:2px;height:100px;background-color: #3d4247;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index: 1;}
.wwf-section .common-tit{font-size:0 !important;}
.wwf-section .common-tit img{vertical-align: middle;}
.wwf-section .common-tit .logo01{width: 131px;}
.wwf-section .common-tit .logo02{width: 161px;}
.wwf-section .desc{margin-top: 35px;font-size: 16px;color:#63666a;line-height: 1.65;}
.wwf-section .txt{margin-top: 35px;}
.wwf-section .txt h4{font-size: 22px;color:#329fff;font-weight: bold;letter-spacing: 0;}
.wwf-section .txt p{margin-top: 30px;font-size: 16px;color:#63666a;line-height: 1.65;}
.wwf-section .b01{width: 72px;height: 72px;right: 200px;bottom:30%}
/*----- history-section -----*/
.history-section{overflow-y:scroll !important;}
.history-section:after{content:'';display:none;width:2px;height:100px;background-color: #3d4247;position:absolute;top:0;left:50vw;transform:translateX(-50vw);z-index: 1;}
.history-section-wrapper{padding-top: 100px;background-image: url('/int/en/assets/image/brand/blue-movement/history-bg.png'); background-repeat: no-repeat; background-position: center top; background-size: contain;}
.history-section .inner{position:relative;transform:translate3d(0,0,0); left: auto; top: auto;}
.history-section .since{margin-top: 20px;text-align: center;}
.history-section .since h4{font-size: 25px;color:#63666a;font-family: "brandon-grotesque";font-weight: bold;}
.history-section .since p{margin-top: 30px;font-size: 16px;color:#63666a;line-height: 1.65;letter-spacing: -0.025em;}
.history-section .since p + p{margin-top: 15px;}
.history-section .b02{width: 40px;height: 40px;left: 230px;top:540px;}
.history-section .b03{width: 72px;height: 72px;left: 300px;top:425px;}
.history-section .graph-wrap{margin-top: 50px;padding: 62px 0 420px;background: url('/int/en/assets/image/brand/blue-movement/history-line.png') no-repeat center top;}
.history-section .graph-wrap li{box-sizing: border-box;padding:74px 0;}
.history-section .graph-wrap li:after{content:'';display:block;clear:both;}
.history-section .graph-wrap .img{width: 196px;position:relative;}
.history-section .graph-wrap .img img{width: 100%;}
.history-section .graph-wrap .year-bullet{width:150%;position:absolute;top:50%;transform:translateY(-50%);}
.history-section .graph-wrap .year-bullet:after{content:'';display:block;clear:both;}
.history-section .graph-wrap .year-bullet span{display: block;}
.history-section .graph-wrap .year-bullet .line{width: 109px;margin-top: 16px;line-height: 0;}
.history-section .graph-wrap .year-bullet .line img{width: 100%;}
.history-section .graph-wrap .year-bullet .dots{width: 18px;height: 18px;margin-top: 9px;border-radius:50%;background-color: #329fff;}
.history-section .graph-wrap .year-bullet .year{font-size: 22px;color:#329fff;font-weight: bold;}
.history-section .graph-wrap .txt{padding-top: 45px;}
.history-section .graph-wrap .txt h5{font-size: 22px;color:#329fff;letter-spacing: 0;font-weight: 600;}
.history-section .graph-wrap .txt p{margin-top: 15px;font-size: 16px;color:#63666a;line-height: 1.65;}
.history-section .graph-wrap li:nth-of-type(odd){padding-left: calc(50% - 40px);}
.history-section .graph-wrap li:nth-of-type(odd) > div{float:left;}
.history-section .graph-wrap li:nth-of-type(odd) .txt{text-align: left;padding-left: 35px;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet{left:-151%;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet span{float:right;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet .year{margin-right: 20px;}
.history-section .graph-wrap li:nth-of-type(even){width:calc(50% + 40px);}
.history-section .graph-wrap li:nth-of-type(even) > div{float:right;}
.history-section .graph-wrap li:nth-of-type(even) .txt{text-align: right;padding-right: 35px;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet{right:-153%;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet span{float:left;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet .year{margin-left: 20px;}
.history-section .graph-wrap li:nth-of-type(1){padding-bottom: 0;}
/*----- footer-section -----*/
.footer-section .fp-tableCell{display:block;}
.footer-section .footer__social-link{line-height: 1.15;}
/*----- promise-pop -----*/
.promise-pop{position:fixed;top:0;left:0;bottom:0;right:0;z-index: 9999;}
.promise-pop .bg{width:100%;height:100%;background-color: rgba(0,0,0,0.3);}
.promise-pop .pop-wrap{width:810px;height:810px;padding:75px 0;background-color: #fff;border-radius:35px;box-sizing: border-box;box-shadow: 0px 10px 30px rgba(0,0,0,0.2);border:1px solid #dcdcdc;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);text-align: left;}
.promise-pop .pop{height:660px;padding:0 90px;box-sizing: border-box;overflow-y:scroll;}
.promise-pop .pop-wrap a{display: block;width: 42px;height: 42px;position:absolute;top: 40px;right: 50px;z-index: 1;background-color: #fff;}
.promise-pop .pop-wrap a img{width:100%;}
.promise-pop .pop-wrap li{color:#000;letter-spacing: 0;}
.promise-pop .pop-wrap li + li{margin-top: 55px;padding-top: 55px;border-top: 2px solid #c8cacb;}
.promise-pop .pop-wrap li h3{font-size: 43px;font-weight: bold;}
.promise-pop .pop-wrap li h4{font-size: 20px;font-family: "brandon-grotesque";font-weight: bold;}
.promise-pop .pop-wrap li .img{width: 100%;}
.promise-pop .pop-wrap li .img img{width: 100%;}
/* scrollbar custom */
.mCSB_scrollTools{width:24px;}
.mCSB_scrollTools .mCSB_draggerRail{width:24px;background-color: #e0e0e1;border-radius:12px;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{width:100%;background-color: #a1a3a5;border-radius:12px;}
@media all and (min-width:1920px) {
/*----- visual-section -----*/
.visual-section .inner{max-width:100%;}
.visual-section .txt{padding-left: 10.99%;}
}
@media all and (max-width:1536px) {
/*----- wwf-section -----*/
.wwf-section .desc{margin-top: 20px;}
.wwf-section .txt{margin-top: 20px;}
.wwf-section .txt p{margin-top: 20px;}
}
@media all and (max-width:1500px) {
/* common */
.blue_movement .inner{padding:0 40px;padding:0 2.667vw;}
.blue_movement .common-tit{font-size: 3.333vw;}
/*----- visual-section -----*/
.visual-section .txt{padding-top: 10vw;}
.visual-section h2 img{width: 47.733vw;}
.visual-section p{margin-top: 3.333vw;font-size: 1.067vw;}
.visual-section .next-arrow{width: 2.8vw;bottom:7.333vw;}
.visual-section .circle-wrap{right:10vw; animation-name: circleWrapIn1500; animation-timing-function: ease-out; animation-duration: 4.5s; animation-fill-mode: backwards;}
.visual-section .circle{width: 56.667vw;height: 56.667vw; animation-name: circleIn1500; animation-timing-function: ease-in-out; animation-duration: 4.5s; animation-fill-mode: backwards;}
/* .visual-section .circle-wrap .circle{width: 200vw;;height: 200vw;} */
.visual-section .visual-logo{right:5%;top:5%;width: 6.467vw;}
@keyframes circleWrapIn1500 {
0% {
right: 50%;
top: 100%;
}
30% {
right: 50%;
top: 80%;
}
80% {
right: 50%;
top: 80%;
}
90% {
right: 10vw;
top: -3%;
}
100% {
right: 10vw;
top: -3%;
}
}
@keyframes circleIn1500 {
0% {
width: 200vw;
height: 200vw;
}
30% {
width: 200vw;
height: 200vw;
}
80% {
width: 200vw;
height: 200vw;
}
100% {
width: 56.667vw;
height: 56.667vw;
}
}
/*----- story-section -----*/
.story-section .story-logo{width: 9.333vw;margin-bottom: 2.667vw;}
.story-section .txt{margin-top: 1.667vw;}
.story-section .txt p{font-size: 1.067vw;}
.story-section .txt p + p{margin-top: 2vw;}
.story-section .txt p span:after{height:0.8vw;background-size: 100% 100% !important;}
.story-section.flag .txt p .line01:after {width: 8.267vw;}
.story-section.flag .txt p .line02:after {width: 7.533vw;}
.story-section.flag .txt p .line03:after {width: 8.267vw;}
/* .story-section .txt p .line01:after{width: 7.533vw;}
.story-section .txt p .line02:after{width: 8.267vw;}
.story-section .txt p .line03:after{width: 7.067vw;} */
.story-section .object-wrap .object01{width: 51.6vw;}
.story-section .object-wrap .object02{top: 3vw;right: 9vw;width: 36.933vw;}
/*----- promise-section -----*/
.promise-section .box{margin-top: 2vw;padding:6vw 0 3.667vw;border-radius:1.333vw;}
.promise-section .icon{width: 9.867vw;}
.promise-section h4{margin-top: 2.667vw;font-size: 1.467vw;}
.promise-section p{margin-top: 1vw;font-size: 1.067vw;}
.promise-section .tag{margin-top: 2.667vw;}
.promise-section .more{margin-top: 1.333vw;padding:2px 1.667vw;font-size: 0.933vw;}
/*----- wwf-section -----*/
.wwf-section:after{height:6.667vw;bottom:0;}
.wwf-section .common-tit .logo01{width: 8.733vw;}
.wwf-section .common-tit .logo02{width: 10.733vw;}
.wwf-section .desc{margin-top: 1.8vw;font-size: 1.067vw;}
.wwf-section .txt{margin-top: 1vw;}
.wwf-section .txt h4{font-size: 1.467vw;}
.wwf-section .txt p{margin-top: 1.5vw;font-size: 1.067vw;}
/*----- history-section -----*/
.history-section-wrapper{padding-top: 13.333vw;}
.history-section .since{margin-top: 1.333vw;}
.history-section .since h4{font-size: 1.667vw;}
.history-section .since p{margin-top: 2vw;font-size: 1.067vw;}
.history-section .since p + p{margin-top: 2.333vw;}
.history-section .b02{width: 2.667vw;height: 2.667vw;left: 15.333vw;top:36vw;}
.history-section .b03{width: 4.8vw;height: 4.8vw;left: 20vw;top:28.333vw;}
.history-section .graph-wrap{margin-top: 3.333vw;padding: 4.133vw 0 28vw;background-size:22.133vw auto;}
.history-section .graph-wrap li{padding: 4.933vw 0;}
.history-section .graph-wrap .img{width: 13.067vw;}
.history-section .graph-wrap .year-bullet .line{width: 7.267vw;margin-top: 1.067vw;}
.history-section .graph-wrap .year-bullet .dots{width: 1.2vw;height: 1.2vw;margin-top: 6px;}
.history-section .graph-wrap .year-bullet .year{font-size: 1.467vw;}
.history-section .graph-wrap .txt{padding-top: 3vw;}
.history-section .graph-wrap .txt h5{font-size: 1.467vw;}
.history-section .graph-wrap .txt p{margin-top: 1vw;font-size: 1.067vw;}
.history-section .graph-wrap li:nth-of-type(odd){padding-left: calc(50% - 2.667vw);}
.history-section .graph-wrap li:nth-of-type(odd) .txt{padding-left: 2.333vw;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet .year{margin-right: 1.333vw;}
.history-section .graph-wrap li:nth-of-type(even){width:calc(50% + 2.667vw);}
.history-section .graph-wrap li:nth-of-type(even) .txt{padding-right: 2.333vw;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet .year{margin-left: 1.333vw;}
.history-section .graph-wrap li:nth-of-type(1){padding-bottom: 0;}
/*----- promise-pop -----*/
.promise-pop .pop-wrap{width:54vw;height:54vw;padding:5vw 0;border-radius:2.333vw;}
.promise-pop .pop{height:44vw;padding:0 6vw;}
.promise-pop .pop-wrap a{width: 2.8vw;height: 2.8vw;top: 3vw;right: 4vw;}
.promise-pop .pop-wrap li + li{margin-top: 3.667vw;padding-top: 3.667vw;}
.promise-pop .pop-wrap li h3{font-size: 2.867vw;}
.promise-pop .pop-wrap li h4{font-size: 1.333vw;}
}
@media all and (max-width:750px) {
/* common */
.fp-section,
.fp-tableCell{height: auto !important;}
.blue_movement .pc-only{display: none;}
.blue_movement .mo-only{display: block;}
.blue_movement .inner{position:relative;left: auto; top: auto; transform:translate3d(0,0,0);padding:0 40px;padding: 0 5.333vw;}
.blue_movement .common-tit{font-size: 68px;line-height: 1.12;font-size: 9.067vw;}
.blue_movement .bubble{z-index: -1;}
/*----- visual-section -----*/
.visual-section .txt{padding: 400px 0;padding: 28vh 0;}
.visual-section h2 img{width: 536px;width: 71.467vw;}
.visual-section p{margin-top: 20px;font-size: 24px;line-height: 1.58;margin-top: 4vw;font-size: 4vw;}
.visual-section .circle-wrap{top:-22%;z-index: -1;right: 0;animation-name: circleWrapIn750; animation-timing-function: ease-out; animation-duration: 4.5s; animation-fill-mode: backwards;}
.visual-section .circle{width: 94.4vw;height: 94.4vw;animation-name: circleIn750; animation-timing-function: ease-in-out; animation-duration: 4.5s; animation-fill-mode: backwards;}
.visual-section .visual-logo{width:14.667vw;}
@keyframes circleWrapIn750 {
0% {
right: 50%;
top: 100%;
}
30% {
right: 50%;
top: 80%;
}
80% {
right: 50%;
top: 80%;
}
90% {
right: 0;
top: -22%;
}
100% {
right: 0;
top: -22%;
}
}
@keyframes circleIn750 {
0% {
width: 200vw;
height: 200vw;
}
30% {
width: 200vw;
height: 200vw;
}
80% {
width: 200vw;
height: 200vw;
}
100% {
width: 94.4vw;
height: 94.4vw;
}
}
.visual-section .next-arrow{bottom: 0;width: 27px;bottom:0;width: 3.6vw;z-index: 10;}
/*----- story-section -----*/
.story-section{padding:105px 0;padding: 14vw 0;height: 100vh !important;}
.story-section .inner{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}
.story-section .txt{margin-top: 40px;background:none;margin-top: 5.333vw;}
.story-section .txt p{font-size: 24px;line-height: 1.66;font-size: 4vw;}
.story-section .txt p + p{margin-top: 35px;margin-top: 4.667vw;}
.story-section .txt p span:after{height: 19px;left:0%;bottom:2px;background-size: 100% 100% !important;height: 2.677vw;}
.story-section.flag .txt p .line01:after {width: 17.6vw;}
.story-section.flag .txt p .line02:after {width: 15.067vw;}
.story-section.flag .txt p .line03:after {width: 17.6vw;}
.story-section .object-wrap .object01{width: 500px;left: -250px;bottom: -25px;width: 66.667vw;left: -33.333vw;bottom: -3.333vw; animation-name: rotateTransition750; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .object-wrap .object02{width: 340px;right: -125px;top: 125px;width: 45.333vw;right: -16.667vw;top: 16.667vw;animation-name: transitionY750; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .object-wrap .object02 img{animation-name: transitionX750; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.story-section .story-logo{width:150px;margin-bottom:40px;width:20vw;margin-bottom:5.333vw;}
@keyframes transitionY750 {
0% {
transform: translateY(-4px);
}
60% {
transform: translateY(4px);
}
100% {
transform: translateY(-4px);
}
}
@keyframes transitionX750 {
0% {
transform: translateX(-8px);
}
50% {
transform: translateX(8px);
}
100% {
transform: translateX(-8px);
}
}
@keyframes rotateTransition750 {
0% {
transform: rotate(-5deg);
}
60% {
transform: rotate(0deg);
}
100% {
transform: rotate(-5deg);
}
}
/*----- promise-section -----*/
.promise-section{padding:75px 0 160px;padding: 10vw 0 21.333vw;}
.promise-section:before{height: 623px;height: 83.067vw;}
.promise-section .box{margin-top: 60px;border-radius:25px;padding:60px 0 90px;margin-top: 8vw;border-radius:3.333vw;padding:8vw 0 12vw;}
.promise-section .box li,
.promise-section .box li:nth-of-type(2){display: block;width:100%;}
.promise-section .box li + li{margin-top: 75px;margin-top: 10vw;}
.promise-section .icon{width: 145px;width: 19.333vw;}
.promise-section h4{font-size: 30px;margin-top: 30px;font-size: 4.8vw;margin-top: 4vw;}
.promise-section p{font-size: 24px;line-height: 1.66;font-size: 4vw;}
.promise-section .tag{margin-top: 40px;margin-top: 5.333vw;}
.promise-section .more{margin-top: 30px;padding:10px 50px;font-size: 26px;border-radius:35px;margin-top: 4vw;padding:1.333vw 6.667vw;font-size: 3.467vw;border-radius:4.667vw;}
/*----- wwf-section -----*/
.wwf-section{margin-bottom:-1px;padding:125px 0 180px;background: url('/int/en/assets/image/brand/blue-movement/wwf-bg_mo.png') no-repeat center bottom / contain;padding:16.667vw 0 24vw;}
.wwf-section:after{height: 145px;bottom:-70px;height: 19.333vw;bottom:-9.333vw;}
.wwf-section .common-tit .logo01{width: 17.467vw;}
.wwf-section .common-tit .logo02{width: 21.467vw;}
.wwf-section .desc{margin-top: 40px;font-size: 24px;line-height: 1.66;margin-top: 5.333vw;font-size: 4vw;}
.wwf-section .txt{margin-top: 50px;margin-top: 6.667vw;}
.wwf-section .txt h4{font-size: 36px;font-size: 4.8vw;}
.wwf-section .txt p{margin-top: 40px;font-size: 24px;line-height: 1.66;margin-top: 5.333vw;font-size: 4vw;}
.wwf-section .b01{width: 72px;height: 72px;right: 25px;bottom: 430px;width: 9.6vw;height: 9.6vw;right: 3.333vw;bottom: 57.333vw;}
/*----- history-section -----*/
.history-section-wrapper{padding:175px 0 200px;background: url('/int/en/assets/image/brand/blue-movement/history-bg_mo.png') no-repeat center top / contain;padding:23.333vw 0 26.667vw;}
.history-section:after{display:block;left:50%;transform:translateX(-50%);-ms-transform:scale(0);height: 145px;top:-70px;height: 19.333vw;top:-9.333vw;}
.history-section .since{margin-top: 35px;margin-top: 4.667vw;}
.history-section .since h4{font-size: 36px;font-size: 4.8vw;}
.history-section .since p{margin-top: 20px;font-size: 24px;line-height: 1.66;margin-top: 2.667vw;font-size: 4vw;}
.history-section .since p + p{margin-top: 40px;margin-top: 5.333vw;}
.history-section .graph-wrap{margin-top: 70px;padding:110px 0 75px;background: url('/int/en/assets/image/brand/blue-movement/history-line-mo.png') no-repeat 85px top / contain;margin-top: 9.333vw;padding:14.667vw 0 10vw;background-position-x:11.333vw;}
.history-section .graph-wrap li{padding: 5vw 0;}
.history-section .graph-wrap .img{width: 195px;width: 26vw;}
.history-section .graph-wrap .img img{position:relative;z-index: 2;}
.history-section .graph-wrap .year-bullet{width:250%;top:70px;transform:translateY(0);top: 9.333vw;}
.history-section .graph-wrap .year-bullet .line{position: relative;left:0;top: 17px;top: 2.267vw;}
.history-section .graph-wrap .year-bullet .dots{width: 20px;height: 20px;margin-top: 16px;width: 2.667vw;height: 2.667vw;margin-top: 2.133vw;}
.history-section .graph-wrap .year-bullet .year{font-size: 36px;margin-left: 8px;font-size: 4.8vw;}
.history-section .graph-wrap .txt{padding-top: 130px;padding-top: 17.333vw;width:calc(100% - 26vw);box-sizing: border-box;}
.history-section .graph-wrap .txt h5{font-size: 30px;line-height: 1.2;font-size: 4.2vw;}
.history-section .graph-wrap .txt p{margin-top: 5px;font-size: 24px;font-size: 4vw;}
.history-section .graph-wrap li:nth-of-type(odd){padding-left: 0;}
.history-section .graph-wrap li:nth-of-type(odd) .txt{text-align: left;padding-left: 40px;padding-left: 5.333vw;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet{left:auto;right:-472px;right: -62.933vw;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet span{float:left;}
.history-section .graph-wrap li:nth-of-type(odd) .year-bullet .year{margin-right: 0;}
.history-section .graph-wrap li:nth-of-type(even){width:100%;}
.history-section .graph-wrap li:nth-of-type(even) > div{float:left;}
.history-section .graph-wrap li:nth-of-type(even) .txt{text-align: left;padding-right: 0;padding-left: 40px;padding-left: 5.333vw;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet{right:-472px;right: -62.933vw;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet span{float:left;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet .year{margin-left: 8px;}
.history-section .b02{width: 40px;height: 40px;left:48px;top: 590px;width: 5.333vw;height: 5.333vw;left:6.4vw;top: 78.667vw;}
.history-section .b03{width: 72px;height: 72px;left: 92px;top: 460px;width: 9.6vw;height: 9.6vw;left: 12.267vw;top: 61.333vw;}
/*----- promise-pop -----*/
.promise-pop .pop-wrap{width:670px;height:950px;padding:75px 0;border-radius:40px;width:89.333vw;height:126.667vw;padding:10vw 0;border-radius:5.333vw;}
.promise-pop .pop{height:800px;padding:0 40px;height:106.667vw;padding:0 5.333vw;}
.promise-pop .pop-wrap a{width: 72px;height: 72px;top: 45px;right: 55px;width: 9.6vw;height: 9.6vw;top: 6vw;right: 7.333vw;}
.promise-pop .pop-wrap li + li{margin-top: 60px;padding-top: 60px;margin-top: 8vw;padding-top: 8vw;}
.promise-pop .pop-wrap li h3{font-size: 44px;font-size: 5.867vw;}
.promise-pop .pop-wrap li h4{font-size: 24px;font-size: 3.2vw;}
.promise-pop .pop-wrap li .img{margin-top: 25px;margin-top: 3.333vw;}
/* scrollbar custom */
.mCSB_scrollTools{width:3.2vw;}
.mCSB_scrollTools .mCSB_draggerRail{width:24px;border-radius:1.6vw;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{border-radius:1.6vw;}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{margin:0;}
}
/* mobile pixel */
@media all and (max-width:640px) {
/*----- wwf-section -----*/
.wwf-section .common-tit img{margin-top: 5px;}
/*----- history-section -----*/
.history-section .graph-wrap .year-bullet .year{margin-left: 4px;}
.history-section .graph-wrap .txt p{margin-top: 2px;}
.history-section .graph-wrap li:nth-of-type(even) .year-bullet .year{margin-left: 4px;}
/*----- promise-pop -----*/
.promise-pop .pop-wrap li + li{border-width:1px;}
}
/*----- animation -----*/
/* visual-section */
.visual-section p{
transform:translate3d(0,50px,0);
transition-duration: 1s;
transition-timing-function:ease;
transition-property: opacity, transform;
opacity:0;
}
.visual-section.flag p{transition-delay: 0.5s;opacity: 1;transform: translateZ(0);}
/* story-section */
.story-section .story-logo,
.story-section .common-tit,
.story-section .txt{
transform:translate3d(0,50px,0);
transition-duration: 1s;
transition-timing-function:ease;
transition-property: opacity, transform;
opacity:0;
}
.story-section .txt p span:after{
/* transform:translate3d(-50px,0,0); */
transition-duration: 1s;
transition-timing-function:ease;
transition-property: opacity, transform, width;
width: 0;
opacity:0;
}
.story-section.flag .story-logo,
.story-section.flag .common-tit,
.story-section.flag .txt,
.story-section.flag .txt p span:after{opacity: 1;transform: translateZ(0);}
.story-section.flag .story-logo{transition-delay: 0s;}
.story-section.flag .common-tit{transition-delay: 0.4s;}
.story-section.flag .txt{transition-delay: 0.7s;}
.story-section.flag .txt p .line01:after{transition-delay: 1.0s;}
.story-section.flag .txt p .line02:after{transition-delay: 1.2s;}
.story-section.flag .txt p .line03:after{transition-delay: 1.4s;}
.story-section.flag .txt p .line01:after {width: 153px;}
.story-section.flag .txt p .line02:after {width: 90px;}
.story-section.flag .txt p .line03:after {width: 47px;}
@media all and (max-width:1500px) {
.story-section.flag .txt p .line01:after {width: 10.143vw;}
.story-section.flag .txt p .line02:after {width: 6vw;}
.story-section.flag .txt p .line03:after {width: 3.15vw;}
}
@media all and (max-width:750px) {
.story-section.flag .txt p .line01:after {width: 37vw;}
.story-section.flag .txt p .line02:after {width: 22vw;}
.story-section.flag .txt p .line03:after {width: 11.6vw;}
}
/* promise-section */
.promise-section .common-tit,
.promise-section .box li{
transform:translate3d(0,50px,0);
transition-duration: 1s;
transition-timing-function:ease;
transition-property: opacity, transform;
opacity:0;
}
.promise-section.flag .common-tit,
.promise-section.flag .box li{opacity: 1;transform: translateZ(0);}
.promise-section.flag .common-tit{transition-delay: 0.0s;}
.promise-section.flag .box li:nth-of-type(1){transition-delay: 0.3s;}
.promise-section.flag .box li:nth-of-type(2){transition-delay: 0.7s;}
.promise-section.flag .box li:nth-of-type(3){transition-delay: 1.1s;}
/* wwf-section */
.wwf-section .common-tit,
.wwf-section .desc,
.wwf-section .txt h4,
.wwf-section .txt p{
transform:translate3d(0,50px,0);
transition-duration: 1s;
transition-timing-function:ease;
transition-property: opacity, transform;
opacity:0;
}
.wwf-section.flag .common-tit,
.wwf-section.flag .desc,
.wwf-section.flag .txt h4,
.wwf-section.flag .txt p{opacity: 1;transform: translateZ(0);}
.wwf-section.flag .common-tit{transition-delay: 0.0s;}
.wwf-section.flag .desc{transition-delay: 0.3s;}
.wwf-section.flag .txt h4{transition-delay: 1.1s;}
.wwf-section.flag .txt p:nth-of-type(1){transition-delay: 1.4s;}
.wwf-section.flag .txt p:nth-of-type(2){transition-delay: 1.7s;}
.wwf-section.flag .txt p:nth-of-type(3){transition-delay: 2.0s;}
/* history-section */
.history-section .common-tit,
.history-section .since h4,
.history-section .since p,
.history-section .graph-wrap,
.history-section .graph-wrap li{
transform:translate3d(0,50px,0);
transition-duration: 1s;
transition-timing-function:ease;
transition-property: opacity, transform;
opacity:0;
}
.history-section.flag .common-tit,
.history-section.flag .since h4,
.history-section.flag .since p,
.history-section.flag .graph-wrap,
.history-section.flag .graph-wrap li.on{opacity: 1;transform: translateZ(0);}
.history-section.flag .common-tit{transition-delay: 0.0s;}
.history-section.flag .since h4{transition-delay: 0.4s;}
.history-section.flag .since p{transition-delay: 0.8s;}
.history-section.flag .graph-wrap{transition-delay: 1.2s;}
.history-section .bubble-wrap {position: fixed; z-index: -1; opacity: 0; transition: opacity .5s;}
@media all and (min-width:751px) {
.blue_movement .section {overflow: hidden;}
.blue_movement .footer-section{overflow:visible !important;}
.history-section .bubble-wrap.right {right: 18px;}
}
.wwf-section .bubble-wrap {position: absolute; z-index: -1; opacity: 0; transition: opacity .5s;}
.fp-viewing-4 .history-section .inner,
.fp-viewing-5 .history-section .inner {position: relative; z-index: 10; left: auto; top: auto}
.fp-viewing-3 .wwf-section .inner {z-index: 10;}
.fp-viewing-4 .history-section .bubble-wrap,
.fp-viewing-5 .history-section .bubble-wrap {z-index: 0; opacity: 1;}
.fp-viewing-3 .wwf-section.active .bubble-wrap {z-index: 0; opacity: 1;}
.bubble-wrap {position: absolute; height: 100%; width: 30%; top: 0;}
.bubble-wrap.left {left: 0;}
.bubble-wrap.right {right: 0;}
.bubble-wrap .bubble {position:absolute; animation-duration: 8s; animation-iteration-count: infinite; animation-name: bubbleYAnimFrames; animation-timing-function: linear; left: 19%; top: 100%; width: 72px; height: 72px;}
.bubble-wrap .bubble .bubble-ico {display: block; width: 100%; height: 100%; border-radius:50%; background-color: #cedfed; animation-duration: 3s; animation-iteration-count: infinite; animation-name: bubbleXAnimFrames; animation-timing-function: ease-in-out; animation-direction: alternate;}
.bubble-wrap .b01 {width: 50px; height: 50px;}
.bubble-wrap .b01 .bubble-ico {}
.bubble-wrap.right .b01 {animation-delay: 1s;}
.bubble-wrap .b02 {animation-delay: 2s; left: 35%;}
.bubble-wrap .b02 .bubble-ico {opacity: 0.6; animation-delay: 1.5s;}
.bubble-wrap.right .b02 {left: 25%;}
.bubble-wrap.right .b02 .bubble-ico {animation-delay: 0.7s;}
.bubble-wrap .b03 {animation-delay: 4s; left: 0; width: 25px; height: 25px;}
.bubble-wrap .b03 .bubble-ico {opacity: 0.4; animation-delay: 3s;}
.bubble-wrap.right .b03 {left: 50%;}
.bubble-wrap.right .b03 .bubble-ico {animation-delay: 3.5s;}
.bubble-wrap .b04 {animation-delay: 1.5s; left: 50%;}
.bubble-wrap .b04 .bubble-ico {opacity: 0.7; animation-delay: 2s; border: 3px solid #cedfed; background-color: transparent;}
.bubble-wrap.right .b04 {animation-delay: 4.5s; left: 70%;}
.bubble-wrap.right .b04 .bubble-ico {opacity: 0.7; animation-delay: 2s; border: 2px solid #cedfed; background-color: transparent; width: 50px; height: 50px;}
.bubble-wrap .b05 {animation-delay: 6s; left: 33%;}
.bubble-wrap .b05 .bubble-ico {opacity: 0.9; animation-delay: 1s; width: 40px; height: 40px;}
.bubble-wrap.right .b05 {left: 46%;}
.bubble-wrap.right .b05 .bubble-ico {opacity: 0.9; animation-delay: 1s;}
@keyframes bubbleYAnimFrames {
0% {
transform: translateY(-10vh);
opacity: 0;
}
10% {
opacity: 1;
}
99% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-110vh);
}
}
@keyframes bubbleXAnimFrames {
0% {
transform: translateX(0);
}
100% {
transform: translateX(150px);
}
}
@media all and (max-width:750px) {
.bubble-wrap .bubble {width: 15vw; height: 15vw;}
.history-section .bubble-wrap .bubble {animation-duration: 12s; animation-iteration-count: infinite; animation-name: bubbleYAnimFrames750; animation-timing-function: linear; top: 100%;}
.bubble-wrap .b01 {width: 10vw; height: 10vw;}
.bubble-wrap .b03 {width: 5vw; height: 5vw;}
.bubble-wrap.right .b04 .bubble-ico {width: 15vw; height: 15vw;}
.bubble-wrap .b05 .bubble-ico {width: 12vw; height: 12vw;}
@keyframes bubbleYAnimFrames750 {
0% {
transform: translateY(-10vh);
opacity: 0;
}
10% {
opacity: 1;
}
99% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(-200vh);
}
}
}
.footer-section.footer-hide #footer{display:none !important;}
/* history */
@media all and (min-width:751px) {
.history-section .graph-wrap li:nth-of-type(3){padding-top: 0;overflow-y: hidden;margin-top: -70px;}
.history-section .graph-wrap li:nth-of-type(4){padding-top: 0;padding-bottom: 0;margin-top: -50px;}
}
@media all and (min-width:751px) and (max-width:1500px) {
.history-section .graph-wrap li:nth-of-type(4){margin-top: -2.333vw;}
}