#online.dx #titleArea{width:100%}#online.dx #topicPath{margin:15px auto}#online.dx .kv{margin-top:0;padding:0;position:relative;min-height:415px;background:url(/images/images2016/online/dx/bgi-kv-repeat.png) repeat-x;background-size:contain}#online.dx .kv .kv-wrap{margin:0 auto;padding:45px 0;position:relative;width:1000px}#online.dx .kv .kvImg{position:relative;top:0;right:0}#online.dx .kv .kvImg img{position:absolute;top:-45px;right:0}#online.dx .kv .textArea{position:relative}#online.dx .kv .textArea .subTitle{margin:0 0 10px;font-size:20px}#online.dx .kv .textArea .pageTitle{font-size:64px;font-weight:bold;line-height:1;text-indent:-38px}#online.dx .kv .textArea .addTitle{padding-top:10px;letter-spacing:1.3px}#online.dx .kv .textArea .titleLead{margin-top:30px;padding-left:30px;border-left:4px solid #3e3a39;font-size:24px;font-weight:bold;line-height:1.35;letter-spacing:-.05em}#online.dx .kv .circle-btn{border-radius:120px;display:flex;align-items:center;justify-content:center;position:absolute;right:30px;bottom:-40px;width:120px;height:120px;color:#fff;background:#fb8800;font-weight:bold;line-height:1.2321428571;text-align:center}#online.dx .kv .circle-btn:hover{opacity:.7}#online.dx .kv .circle-btn .btn-text{position:relative;top:-7px}#online.dx .kv .circle-btn::after{margin:0 auto;position:absolute;right:0;bottom:15px;left:0;width:18px;height:18px;background:url(/images/images2016/online/content-library/icon_arrow-white.svg) no-repeat;background-size:contain;content:""}#online.dx .lms_headline{font-weight:bold;text-align:center}#online.dx .lms_headline b{margin-top:15px;display:block;color:#db5f45;font-size:36px;line-height:1.1666666667;letter-spacing:-.04em}#online.dx .lms_lead{margin-top:1.8em;font-size:18px}#online.dx .mt1em{margin-top:1em}#online.dx .sectionHeadline{color:#0097dd;font-size:28px;font-weight:bold;line-height:1.2857142857;text-align:center;text-indent:16px;letter-spacing:-.06em}#online.dx .movie-column-list-kv{padding:8% 2%;color:#fff;background-color:#092434;background-image:url(/images/images2016/online/dx/figure-dx-Human-resource-video-content.jpg);background-repeat:no-repeat;background-position-x:100%;text-align:left}#online.dx .btn_wrap{margin-top:68px;text-align:center}#online.dx .btn-cl{display:inline-flex;align-items:center;justify-content:center;position:relative;width:720px;height:70px;color:#fff;background:#3e3a39;font-size:24px;font-weight:bold;letter-spacing:-.06em}#online.dx .btn-cl:before,#online.dx .btn-cl:after{display:block;position:absolute;top:50%;transform:translateY(-50%);content:""}#online.dx .btn-cl:before{left:40px;width:32px;height:32px;background:url(/images/images2016/online/content-library/icon_download.svg) no-repeat;background-size:contain}#online.dx .btn-cl:after{right:30px;width:28px;height:28px;background:url(/images/images2016/online/content-library/icon_arrow-white.svg) no-repeat;background-size:contain}#online.dx .btn-cl:hover{opacity:.8}#online.dx .movie-label{display:block;color:#62bad5}#online.dx .movie-title{color:#3e3a39}#online.dx .relatedSection{padding:0 0 80px;background:#f9f9f9}#online.dx .relatedSection .columnWrap{margin-top:37px}#online.dx .relatedSection .columnWrap li{width:100%;box-shadow:0 0 30px rgba(0,0,0,.1)}#online.dx .relatedSection .columnWrap li+li{margin-top:20px}#online.dx .relatedSection .columnWrap a{display:flex;align-items:center;background:#fff}#online.dx .relatedSection .columnWrap img{width:100%;height:auto}#online.dx .relatedSection .icon-andLt{position:relative}#online.dx .relatedSection .icon-andLt:before{position:absolute;top:50%;right:10px;left:auto;transform:translateY(-50%)}#online.dx .relatedSection .leftArea{flex-shrink:0;width:312px}#online.dx .relatedSection .rightArea{padding:28px 50px 28px 34px;width:calc(100% - 312px);color:#3e3a39;letter-spacing:-.06em}#online.dx .relatedSection .rightArea h3{font-size:20px;font-weight:bold;line-height:1.2}#online.dx .relatedSection .rightArea h3.icon-andLt:before{display:none}#online.dx .relatedSection .rightArea .bm-text-label{margin-top:.33em;display:block;color:#00a384;font-size:14px;font-weight:bold}#online.dx .relatedSection .rightArea p{margin-top:.66em;font-size:18px}@media only screen and (min-width:641px){#online.dx #contactArea{padding:0}#online.dx #contactArea .contactLabel,#online.dx #contactArea .contactNotes,#online.dx #contactArea .contactBase{width:100%;letter-spacing:0}#online.dx #contactArea .button-contact .right{justify-content:flex-end}#online.dx #contactArea .button-contact .right .button-border-right-arrow{padding:0 1em 0 0;justify-content:center;width:292px;height:50px;font-size:14px}}@media only screen and (max-width:640px){#online.dx .kv{padding:0;min-height:auto;background:#fff}#online.dx .kv .kv-wrap{padding:0;width:100%}#online.dx .kv .kvImg{margin:0 auto;position:relative;top:1px;width:100%;height:auto}#online.dx .kv .kvImg img{position:relative;top:0}#online.dx .kv .textArea{padding:5% 3.125% 0}#online.dx .kv .textArea .subTitle{margin:0 0 3.3333333333%;line-height:.7916666667;letter-spacing:-.02em;font-size:28px;font-size:2.8rem;font-size:4.375vw}#online.dx .kv .textArea .pageTitle{font-size:83px;font-size:8.3rem;font-size:12.96875vw;text-indent:-.6em}#online.dx .kv .textArea .addTitle{padding-top:3.3333333333%;line-height:1.5;letter-spacing:-.02em;font-size:27px;font-size:2.7rem;font-size:4.21875vw}#online.dx .kv .textArea .titleLead{margin-top:6.6666666667%;padding:0 4.1666666667%;line-height:1.35;font-size:30px;font-size:3rem;font-size:4.6875vw;letter-spacing:-.04em}#online.dx .kv .circle-btn{border-radius:120px;top:27.25%;right:30px;bottom:auto;width:120px;height:120px;line-height:1.2321428571}#online.dx .kv .circle-btn .btn-text{top:-7px}#online.dx .kv .circle-btn::after{right:0;bottom:15px;left:0;width:18px;height:18px;background:url(/images/images2016/online/content-library/icon_arrow-white.svg) no-repeat;background-size:contain;content:""}#online.dx .btn_wrap{margin-top:3.3076923077em}#online.dx .btn-cl{width:20.0769230769em;height:3em;font-size:26px;font-size:2.6rem;font-size:4.0625vw}#online.dx .btn-cl:before{left:1em;width:1.3846153846em;height:1.3846153846em}#online.dx .btn-cl:after{right:.9230769231em;width:1.0769230769em;height:1.0769230769em}#online.dx .lms_headline b{margin-top:.5490196078em;line-height:1.1664705882;font-size:51px;font-size:5.1rem;font-size:7.96875vw}#online.dx .lms_lead{margin-top:1.3461538462em;line-height:1.48;font-size:26px;font-size:2.6rem;font-size:4.0625vw}#online.dx .sectionHeadline{line-height:1.2857860372;text-align:center;font-size:39.82px;font-size:3.982rem;font-size:6.221875vw}#online.dx .movie-column-list-kv{padding:1.0769230769em 0;background-image:none;background-position-x:0}#online.dx .movie-label{text-align:center}#online.dx .relatedSection{padding:0 0 3.3076923077em}#online.dx .relatedSection .columnWrap{margin-top:1.0769230769em}#online.dx .relatedSection .columnWrap li+li{margin-top:1.3076923077em}#online.dx .relatedSection .columnWrap a{display:block}#online.dx .relatedSection .columnWrap img{width:100%;height:auto}#online.dx .relatedSection .icon-andLt{position:relative}#online.dx .relatedSection .icon-andLt:before{display:none}#online.dx .relatedSection .leftArea{width:100%}#online.dx .relatedSection .rightArea{padding:1.2307692308em 1.1538461538em 1.6923076923em;width:100%}#online.dx .relatedSection .rightArea h3{padding-left:1.5950520833em;font-size:30.72px;font-size:3.072rem;font-size:4.8vw}#online.dx .relatedSection .rightArea h3.icon-andLt:before{display:block;right:auto;left:-.2em;font-size:1.1em}#online.dx .relatedSection .rightArea p{margin-top:.5em;font-weight:400;line-height:1.5;font-size:26px;font-size:2.6rem;font-size:4.0625vw}}@media only screen and (max-width:568px){html{font-size:55.46875%}body{font-size:23.075px;font-size:2.3075rem;font-size:4.0625vw}}@media only screen and (max-width:540px){html{font-size:52.734375%}body{font-size:21.9375px;font-size:2.19375rem;font-size:4.0625vw}}@media only screen and (max-width:480px){html{font-size:46.875%}body{font-size:19.5px;font-size:1.95rem;font-size:4.0625vw}.customSelect .refineLabelWrap select{font-size:16px}select{font-size:16px}}@media only screen and (max-width:414px){html{font-size:40.4296875%}body{font-size:16.81875px;font-size:1.681875rem;font-size:4.0625vw}}@media only screen and (max-width:375px){html{font-size:36.62109375%}body{font-size:15.234375px;font-size:1.5234375rem;font-size:4.0625vw}}@media only screen and (max-width:360px){html{font-size:35.15625%}body{font-size:14.625px;font-size:1.4625rem;font-size:4.0625vw}}@media only screen and (max-width:320px){html{font-size:31.25%}body{font-size:13px;font-size:1.3rem;font-size:4.0625vw}}