@charset "UTF-8";


/* =========================================================
■TOP PAGE
========================================================= */

.editAreaResp {
    width: 100%;
}

.theme-service03 .n6_pageinfo {
    position: relative;
}

/* ================================== 削除予定ダミーCSS ================================== */


/*リリース時の表示・非表示切り分け*/
/*
.elr_lang{
    display: none !important;
}
*/
#elrLangSwitchHeadLine.elr_lang{
    display: block;
    overflow: visible;
}

/*英語*/
/*最新情報*/

.elr_en_news_index .elr_news_guide .elr_btn .elr_en_news_lines {
    line-height: 11px;
}

.elr_en_news_index .elr_news_guide .elr_btn .elr_en_news_small {
  line-height: 28px;
  font-size: 10px;
}
.elr_en_news_index .elr_news_guide .elr_btn a span {
  font-size: 12px;
}
/*トップページ*/

/*お申し込みボタン*/
.elr_en_apply_caution,
.elr_ch_apply_caution,
.elr_en_apply_caution a,
.elr_ch_apply_caution a{
    color: white;
}

.elr_top_apply1.elr_en_apply,
.elr_top_apply2.elr_en_apply,
.elr_top_apply1.elr_ch_apply,
.elr_top_apply2.elr_ch_apply{
    padding-top: 15px;
}

.elr_en_apply .elr_top_apply_btn,
.elr_ch_apply .elr_top_apply_btn{
    height: 61px;
}

.elr_en_apply .elr_top_apply_btn a,
.elr_ch_apply .elr_top_apply_btn a{
    height: 57px;
}

.elr_en_apply.elr_top_apply1 h4,
.elr_en_apply.elr_top_apply2 h4,
.elr_ch_apply.elr_top_apply1 h4,
.elr_ch_apply.elr_top_apply2 h4{
    margin-bottom: 15px;
}

.elr_en_apply .elr_top_apply_btn a:after {
    top: 24px;
}
.elr_ch_apply .elr_top_apply_btn a:after {
    top: 24px;
}
/*/お申し込みボタン*/
.elr_1slide {
    margin-bottom: 30px;
    list-style: none;
}
.elr_en_top4_btn a{
    min-width: 210px !important;
    letter-spacing: 0px !important;
}
.elr_en_top4_btn{
    bottom: 20px !important;
}
.elr_en_top4_p{
    line-height: 18px;
}
.elr_top_case .elr_en_top4_btn a{
    width: 300px !important;
}
.elr_en_top4 h5{
    line-height: 24px !important;
}
.elr_top_jponly {
    color: #81784f !important;
    font-size: 11px;
}
.elr_top_jponly > br {
    display: none;
}
.elr_en_4btn_jponly {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0px;
}
.elr_en_4btn div.elr_4btn_case a p {
    letter-spacing: 0em;
}
/*eラーニングライブラリとは*/
.elr_en_about00_feature_no p {
    font-size: 14px !important;
    top: 15px !important;
    left: 3px !important;
    text-align: center;
    line-height: 15px;
}
.elr_en_content_h3{
    font-size: 16px !important;
}
.elr_en_about00_service_pc{
    margin: 20px 0 0;
    width: 100%;
    max-width: 1059px;
    height: 415px;
    display: block;
    position: relative;
    background: url(/hrm/assets/elearning_lib/images/elr_en_about00_03.png) no-repeat;
    background-size: contain;
}
.elr_en_about00_servicelink02_pc {
    top: 40px !important;
}

.elr_en_about00_servicelink01_pc {
    top: 70px !important;
}
.elr_en_about00_service_sp{
    display: none;
}
.elr_en_about00_reason_btn1 a {
    padding-top: 11px !important;
}

.elr_en_about00_reason_btn2 a {
    font-size: 13px !important;
    padding-top: 12px !important;
}

/*メールお知らせ機能*/
.elr_en_osirase_c{
    width: 200px !important;
}
.elr_en_osirase2_t1 {
    top: 99px !important;
}
.elr_en_osirase_t2 {
    right: 35px !important;
    top: 200px !important;
}
.elr_en_osirase3_t1 {
    left: 128px !important;
}

/*お申し込みの流れ*/
.elr_en_flow_pc01 {
    line-height: 15px !important;
    top: 62px !important;
}

.elr_en_flow_pc08 {
    line-height: 15px !important;
    top: 426px !important;
}

.elr_en_flow_pc16 {
    line-height: 15px !important;
    top: 847px !important;
}

.elr_en_flow_pc02 {
    top: 51px !important;
}

.elr_en_flow_pc04 {
    top: 180px !important;
}

.elr_en_flow_pc07 {
    top: 300px !important;
}

.elr_en_flow_pc15 {
    top: 678px !important;
}

.elr_en_flow_pc17 {
    top: 818px !important;
}

.elr_en_flow_pc20 {
    top: 930px !important;
}

.elr_en_flow_pc19 {
    top: 938px !important;
}
.elr_en_flow_sp_img6{
    margin-top: -1px !important;
}
.elr_en_flow_sp_img4 {
    height: 127px !important;
    margin-top: 0px !important;
}
.elr_en_flow_sp_bt1{
    line-height: 22px !important;
}
/*
.elr_en_flow_sp_arw1 img{
    height: 100px !important;
}
*/
/*3つの課題と活用方法*/
.elr_en_sub3_wrap .elr_sub3_no span {
    font-size: 20px;
    line-height: 16px;
    text-align: center;
}
.elr_en_sub3_wrap .elr_sub3_no p {
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}
.elr_en_sub3_wrap .elr_sub3_no2 p {
    top: 95px;
    left: 262px;
    font-size: 12px;
}

.elr_en_sub3_wrap .elr_sub3_no1 p {
    left: 57px;
}

.elr_en_sub3_wrap .elr_sub3_no1 span {
    left: 62px;
}

.elr_en_sub3_wrap .elr_sub3_no3 span {
    left: 529px;
}

.elr_en_sub3_wrap .elr_sub3_no3 p {
    right: 68px;
}
.elr_en_sub3_wrap .elr_sub3_how ul {
    font-size: 14.5px;
    top: 205px;
    left: 61px;
}

.elr_en_sub3_wrap .elr_sub3_how p {
    top: 168px;
    left: 333px;
}
.elr_en_sub3_wrap .elr_sub3_case h3 {
    font-size: 20px;
    line-height: 20px;
}

.elr_en_sub3_wrap .elr_sub3_case1 h3 {
    top: 370px;
}

.elr_en_sub3_wrap .elr_sub3_case1_ct_inner1 {
    top: 451px;
}

.elr_en_sub3_wrap .elr_sub3_case1_ct_inner2 {
    top: 551px;
}

.elr_en_sub3_wrap .elr_sub3_case1_ct_inner3 {
    top: 650px;
}

.elr_en_sub3_wrap .elr_sub3_case_ct_inner p {
    line-height: 14px;
}

.elr_en_sub3_wrap .elr_sub3_case_ct_inner h4 {
    padding: 3px 10px;
    letter-spacing: -0.3px;
}
.elr_en_sub3_wrap .elr_sub3_case_cap {
    right: 160px;
}
.elr_en_sub3_wrap .elr_sub3_case2 h3,
.elr_en_sub3_wrap .elr_sub3_case3 h3 {
    top: 68px;
}

.elr_en_sub3_wrap .elr_sub3_case2_ct_inner1 {
    top: 167px;
}

.elr_en_sub3_wrap .elr_sub3_case2_ct_inner2 {
    top: 233px;
}

.elr_en_sub3_wrap .elr_sub3_case2_ct_inner3 {
    top: 318px;
}
/*多言語にも対応*/
.elr_en_glo_wrap .elr_glo_title p {
    letter-spacing: 0;
    width: 325px;
}

.elr_en_glo_wrap .elr_glo_cloud1 p {
    line-height: 25px;
    top: 10px;
    left: 20px;
}
.elr_en_glo_wrap .elr_glo_ope_p_long {
    letter-spacing: -0.5px;
}

.elr_en_glo_wrap .elr_glo_cloud2 p {
    letter-spacing: 0px;
    left: 10px;
    font-size: 17px;
}
.elr_en_glo_wrap .elr_glo_mob_wrap p {
    width: 140px;
}
/*ライブラリエッセンス*/
.elr_en_libesse_wrap #elr_libesse_top_img {
    top: 50px;
    width: 350px;
}

.elr_en_libesse_wrap .elr_libesse_c {
    top: 8px;
    right: 111px;
}
/*多彩な受講促進機能*/
.elr_prom_en_wrap .elr_prom_textf1 {
    letter-spacing: -0.7px;
    left: 295px;
}

.elr_prom_en_wrap .elr_prom_textyf1 {
    font-size: 14px;
    letter-spacing: -0.3px;
    left: 10px;
    top: 226px;
}

.elr_prom_en_wrap .elr_prom_textf2 {
    letter-spacing: -0.6px;
    top: 223px;
    left: 219px;
    line-height: 13px;
}

.elr_prom_en_wrap .elr_prom_textf3 {
    right: 127px;
    top: 168px;
}

.elr_prom_en_wrap .elr_prom_textf4 {
    letter-spacing: 0px;
    right: 20px;
    top: 237px;
}

.elr_prom_en_wrap .elr_prom_textf5 {
    top: 357px;
    letter-spacing: -0.4px;
    left: 21px;
    top: 360px;
}

.elr_prom_en_wrap .elr_prom_textc3 {
    right: 100px;
}

.elr_prom_en_wrap .elr_prom_textf6 {
    bottom: 242px;
    left: 59px;
}

.elr_prom_en_wrap .elr_prom_textyf2 {
    right: 42px;
    bottom: 392px;
}

.elr_prom_en_wrap .elr_prom_blue {
    bottom: 165px;
}
.elr_prom_en_wrap .elr_prom_textc5 {
    left: 284px;
    bottom: 447px;
}
/*ユーザ管理機能*/
.elr_en_umng_wrap .elr_umng_textyf1 {
    font-size: 16px;
    right: 73px;
    top: 35px;
}

.elr_en_umng_wrap .elr_umng_textf1 {
    /*! letter-spacing: -0.2px; */
    left: 54px;
    font-size: 13px;
}

.elr_en_umng_wrap .elr_umng_textf2 {
    right: 7px;
    font-size: 12px;
    letter-spacing: 0px;
    top: 185px;
}

.elr_en_umng_wrap .elr_umng_textc2 {
    top: 360px;
    left: 40px;
}

.elr_en_umng_wrap .elr_umng_textf3 {
    top: 341px;
    left: 211px;
}

.elr_en_umng_wrap .elr_umng_textf4 {
    right: 26px;
    top: 350px;
    letter-spacing: 0px;
}

.elr_en_umng_wrap .elr_umng_orange {
    top: 456px;
    left: 288px;
}

.elr_en_umng_wrap .elr_umng_textf5 {
    letter-spacing: -0.5px;
    left: 31px;
    font-size: 13px;
    bottom: 407px;
}

.elr_en_umng_wrap .elr_umng_textf6 {
    left: 46px;
    font-size: 12px;
    bottom: 356px;
}

.elr_en_umng_wrap .elr_umng_textc3 {
    right: 155px;
    bottom: 395px;
}

.elr_en_umng_wrap .elr_umng_textc5 {
    right: 266px;
    line-height: 18px;
    bottom: 183px;
}

.elr_en_umng_wrap .elr_umng_textyf2 {
    right: 52px;
    bottom: 178px;
}

.elr_en_umng_wrap .elr_umng_textf8 {
    bottom: 93px;
    right: 9px;
    letter-spacing: -0.3px;
}

.elr_en_umng_wrap .elr_umng_textf9 {
    letter-spacing: -0.2px;
    left: 33px;
    bottom: 44px;
}

.elr_en_umng_wrap .elr_umng_textf10 {
    top: 17px;
}

.elr_en_umng_wrap .elr_umng_textf11 {
    letter-spacing: -0.1px;
    right: 92px;
    top: 124px;
    font-size: 11px;
}

.elr_en_umng_wrap .elr_umng_textyf3 {
    right: 49px;
    font-size: 16px;
    line-height: 17px;
}

.elr_en_umng_wrap .elr_umng_caution p {
    letter-spacing: 0px;
}

.elr_en_umng_wrap .elr_umng_textf13 {
    top: 24px;
}

.elr_en_umng_wrap .elr_umng_textyf4 {
    bottom: 44px;
    right: 31px;
    font-size: 19px;
}
.elr_en_umng_wrap .elr_umng_orange p {
    line-height: 11.5px;
    letter-spacing: 0.4px;
}
.elr_en_umg_wrap .elr_umng_textf7 {
    bottom: 300px;
}

.elr_en_umng_wrap .elr_umng_textf7 {
    bottom: 290px;
}

.elr_en_umng_wrap .elr_umng_textc8 {
    top: 30px;
}

.elr_en_umng_wrap .elr_umng_textc7,
.elr_en_umng_wrap .elr_umng_textc6 {
    left: 50px;
}

.elr_en_umng_wrap .elr_umng_textc1 {
    left: 60px;
}
/*スマホでも、PCでも受講可能*/
.elr_en_spc_wrap .elr_blo_btn a {
    line-height: 20px;
    padding-top: 10px;
}
.elr_en_spc_wrap .elr_spc_textf1 {
    letter-spacing: -0.8px;
    left: 267px;
}

.elr_en_spc_wrap .elr_spc_textf2 {
    letter-spacing: -0.3px;
    left: 285px;
    bottom: 336px;
    line-height: 12px;
    font-size: 11px;
}

.elr_en_spc_wrap .elr_spc_textf3 {
    letter-spacing: -0.3px;
    left: 94px;
    bottom: 329px;
}

.elr_en_spc_wrap .elr_spc_textc3 {
    font-size: 11px;
    left: 162px;
    bottom: 38px;
}

.elr_en_spc_wrap .elr_spc_textf4 {
    letter-spacing: 0px;
    left: 247px;
}

.elr_en_spc_wrap .elr_spc_textc2 {
    left: 175px;
    bottom: 203px;
}

.elr_en_spc_wrap .elr_spc_textf6 {
    letter-spacing: -0.3px;
    top: 175px;
    line-height: 12px;
    left: 248px;
    font-size: 10px;
}

.elr_en_spc_wrap .elr_spc_textf7 {
    letter-spacing: -0.7px;
    left: 266px;
    top: 380px;
}

.elr_en_spc_wrap .elr_spc_textc8 {
    bottom: 148px;
    line-height: 16px;
}

.elr_en_spc_wrap .elr_spc_textf9 {
    letter-spacing: -0.3px;
    bottom: 93px;
    line-height: 11px;
    left: 312px;
    font-size: 11px;
}

.elr_en_spc_wrap .elr_spc_texts {
    letter-spacing: 0;
    bottom: -22px;
}

.elr_en_spc_wrap .elr_spc_textf10 {
    letter-spacing: -0.9px;
    left: 125px;
    bottom: 12px;
}

.elr_en_spc_wrap .elr_spc_textf5 {
    letter-spacing: 0px;
    right: 22px;
}

.elr_en_spc_wrap .elr_spc_textc4, .elr_en_spc_wrap .elr_spc_textc5 {
    line-height: 14px;
}

.elr_en_spc_wrap .elr_spc_textc9 {
    right: 83px;
    top: 195px;
}

.elr_en_spc_wrap .elr_spc_pc_only3, .elr_en_spc_wrap .elr_spc_pc_only3 span, .elr_en_spc_wrap .elr_spc_pc_only3 p {
    line-height: 21px;
}

.elr_en_spc_wrap .elr_spc_pc_only3 {
    bottom: 74px;
}
.elr_en_spc_wrap .elr_spc_textc4 {
    right: 3px;
    letter-spacing: -0.5px;
}

.elr_en_spc_wrap .elr_spc_textc1 {
    top: 367px;
}

.elr_en_spc_wrap .elr_spc_textc6 {
    top: 155px;
    line-height: 16px;
}

.elr_en_spc_wrap .elr_spc_textc7 {
    bottom: 344px;
}

.elr_en_spc_wrap .elr_spc_textf8 {
    letter-spacing: 0px;
    left: 278px;
    bottom: 149px;
}

.elr_en_spc_wrap .elr_spc_textc10 {
    right: 142px;
    top: 402px;
}

@media (max-width: 640px){
/*    最新情報*/
    .elr_en_news_index .elr_news_guide .elr_btn .elr_en_news_lines {
        line-height: 15px;
}
/*    トップページ*/
    .elr_en_top4_p{
        padding-top: 0px !important;
    }
    .elr_top_jponly > br {
        display: block;
    }
    .elr_en_top4 .elr_top4_head h4 {
        line-height: 18px !important;
        margin: 10px 0 4px;
    }
    .elr_en_top4 .elr_top_price span,
    .elr_en_top4 .elr_top_course span{
        font-size: 30px;
    }
/*    eラーニングライブラリとは*/
    .elr_en_about00_service_pc{
        display: none;
    }
    .elr_en_about00_service_sp{
        margin: 5px 0 20px 0;
        width: 100%;
        max-width: 620px;
        max-height: 355px;
        display: block;
        position: relative;
        background: url(/hrm/assets/elearning_lib/images/elr_en_about00_03_sp.png) no-repeat;
        background-size: contain;
    }
    /*管理者メニューと上長メニューの機能比較*/
    table.elr_en_ap_menu th {
        font-size: 12px !important;
        padding: 3px !important;
    }

    table.elr_en_ap_menu td {
        font-size: 10px !important;
    }
    /*メールお知らせ機能*/
    .elr_en_osirase_c{
        width: 40% !important;
    }
    .elr_en_osirase1_t1 {
        line-height: 16px !important;
    }
    .elr_en_osirase2_t1 {
        top: 34% !important;
        line-height: 16px !important;
    }

    .elr_en_osirase3_t1 {
        left: 37% !important;
        line-height: 16px !important;
    }
/*    3つの課題と活用方法*/
    .elr_en_sub3_wrap .elr_sub3_no2 p {
        left: 15px;
        top: 116px;
    }

    .elr_en_sub3_wrap .elr_sub3_no p {
        font-size: 15px;
    }

    .elr_en_sub3_wrap .elr_sub3_no span {
        font-size: 24px;
        line-height: 22px;
    }

    .elr_en_sub3_wrap .elr_sub3_no3 span {
        left: 45px;
        top: 68px;
    }

    .elr_en_sub3_wrap .elr_sub3_how ul {
        font-size: 17px;
    }

    .elr_en_sub3_wrap .elr_sub3_case h3 {
        line-height: 22px;
    }

    .elr_en_sub3_wrap .elr_sub3_case_ct_inner p {
        line-height: 18px;
    }
/*    多言語にも対応*/
    .elr_en_glo_wrap .elr_glo_cloud1 p {
        top: 8px;
    }
    .elr_en_glo_wrap .elr_glo_cloud2 p {
        top: 8px;
        /* left: 5px; */
        line-height: 19px;
    }
    .elr_en_glo_wrap .elr_glo_mob_wrap p {
        margin-bottom: 10px;
    }
/*    ライブラリエッセンス*/
    .elr_en_libesse_wrap #elr_libesse_top_img {
        top: 0;
        width: 320px;
    }

    .elr_en_libesse_wrap .elr_libesse_c {
        top: 17px;
        right: 99px;
    }
/*    多彩な受講促進機能*/
    .elr_prom_en_wrap .elr_prom_textf1 {
        left: 62px;
    }

    .elr_prom_en_wrap .elr_prom_textf2 {
        top: 446px;
        left: 62px;
        letter-spacing: 0px;
    }

    .elr_prom_en_wrap .elr_prom_textf3 {
        top: 718px;
        right: 110px;
    }

    .elr_prom_en_wrap .elr_prom_textf4 {
        right: 25px;
        top: 1046px;
    }

    .elr_prom_en_wrap .elr_prom_textyf1 {
        top: 285px;
        right: 10px;
        font-size: 16px;
    }

    .elr_prom_en_wrap .elr_prom_textf5 {
        top: 592px;
        left: 10px;
    }

    .elr_prom_en_wrap .elr_prom_textc3 {
        right: 90px;
        top: 992px;
    }

    .elr_prom_en_wrap .elr_prom_textyf2 {
        bottom: 633px;
        right: 41px;
    }

    .elr_prom_en_wrap .elr_prom_textf6 {
        bottom: 843px;
        left: 130px;
    }

    .elr_prom_en_wrap .elr_prom_blue {
        bottom: 184px;
    }
    .elr_prom_en_wrap .elr_prom_textc5 {
        bottom: 798px;
        left: 25px;
    }
/*     ユーザ管理機能 */
    .elr_en_umng_wrap .elr_umng_textyf1 {
        top: 419px;
        left: 60px;
        line-height: 18px;
        font-size: 15px;
    }

    .elr_en_umng_wrap .elr_umng_textf1 {
        left: 41px;
        top: 199px;
        font-size: 12px;
        letter-spacing: -0.4px;
    }

    .elr_en_umng_wrap .elr_umng_textf2 {
        letter-spacing: -0.5px;
        right: 7px;
        top: 273px;
    }

    .elr_en_umng_wrap .elr_umng_textc2 {
        letter-spacing: -0.3px;
        top: 688px;
        left: 35px;
    }

    .elr_en_umng_wrap .elr_umng_textf3 {
        top: 677px;
        left: 187px;
        line-height: 10px;
    }

    .elr_en_umng_wrap .elr_umng_textf4 {
        top: 513px;
        left: 33px;
    }

    .elr_en_umng_wrap .elr_umng_orange {
        top: 594px;
        left: -37px;
    }
    .elr_en_umng_wrap .elr_umng_orange p:last-child {
    	line-height: 10px;
    	top: 30px;
 }

    .elr_en_umng_wrap .elr_umng_textf5 {
        top: 859px;
        left: 33px;
        line-height: 10px;
        font-size: 12px;
    }

    .elr_en_umng_wrap .elr_umng_textf6 {
        left: 6px;
        top: 900px;
        font-size: 12px;
    }

    .elr_en_umng_wrap .elr_umng_textc3 {
        font-size: 13px;
        right: 0;
        bottom: 632px;
    }

    .elr_en_umng_wrap .elr_umng_textc5 {
        right: 0px;
        bottom: 206px;
    }

    .elr_en_umng_wrap .elr_umng_textyf2 {
        bottom: 239px;
        right: 6px;
    }

    .elr_en_umng_wrap .elr_umng_textf8 {
        bottom: 315px;
        left: 81px;
    }

    .elr_en_umng_wrap .elr_umng_textf9 {
        bottom: 48px;
        left: 102px;
        line-height: 10px;
    }

    .elr_en_umng_wrap .elr_umng_textf10 {
        left: 157px;
        top: 22px;
    }

    .elr_en_umng_wrap .elr_umng_textf11 {
        top: 371px;
        left: 116px;
        right: 0px;
        font-size: 10px;
        letter-spacing: -0.4px;
    }

    .elr_en_umng_wrap .elr_umng_textf12 {
        left: 33px;
        bottom: 128px;
    }

    .elr_en_umng_wrap .elr_umng_textf13 {
        top: 431px;
        left: 115px;
    }

    .elr_en_umng_wrap .elr_umng_textyf4 {
        font-size: 15px;
        bottom: 39px;
        right: 50px;
    }
    .elr_en_umng_wrap .elr_umng_textyf3 {
        line-height: 15px;
        font-size: 15px;
        top: 211px;
    }
    .elr_en_umng_wrap .elr_umng_textc1 {
        left: 36px;
        top: 18px;
    }

    .elr_en_umng_wrap .elr_umng_textf7 {
        bottom: 528px;
        left: 180px;
    }

    .elr_en_umng_wrap .elr_umng_textc4 {
        bottom: 465px;
    }

    .elr_en_umng_wrap .elr_umng_textc6 {
        left: 40px;
    }

    .elr_en_umng_wrap .elr_umng_textc7 {
        left: 32px;
        top: 408px;
    }

    .elr_en_umng_wrap .elr_umng_textc8 {
        top: 38px;
    }
    .elr_en_umng_wrap .elr_umng_sp_wrap {
        margin-top: 1210px;
        margin-bottom: 1240px;
    }
/*    スマホでも、PCでも受講可能*/
    .elr_en_spc_wrap .elr_spc_textf1 {
        top: 161px;
        left: 202px;
        font-size: 11px;
    }

    .elr_en_spc_wrap .elr_spc_textf2 {
        top: 311px;
        left: 215px;
        line-height: 10px;
        letter-spacing: -0.6px;
        font-size: 9px;
    }

    .elr_en_spc_wrap .elr_spc_textf3 {
        top: 317px;
        left: 70px;
        line-height: 10px;
        letter-spacing: -0.3px;
        font-size: 9px;
    }

    .elr_en_spc_wrap .elr_spc_textc1 {
        top: 288px;
    }

    .elr_en_spc_wrap .elr_spc_textc2 {
        left: 140px;
        bottom: 155px;
    }

    .elr_en_spc_wrap .elr_spc_textf4 {
        bottom: 9px;
        left: 195px;
        letter-spacing: -0.4px;
    }

    .elr_en_spc_wrap .elr_spc_textc3 {
        left: 140px;
        line-height: 11px;
        bottom: 19px;
    }

    .elr_en_spc_wrap .elr_spc_textf6 {
        top: 133px;
        left: 193px;
        letter-spacing: -0.8px;
        line-height: 11px;
    }

    .elr_en_spc_wrap .elr_spc_textc6 {
        line-height: 11px;
        left: 115px;
        top: 124px;
    }

    .elr_en_spc_wrap .elr_spc_textf7 {
        top: 292px;
        left: 206px;
        line-height: 10px;
        letter-spacing: 0px;
    }

    .elr_en_spc_wrap .elr_spc_textf8 {
        bottom: 145px;
        left: 214px;
        letter-spacing: -0.5px;
    }

    .elr_en_spc_wrap .elr_spc_textc8 {
        letter-spacing: -0.5px;
        top: 433px;
        line-height: 13px;
    }

    .elr_en_spc_wrap .elr_spc_textf9 {
        bottom: 76px;
        left: 237px;
        line-height: 9px;
        letter-spacing: -0.7px;
    }

    .elr_en_spc_wrap .elr_spc_textf10 {
        bottom: 10px;
        left: 104px;
        letter-spacing: 0px;
        line-height: 10px;
    }

    .elr_en_spc_wrap .elr_spc_texts {
        letter-spacing: 0px;
        bottom: -22px;
        width: 230px;
    }

    .elr_en_spc_wrap .elr_spc_pc_only3, .elr_en_spc_wrap .elr_spc_pc_only3 span, .elr_en_spc_wrap .elr_spc_pc_only3 p {
        line-height: 18px;
    }

    .elr_en_spc_wrap .elr_spc_pc_only3 {
        bottom: 53px;
        left: 106px;
    }

    .elr_en_spc_wrap .elr_spc_pc_only p {
        width: 200px;
    }

    .elr_en_spc_wrap .elr_spc_pc_only2 {
    }

    .elr_en_spc_wrap .elr_spc_pc_only1 {
        left: 106px;
    }
    .elr_en_spc_wrap .elr_spc_textf5 {
        left: 186px;
    }

    .elr_en_spc_wrap .elr_spc_textc4 {
        letter-spacing: -0.5px;
    }
    .elr_en_spc_wrap .elr_spc_textc7 {
        top: 290px;
    }

    .elr_en_spc_wrap .elr_spc_textc9 {
        top: 150px;
        left: 160px;
    }

    .elr_en_spc_wrap .elr_spc_textc10 {
        top: 311px;
        left: 165px;
    }

}
@media (max-width: 400px){
/*    多言語にも対応*/
    .elr_en_glo_wrap .elr_glo_cloud2 p {
        top: -4px;
        /* left: 5px; */
        line-height: 28px;
    }
}
@media (max-width: 320px){
/*    多言語にも対応*/
    .elr_en_glo_wrap .elr_glo_cloud1 p {
        top: 8px;
        left: 13px;
        font-size: 13px;
        line-height: 13px;
    }

    .elr_en_glo_wrap .elr_glo_cloud2 p {
        font-size: 14px;
        line-height: 25px;
    }

    .elr_en_glo_wrap .elr_glo_title p {
        font-size: 12px;
        width: auto;
    }
	.cl_th.td.except .cl_icon, .cl_th.td .cl_icon{
		padding: 3px 0;
		margin: 0 0 10px 0;
	}
}

/*/英語*/
/*中国語*/

/*最新情報*/
.elr_cn_news_index .elr_news_guide .elr_btn a {
    line-height: 32px;
}
.elr_about00_service_pc.cn{
	background: url(/hrm/assets/elearning_lib/images/elr_ch_about00_03.png) no-repeat;
	background-size: contain;
}
.elr_about00_reason_btn_wide .elr_about00_reason_btn.cn a{
	padding: 20px 20px 0 20px;
}
.elr_cn_student_longp{
	letter-spacing: 0.05em;
}
.elr_sub3_no1.cn span{
	left: 73px;
}
.elr_sub3_no1.cn p{
    left: 57px;
}
.elr_sub3_no2.cn p{
    left: 261px;

}
.elr_sub3_no3.cn span{
	right: 71px;
}

.elr_sub3_no3.cn p{
    right: 78px;

}
.elr_prom_textf1.cn{
	top: 69px;
	left: 292px;
}
.elr_prom_textyf1.cn{
	top: 235px;
	left: 11px;
}
.elr_prom_textf3.cn{
	top: 146px;
	right: 142px;
}
.elr_prom_textf4.cn{
	right: 24px;
	top: 266px;
}
.elr_prom_textf6.cn{
	bottom: 241px;
	left: 53px;
}
.elr_prom_textyf2.cn{
	bottom: 402px;
	right: 55px;
}
.elr_prom_blue.cn{
	bottom: 134px;
	left: 491px;
}
.elr_umng_textf1.cn{
	top: 247px;
	left: 68px;
}
.elr_umng_textyf1.cn{
	right: 70px;
}
.elr_umng_textf2.cn{
	right: 25px;
}
.elr_umng_textf3.cn{
	top: 349px;
	left: 218px;
}
.elr_umng_textf4.cn{
	right: 64px;
	letter-spacing: 0px;
}
.elr_umng_textf5.cn{
	bottom: 403px;
	left: 55px;
}
.elr_umng_textf7.cn{
	bottom: 297px;
	right: 46px;
}
.elr_umng_textyf2.cn{
	bottom: 172px;
	right: 72px;
}
.elr_umng_textf8.cn{
	right: 43px;
	bottom: 97px;
}
.elr_umng_textf10.cn{
	top: 24px;
	left: 188px;
}
.elr_umng_textyf3.cn{
	top: 233px;
	right: 66px;
}
.elr_umng_textf12.cn{
	left: 54px;
}
.elr_umng_textf13.cn{
	top: 37px;
	right: 82px;
}
.elr_ch_umng_wrap .elr_umng_textc1 {
    left: 40px;
}

.elr_ch_umng_wrap .elr_umng_textf6 {
    bottom: 353px;
    left: 80px;
}

.elr_ch_umng_wrap .elr_umng_textc2 {
    left: 43px;
}

.elr_ch_umng_wrap .elr_umng_textc3 {
    right: 255px;
    bottom: 395px;
}

.elr_ch_umng_wrap .elr_umng_textc4 {
    bottom: 220px;
    left: 52px;
}

.elr_ch_umng_wrap .elr_umng_textc5 {
    bottom: 173px;
    right: 290px;
}

.elr_ch_umng_wrap .elr_umng_textf9 {
    bottom: 26px;
    left: 51px;
}

.elr_ch_umng_wrap .elr_umng_textc6 {
    left: 55px;
}

.elr_ch_umng_wrap .elr_umng_textf11 {
    letter-spacing: -1.5px;
    right: 90px;
}

.elr_ch_umng_wrap .elr_umng_textc7 {
    left: 85px;
}

.elr_ch_umng_wrap .elr_umng_textyf4 {
    right: 49px;
}
.elr_spc_textf5.cn{
	top: 215px;
}
.elr_spc_textf4.cn{
	bottom: 19px;
	letter-spacing: 0px;
	left: 254px;
}
.elr_spc_textf6.cn{
	top: 186px;
	left: 253px;
	letter-spacing: 0px;
}
.elr_spc_textf8.cn{
	bottom: 154px;
	letter-spacing: 0px;
	left: 280px;
}
.elr_spc_textf9.cn{
	bottom: 101px;
	letter-spacing: 0px;
	left: 307px;
}
.elr_glo_title.cn p{
	width: 188px;
}
.elr_glo_cloud1.cn p{
	left: 68px;
}
.elr_glo_cloud2.cn p{
	padding: 37px 73px 37px 100px;
}
.elr_osirase_t2.cn {
    top: 209px;
}
.elr_ch_spc_wrap .elr_spc_textf1 {
    letter-spacing: 0px;
    left: 300px;
}

.elr_ch_spc_wrap .elr_spc_textf3 {
    letter-spacing: 0px;
    left: 125px;
}

.elr_ch_spc_wrap .elr_spc_textf2 {
    letter-spacing: 0px;
    left: 311px;
}

p.elr_spc_textf4.elr_spc_fukidashi.cn {}

.elr_ch_spc_wrap .elr_spc_textc1 {
    top: 368px;
}

.elr_ch_spc_wrap .elr_spc_textc2 {
    bottom: 202px;
    left: 172px;
}

.elr_ch_spc_wrap .elr_spc_textc3 {
    bottom: 40px;
    left: 175px;
}

.elr_ch_spc_wrap .elr_spc_textc4 {
    right: 17px;
    bottom: 230px;
}

.elr_ch_spc_wrap .elr_spc_textc5 {
    bottom: 40px;
    right: 182px;
}

.elr_ch_spc_wrap .elr_spc_textc6 {
    top: 168px;
}

.elr_ch_spc_wrap .elr_spc_textc7 {
    bottom: 337px;
}

.elr_ch_spc_wrap .elr_spc_textf7 {
    letter-spacing: 0px;
    top: 380px;
}

.elr_ch_spc_wrap .elr_spc_textc8 {
    bottom: 177px;
}

.elr_ch_spc_wrap .elr_spc_textf10 {
    left: 163px;
}

.elr_ch_spc_wrap .elr_spc_texts {
    letter-spacing: 0px;
    bottom: 66px;
}

.elr_ch_spc_wrap .elr_spc_textc9 {
    top: 192px;
    right: 131px;
}

.elr_ch_spc_wrap .elr_spc_textc10 {
    top: 408px;
    right: 154px;
}
@media (max-width: 640px){
/*    トップページ*/
    .elr_top_course.cn span,
    .elr_top_price.cn span {
        font-size: 30px;
    }
/*    3つの課題と活用方法*/
    .elr_ch_sub3_wrap .elr_sub3_no2 p {
        font-size: 16px;
    }

    .elr_ch_sub3_wrap .elr_sub3_no1 p {
        left: 48px;
    }

    .elr_ch_sub3_wrap .elr_sub3_no3 p {
        left: 80px;
    }
/*    お申し込みの流れ*/
    .elr_ch_flow_sp_img6{
        margin-top: -1px !important;
    }
/*    多言語にも対応*/
    .elr_glo_cloud1.cn p {
        top: 10px;
    }

    .elr_glo_cloud2.cn p {
        top: -8px;
        left: 9px;
        padding-left: 0;
    }
/*    ライブラリエッセンス*/
    .elr_cn_libesse_top .elr_libesse_c {
        top: 14px;
        right: 88px;
    }
}
@media (max-width: 320px){
    .elr_glo_cloud1.cn p {
        font-size: 14px;
        top: 6px;
        left: 40px;
    }

    .elr_glo_cloud2.cn p {
        top: -14px;
        left: 32px;
    }
}
/*/中国語*/


div.normalListA {
	margin:0px 0px 40px 0px !important;
}

/*リニューアル部分*/

/*========共通=========*/

/*見出しレベル１*/
.elr_content_h1 {
    margin: 0 0 40px;
    padding: 0;
}
.elr_voice_h1{
    background: url(/hrm/assets/elearning_lib/images/elr_title_back_blue.png);
    height: 230px;
}
.elr_content_h1 h1 {
    margin: 0;
    padding: 40px 0 15px;
    display: block;
}

.elr_content_h1 h1 img {
    margin: 0 auto;
    padding: 0;
    display: block;
}

.elr_content_h1 h1 span {
    margin: 10px auto 0;
    padding: 0 0 10px;
    text-align: center;
    width: auto;
    display: table;
    font-size: 24px;
    color: #2266af;
    letter-spacing: 0.2em;
    border-bottom: 2px solid #2266af;
}

.elr_content_h1 h2 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #949494;
}

/*見出しレベル２*/
.elr_content_h2 {
    margin: 0 0 20px;
    padding: 10px;
    background: #e9f1f4;
    color: #2266af;
    border-left: 4px solid #2266af;
    font-size: 20px;
    /* font-weight: bold; */
}
.elr_content_h2.elr_h2_long{
	letter-spacing: -0.07em;
}
/*見出しレベル３*/
.elr_c_sd_h4 {
    margin: 0;
    padding: 3px;
    color: #2266af;
    border-bottom: 1px solid #2266af;
    font-size: 18px;
    /* font-weight: bold; */
    overflow: hidden;
}
.elr_content_h3{
	margin: 0 0 30px 0;
	padding: 0 0 3px 3px;
	font-size: 18.5px;
	border-bottom: 1px solid #2266af;
	color: #2266af;
	letter-spacing: 0.05em;
}
/*もっと見る*/
#elr_detail_cul_content_more {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    display: table;
    border-top: 1px solid #cccccc;
    font-size: 16px;
    vertical-align: middle;
    line-height: 40px;
    letter-spacing: 0.1em;
    background: #e9f1f4;
    cursor: pointer;
}
/*色パターン*/

.elr_content_h2.elr_tec {
    background: #edf6ee;
    border-left: 4px solid #007960;
    color: #007960;
}

#elr_tec_2 {
    background: #007960 !important;
}
.elr_content_h2.elr_pc {
    background: #f6f5ed;
    border-left: 4px solid #ea602b;
    color: #ea602b;
}

#elr_pc_2 {
    background: #ea602b !important;
}
/*アンカーボックス*/
#elr_1column_container {
    margin: 0;
    padding: 0;
    /* position: relative; */
    /* z-index: 90; */
}
#elr_c_category {
    margin: 0 0 30px;
    padding: 25px;
    border: 3px solid #2266af;
    /* position: absolute; */
    width: 100%;
    left: 0;
    top: 0;
}
#elr_c_cat_indus {
    margin: 0;
    padding: 0;
}
#elr_c_cat_all {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#elr_c_cat_all li {
    margin: 0 100px 0 0;
    padding: 0;
    float: left;
    display: block;
    height: auto;
    /* width: 20%; */
    max-width: 220px;
    font-size: 13px;
}
#elr_c_cat_all li:last-child {
    margin-right: 0;
}
#elr_c_cat_all li a {
    margin: 0;
    padding: 0 0 0 16px;
    display: block;
    position: relative;
}

#elr_c_cat_all li a:after {
    content: "";
    margin: 0;
    padding: 0;
    border-left: 1px solid #2266af;
    border-bottom: 1px solid #2266af;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0.7em;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
/*ボタン*/
.elr_blo_btn {
    margin: 50px auto;
    padding: 0;
    text-align: center;
}

.elr_blo_btn a {
    margin: 0;
    padding: 0px 0 0;
    width: 303px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
    background: #2266af;
}

.elr_blo_btn a:after {
    content: "";
    margin: 0;
    padding: 0;
    top: calc(50% - 7px * 1.41421356 / 2);
    right: 10px;
    position: absolute;
    border: 1px solid #ffffff;
    border-left: none;
    border-top: none;
    height: 8px;
    width: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
/*活用事例*/

#elr_detail_case_content {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    /* display: table; */
}

.elr_detail_case_box {
    margin: 0;
    padding: 20px 20px 80px;
    border: 1px solid #cccccc;
    /* display: table-cell; */
    float: left;
    /* max-height: 250px; */
    width: 33%;
    width: calc((100% / 3) - 1px );
    border-right: none;
    vertical-align: top;
}
#elr_detail_case_box_hide {
    display: none;
}
.elr_detail_case_box_inner {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.elr_detail_case_thumb {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    width: 120px;
    height: 120px;
}

.elr_detail_case_exp {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    max-width: 150px;
}

.elr_detail_case_exp h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    line-height: 1.4em;
    letter-spacing: 0.1em;
}

.elr_detail_case_exp h3 a {
    margin: 0;
    padding: 0;
    color: #0760b1;
    text-decoration: underline;
}

.elr_detail_case_exp p {
    margin: 0;
    padding: 0 2px;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0.2em;
}

.elr_detail_case_box {
    border-right: 1px solid #cccccc;
}


/*サイドバークリップ*/
.n6_list-elr-clip-item {
  margin: 0;
  padding: 0;
}

.n6_list-service > li.n6_list-elr-clip-item{
  margin: 10px auto 0;
  padding: 10px 40px 10px 10px;
  height: auto;
  position: relative;
}
.n6_list-service > li.n6_list-elr-clip-item a{
  margin: auto;
  padding: 0;
  /*! height: 30px; */
  position: relative;
  display: block;
  /*! vertical-align: middle; */
  /*! line-height: 1.4em; */
}

.n6_list-service > li.n6_list-elr-clip-item > a > span{
  margin: 0;
  padding: 0;
}

.n6_list-elr-clip-close {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    background: none;
    height: 30px;
    width: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*! border-radius: 70px; */
    border: none;
}

.n6_list-elr-clip-close {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    background: none;
    height: 40px;
    width: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /*! border-radius: 70px; */
    border: none;
}


.n6_list-elr-clip-close:before,.n6_list-elr-clip-close:after {
    display: block;
    content: '';
    width: 2px;
    height: 30px;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #7d7d7d;
    border-radius: 10px;
    position: absolute;
    top: 11%;
    left: 48%;
}

.n6_list-elr-clip-close:after {
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 11%;
	left: 47%;
}

.n6_list-elr-clip-close:hover,.n6_list-elr-clip-close:active {
}

.n6_list-elr-clip-close:hover:after,.n6_list-elr-clip-close:active:after,.n6_list-elr-clip-close:hover:before,.n6_list-elr-clip-close:hover:before{
    background-color: #b14b4b;
}
/* ======== 共通サイドバー 人気ランキング ======== */
#n6_list-ranking-block{
}
#n6_list-ranking {
    margin: 0;
    padding: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

    overflow: auto;
}

#n6_list-ranking li {
    margin: 10px;
    padding: 5px;
    width: auto;
    position: relative;
    border: 1px outset #ffffff;
}
#list_ranking1 {
    background: #fffcd9;
}
#list_ranking2 {
    background: #eeeeee;
}
#list_ranking3 {
    background: #f8e9ce;
}
#list_ranking4,#list_ranking5 {
    background: #f2f4f7;
}
.elr_side_rec_course_rank {
    margin: 0 0 1px;
    padding: 0;
    height: auto;
    width: auto;
    text-align: left;
    font-size: 15px;
    letter-spacing: 0.05em;
}

#list_ranking1 .elr_side_rec_course_rank{
    background: url(/hrm/assets/elearning_lib/images/elr_ranking_no1_batch.png) no-repeat left top;
}
#list_ranking2 .elr_side_rec_course_rank{
    background: url(/hrm/assets/elearning_lib/images/elr_ranking_no2_batch.png) no-repeat left top;
}
#list_ranking3 .elr_side_rec_course_rank{
    background: url(/hrm/assets/elearning_lib/images/elr_ranking_no3_batch.png) no-repeat left top;
}
#list_ranking4 .elr_side_rec_course_rank{
    background: url(/hrm/assets/elearning_lib/images/elr_ranking_no4_batch.png) no-repeat left top;
}
#list_ranking5 .elr_side_rec_course_rank{
    background: url(/hrm/assets/elearning_lib/images/elr_ranking_no5_batch.png) no-repeat left top;
}

#list_ranking1 .elr_side_rec_course_rank,
#list_ranking2 .elr_side_rec_course_rank,
#list_ranking3 .elr_side_rec_course_rank,
#list_ranking4 .elr_side_rec_course_rank,
#list_ranking5 .elr_side_rec_course_rank{
    height: 90px;
    width: 50px;
    background-size: contain;
    position: absolute;
    top: -5px;
    left: 2px;
}

#list_ranking1 .elr_side_rec_course_rank span,
#list_ranking2 .elr_side_rec_course_rank span,
#list_ranking3 .elr_side_rec_course_rank span,
#list_ranking4 .elr_side_rec_course_rank span,
#list_ranking5 .elr_side_rec_course_rank span {
    display: none;
}

.elr_side_rec_course_thumb {
    margin: 0 0 5px;
    padding: 0;
}

.elr_side_rec_course_thumb a {
    margin: 0;
    padding: 0;
    display: block;
}

.elr_side_rec_course_thumb a img {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: 100%;
    display: block;
}

.elr_side_rec_course_title {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0.05em;
}


/*==========/共通=========*/

#erl_top {
    width: 100%;
}

.elr_lang ul li {
    padding: 0;
    margin: 0;
    margin-right: 20px;
    font-weight: normal;
    font-size: 13px;
    float: left;
    cursor: pointer;
}
.elr_lang ul li:hover {
    opacity: .5;
}

.elr_lang ul li img {
    margin: 0;
    margin-right: 5px;
    padding: 0;
}

.elr_lang {
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    height: 20px;
    display: block;
}

.elr_lang ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.elr_lang ul li:last-child {
    margin-right: 10px;
}

.elr_top4_box {
    padding: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 350px;
    height: 357px;
    float: left;
    position: relative;
}

.elr_top4 {
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    vertical-align: baseline !important;
     */
}

.elr_top4_box:nth-child(2n) {
    margin-right: 0;
}

.elr_top4 a {
    /* font-weight: normal !important; */
    /* background: none !important; */
    /* padding: 0 !important; */
}

.elr_top4_head {
    height: 110px;
    /* padding-top: 13px; */
    text-align: center;
    position: relative;
    /* overflow: hidden; */
}

.elr_top4_head h4, .elr_top4_box h5, .elr_top_case a {
    letter-spacing: 0.1em;
}

.elr_top4_head img {
    margin: 10px 0 9px;
}

.elr_top4_head h4 {
    font-size: 16px;
    font-weight: bold;
}

.elr_top4 span {
    color: #ff5a00;
}

.elr_top4 h5 {
    /* margin: 0; */
    font-size: 16px;
    /* font-weight: bold; */
    text-align: center;
}

.elr_top4 p {
    padding: 10px 30px 0;
    font-size: 13px;
}

.elr_top_feature h4 {
    color: #2466b2;
}

.elr_top_course h4 {
    color: #993c6b;
}

.elr_top_price h4 {
    color: #518151;
}

.elr_top_case h4 {
    color: #81784f;
}

.elr_top_feature .elr_top4_head {
    background-color: #d7e4ea;
}

.elr_top_course .elr_top4_head {
    background-color: #edd3df;
}

.elr_top_price .elr_top4_head {
    background-color: #d9e8d9;
}

.elr_top_case .elr_top4_head {
    background-color: #e1decf;
}

.elr_top4_head:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -8px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 7px 0 7px;
    /* border-color: #19283C transparent transparent transparent; */
    z-index: 200;
}

.elr_top_feature .elr_top4_head:after {
    border-color: #d7e4ea transparent transparent transparent;
}

.elr_top_course .elr_top4_head:after {
    border-color: #edd3df transparent transparent transparent;
}

.elr_top_price .elr_top4_head:after {
    border-color: #d9e8d9 transparent transparent transparent;
}

.elr_top_case .elr_top4_head:after {
    border-color: #e1decf transparent transparent transparent;
}

.elr_top_feature {
    background-color: #f1f6f9;
}

.elr_top_course {
    background-color: #f9f0f5;
}

.elr_top_price {
    background-color: #f2f7f2;
}

.elr_top_case {
    background-color: #f7f6f2;
}

.elr_top_case a {
    color: #83774d;
    border-bottom: 1px solid;
    font-size: 16px;
    line-height: 1.8em;
}

.elr_top_case_inner_left {
    float: left;
}

.elr_top_case_inner_right {
    float: right;
}

.elr_top_case_inner {
    overflow: hidden;
    width: 290px;
    margin: 0 auto;
}

.elr_top_feature span {
    font-size: 26px;
}
span.elr_span_small {
    font-size: 20px;
}

.elr_top_course span, .elr_top_price span {
    font-size: 40px;
    vertical-align: baseline;
}

.elr_top4_btn {
    margin: 0 auto;
    /* margin-top: 40px; */
    /* padding: 10px 20px; */
    width: 100%;
    text-align: center;
    /* margin: 0 8px; */
    display: table;
    /* border-radius: 10px; */
    /* overflow: hidden; */
    position: absolute;
    bottom: 30px;
}

.elr_top_feature .elr_top4_btn a {
    background: #2266af;
}

.elr_top4_btn a {
    margin: 0 auto;
    padding: 0;
    min-width: 160px;
    height: 34px;
    line-height: 40px;
    display: table;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em; */
}

.elr_top_course .elr_top4_btn a {
    background-color: #943d6a;
}

.elr_top_price .elr_top4_btn a {
    background-color: #50824f;
}

.elr_top_case .elr_top4_btn a {
    background-color: #82794f;
}

.elr_top_case .elr_top4_btn a {
    border: none;
    width: 200px;
}

.elr_top4_btn a:after {
      content: '';
      width: 7px;
      height: 7px;
      border: 0px;
      border-top: solid 1px #fff;
      border-right: solid 1px #fff;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 13px;
      margin-top: -4px;
}

.elr_top_case_inner_right p {
    padding: 0;
}
.elr_top_case_inner_p_sp,
.elr_top4_p_sp{
    display: none;
}
.elr_top_case_inner h5 {
    margin: 30px 0 25px;
    font-size: 22px;
    font-weight: bold;
}

.elr_top_case_photo {
    border: 1px solid #e1ddcf;
}
img.elr_top_case_photo_sp{
	display: none;
}
.elr_top4_box h5 {
    margin-top: 25px;
}

.elr_top_case_inner_right h5 {
    margin: 0;
    font-size: 18px;
}

/*======SP版の要素*/
h5.elr_top4_head_h5_sp {
    display: none;
}

.elr_top4_btn.elr_top4_btn_sp {
    display: none;
}
/*======/SP版の要素*/

/*=========slide*/
.slick-dots li button:before {
    font-size: 34px;
    color: #cccccc;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #2266af;
}

ul.slick-dots {
    margin: 0px 0 24px 0;
}
.slick-slide iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 410px;
}

/*=========/slide*/

/*=======お申し込みはこちら*/
.elr_top_apply1,.elr_top_apply2 {
    width: auto;
    height: 170px;
    margin: 40px 0 40px 0;
    padding: 25px 20px 20px 20px;
    background: url(/hrm/assets/elearning_lib/images/elr_top_apply.png) no-repeat;
    text-align: center;
}

.elr_top_apply1 h4,.elr_top_apply2 h4 {
    font-size: 18px;
    margin-bottom: 22px;
    color: #fff;
    /* text-align: center; */
}
.elr_top_apply1 h4 a,
.elr_top_apply2 h4 a {
    color: #fff;
    position: relative;
}
.elr_top_apply_btn_wrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.elr_top_apply_btn {
    width: 215px;
    height: 76px;
    border: 2px solid #fff;
    color: #fff;
    vertical-align: middle;
    margin: 0 auto;
    margin-right: 16px;
    position: relative;
    bottom: 0px;
    float: left;
}

.elr_top_apply_btn a {
    color: #fff;
    padding: 20px;
    margin: 0;
    padding: 0px 0 0;
    width: 215px;
    height: 72px;
    display: table-cell;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
    background: #0099DF66;
    background: rgba(1, 102, 132, 0.6);
}
.elr_top_apply_btn a p{
	padding: 0 10px 3px 10px;
	width: auto;
    /* border-bottom: 2px solid #0099DF; */
	display: inline;
}
.elr_top_apply_btn a:after {
    content: "";
    margin: 0;
    padding: 0;
/*    top: calc(50% - 10px * 1.41421356 / 2);*/
    top: 32px;
    right: 010px;
    position: absolute;
    border: 2px solid #ffffff;
    border-left: none;
    border-top: none;
    height: 10px;
    width: 10px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.elr_top_apply2 h4 a:after,
.elr_top_apply1 h4 a:after {
    content: "";
    margin: 0;
    padding: 0;
    /* top: calc(50% - 10px * 1.41421356 / 2); */
    top: 6px;
    right: -20px;
    position: absolute;
    border: 2px solid #ffffff;
    border-left: none;
    border-top: none;
    height: 10px;
    width: 10px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.elr_top_apply_btn:last-child {
    margin-right: 0;
}


.elr_top_apply2 .elr_top_apply_btn {
    margin: 0 auto;
    margin-right: 20px;
    width: auto;
    display: table;
    float: left;
}

.elr_top_apply2 .elr_top_apply_btn:last-child {
    margin-right: 0;
}

.elr_top_apply2 .elr_top_apply_btn a {
	width: 325px;
/*	background: #0099DF66;*/
    background: rgba(1, 102, 132, 0.6);
	font-size: 18px;
	/* background: rgba(0, 153, 223, 0.45); */
	/*background: #2266af80;
	background: rgba(34, 102, 175, 0.6);*/
}
.elr_top_apply2 .elr_top_apply_btn a p {
    padding: 0 10px 3px 10px;
	width: auto;
	display: inline;
    /* border-bottom: 2px solid #0099DF; */
}

/*リニューアル部分*/

/* =========================================================
■COURSE
========================================================= */
/* unitCorseList
----------------------------------------------- */
.unitCorseList {
	margin: 0 0 20px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #999;
}

.unitCorseList p.courseMap {
	margin: 0 0 -25px;
	text-align: right;
}

/* ----- tab ----- */
.unitCorseList .tab {
	margin: 0 0 10px;
	border-bottom: 2px #009BE1 solid;
}

.unitCorseList .tab li {
	display: inline-block;
	/display: inline;
	/zoom: 1; /* Hack for IE6-7 */
	width: 9em;
	margin-right: 2px;
	/margin-right: 6px; /* Hack for IE6-7 */
	padding: 5px;
	border: 1px #009BE1 solid;
	border-width: 1px 1px 0;
	text-align: center;
}

.unitCorseList .tab li a {
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(/common/image/icon_arrw01_off.gif);
}
.unitCorseList .tab li a:hover {
	background-image: url(/common/image/icon_arrw01_on.gif);
}

.unitCorseList .tab li.current {
	background-color: #009BE1;
	color:#FFFFFF;
}

/* ----- coursePager ----- */
.unitCorseList .coursePager {
	line-height: 1.1;
}

.unitCorseList .coursePager li {
	display: inline-block;
	/display: inline;
	/zoom: 1; /* Hack for IE6-7 */
	margin: 0 0 7px;
	padding: 0 5px 0 0;
	/padding: 0 5px; /* Hack for IE6-7 */
	border-right: 1px #333 solid;
}

.unitCorseList .coursePager li strong {
	font-weight: bold;
	padding: 0 0 0 10px;
	background: url(/common/image/icon_arrw01_on.gif) no-repeat 0 50%;
}


.unitCorseList .coursePager li a {
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(/common/image/icon_arrw01_off.gif);
	color: #666666;
}
.unitCorseList .coursePager li a:hover {
	background-image: url(/common/image/icon_arrw01_on.gif);
	color: #333333;
}


/* =========================================================
■FAQ
========================================================= */
#sectionFaq ul,
#sectionFaq dl{
	zoom: 1;
	margin: 0 0 30px 10px;
}

#sectionFaq li,
#sectionFaq dt,
#sectionFaq dd{
	background: no-repeat 0 0.4em;
	padding: 0 0 0 25px;
	line-height: 2;
}

#sectionFaq li {
	margin-bottom: 5px;
	background-image: url(/image/productservice/el/ico_faq_q.gif);
}

#sectionFaq li a {
	color: #0033CC;
	text-decoration: underline;
}

#sectionFaq li a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#sectionFaq dl {
	zoom: 1;
	margin-left: 0;
	padding: 15px;
	border: 1px #999 solid;
}

#sectionFaq dl a {
	color: #0033CC;
	text-decoration: underline;
}

#sectionFaq dl a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#sectionFaq dt {
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	background-image: url(/image/productservice/el/ico_faq_q.gif);
	border-bottom: 2px #004378 solid;
	font-weight: bold;
}

#sectionFaq dd {
	background-image: url(/image/productservice/el/ico_faq_a.gif);
}

#sectionFaq dd .fig {
}


#sectionFaq h2 {
	position: relative;
}

#sectionFaq h2 span.backTop {
	position:absolute;
	bottom: 0.3em;
	right: 1em;
	font-size: 77%;
	font-weight: normal;
}

#sectionFaq h2 span.backTop a {
	padding: 0 0 0 10px;
	background: url(/common/image/icon_arrw01_off.gif) no-repeat left center;
}

#sectionFaq h2 span.backTop a:hover {
	background: url(/common/image/icon_arrw01_on.gif) no-repeat left center;
}

#sectionFaq .backBtm {
	text-align: center;
}


/* --- el --- */
#elc_lib dl{
	padding:5px 5px 5px 5px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	overflow:hidden;
	width:333px;
	float:left;
	margin : 2px ;
	height: 550px;
}

#elc_lib dt.title{
	padding:5px 5px 5px 5px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	background-color:#ddd;
	font-weight:bold;
	height: 38px;
    vertical-align: top;
    box-sizing: content-box;
}

#elc_lib dt.cattitle{
	padding:10px 0px 5px 5px;
}

#elc_lib dd.img{
	padding:2px 10px 2px 10px;
	position:relative;
	overflow:hidden;
	text-align: center;
}

#elc_lib p{
	font-size:95%;
	text-align: left;
}

.demo1 button   {
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    padding: 5px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
}
.wid {
  width: 55%;
}

/* ================================== NEWS CSS ================================== */


.elr_top_news,.elr_top_service {
    margin: 0;
    padding: 40px 0;
    border-top: 1px solid #cccccc;
}

.elr_h2 {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 26px;
    display: table;
    position: relative;
}

.elr_h2 h2 {
    margin: 0 auto;
    padding: 0;
    display: table;
    width: auto;
    font-size: 30px;
    font-weight: 100;
    letter-spacing: 5px;
    color: #2266af;
    border-bottom: 2px solid #2266af;
}

.elr_h2 span {
    margin: 0;
    padding: 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: #555555;
}

.elr_top_rss {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -10px;
    right: 0;
}

.elr_top_news_item {
    margin: 0;
    padding: 0;
    width: 100%;
}

.elr_top_news_item li {
    margin: 0 0 10px;
    font-size: 14px;
    overflow: hidden;
}

.elr_top_news_item_date {
    margin: 0;
    padding: 0;
    max-width: 90px;
    width: 100%;
    letter-spacing: 1.2px;
    font-size: 14px;
}

.elr_top_news_item li span,.elr_top_news_item li p {
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    line-height: 20px;
    letter-spacing: 0.1em;
    float: left;
}

.elr_top_news_item_cat {
    margin: 10px;
    font-size: 10px;
    background: #cccccc;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 80px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}
.elr_top_news_item1 {
    background: #7fb021;
}
.elr_top_news_item2 {
    background: #b0226c;
}
.elr_top_news_item3 {
    background: #af9423;
}
.elr_top_news_item4 {
    background: #22b08c;
}

.elr_top_news_item li p {
    width: 100%;
    margin: 5px  0;
}

.elr_btn {
    margin: 0;
    padding: 0;
    text-align: center;
}

.elr_btn a {
    margin: 0;
    padding: 0px 0 0;
    width: 175px;
    height: 36px;
    display: inline-block;
    line-height: 37px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
    background: #2266af;
}

.elr_btn a:after {
    content: "";
    margin: 0;
    padding: 0;
    top: calc(50% - 7px * 1.41421356 / 2);
    right: 10px;
    position: absolute;
    border: 1px solid #ffffff;
    border-left: none;
    border-top: none;
    height: 8px;
    width: 8px;

    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);

}

/* ================================== SERVICE CSS ================================== */

.elr_top_service_inner {
    margin: 0;
    padding: 20px;
    overflow: hidden;
    background: #eef3f7;
}

.elr_top_service_item {
    margin: 0 12px 0 0;
    padding: 0;
    float: left;
}

.elr_top_service_item:last-child {
    margin: 0;
}

.elr_top_service_item a {
    margin: 0;
    padding: 0;
    /* width: 160px; */
    display: inline-block;
}

.elr_top_service_item a img {
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
}

.elr_top_service_item a p {
    margin: 0;
    padding: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 160px;
    height: 60px;
    background: #ffffff;
    color: #2266af;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 01px;
}


/* ================================== 4 points CSS ================================== */

.elr_4btn {
    margin: 0 0 50px;
    padding: 20px;
    background: #eef3f7;
    overflow: hidden;
}

.elr_4btn > div {
    margin: 0 15px 0 0;
    padding: 0;
    background: #ffffff;
    float: left;
    width: calc(25% - 15px + (15px / 4));
}
/*ie10*/
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .elr_4btn > div {
    margin: 0 14px 0 0;
    }
}
*/

.elr_4btn > div:last-child {
    margin: 0;
}

.elr_4btn > div a {
    margin: 0;
    padding: 12px;
    display: block;
    overflow: hidden;
}

.elr_4btn > div a img {
    margin: 0 5px 0 0;
    padding: 0;
    display: block;
    float: left;
    width: 45px;
}

.elr_4btn > div a p {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    line-height: 1.3em;
    font-size: 14px;
    letter-spacing: 2px;
}

.elr_4btn > div.elr_4btn_feature a p {
    color: #2466b2;
}
.elr_4btn > div.elr_4btn_course a p{
    color: #993c6b;
}
.elr_4btn > div.elr_4btn_price a p{
    color: #518151;
    letter-spacing: -0.5px;
}
.elr_4btn > div.elr_4btn_case a p{
    color: #81784f;
}

/*受講者の声*/

.elr_cap {
    text-align: center;
    margin: 40px 0;
}
.elr_voice_wrap {
    margin-bottom: 50px;
}

#elr_voice_mng,
#elr_voice_tec,
#elr_voice_pc {
    margin-top: 50px;
}
.elr_voice_inner {
    margin: 0;
    padding-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-top: none;
}
#elr_voice_mng .elr_voice_wrap h4,
#elr_voice_tec .elr_voice_wrap h4,
#elr_voice_pc .elr_voice_wrap h4 {
    background: #2266af;
    color: #fff;
    padding: 15px 0 13px 20px;
    font-size: 18px;
}
.elr_voice_thum {
    margin:20px 0 40px;
    width: 100%;
    margin: 20px auto;
    text-align: center;
}
.elr_voice_thum img {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
#elr_detail_voice_content {
    margin: 0;
    padding: 20px 20px 40px;
}

#elr_detail_voice_content ul li {
    margin: 0 0 20px;
    padding: 0;
    /* overflow: hidden; */
    min-height: 47px;
}

#elr_detail_voice_content ul li img {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    width: 100%;
    max-width: 47px;
}

#elr_detail_voice_content ul li p {
    margin: 0;
    padding: 0;
    letter-spacing: 0.1em;
    vertical-align: middle;
}
/*eラーニングライブラリの概要*/
.elr_about_00_sp{
    display: none;
}
.elr_about00_title p {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #2f4c8b;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: -0.02em;
}

.elr_about00_title img {
    width: 85%;
    margin-bottom: 20px;
}
.elr_about00_feature_no {
    background: #8fb954;
    margin-right: 15px;
    width: 55px;
    height: 55px;
    border-radius: 50px;
    box-shadow: 3px 3px 0px 0px #567430;
    -moz-box-shadow: 3px 3px 0px 0px #567430;
    -webkit-box-shadow: 3px 3px 0px 0px #567430;
    position: relative;
    float: left;
}

.elr_about00_feature_no p {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    top: 14px;
    left: 6px;
}
.elr_about00_feature_content h2 {
    margin: 12px 0 5px;
    font-size: 30px;
    font-weight: bold;
    color: #ed6c00;
    float: left;
}

.elr_about00_feature_content {
    overflow: hidden;
}

.elr_about00_feature_content p {
    =: 10px
    font-weight: bold;
    padding-left: 20px;
    font-weight: bold;
    color: #515457;
    float: right;
    position: relative;
}

.elr_about00_feature_content p:after {
    position: absolute;
    top: 2px;
    left: 0px;
    z-index: 2;
    content: '';
    width: 15px;
    height: 15px;
    background: #5e79b4;
    /* border: 3px solid #3498db; */
    border-radius: 100%;
}
.elr_about00_feature_01 {
    overflow: hidden;
}

.elr_about00_feature_wrap {
    margin: 40px 0;
}
.elr_about00_feature_content_left {
    width: 350px;
    float: left;
}

.elr_about00_feature_content_right {
    float: right;
    width: 35%;
}

.elr_about00_feature_01, .elr_about00_feature_02 {
    margin-bottom: 30px;
}
.elr_about00_course_box {
    display: table-cell;
    border-right: 2px solid #c1c0c0;
    width: 240px;
    position: relative;
}
.elr_about00_course_no{
	padding: 9px 0 0 0;
	line-height: 1em;
	color: #494545;
	font-weight: bold;
	font-size: 2rem;
}
.eng .elr_about00_course_no{
	font-size: 1.4rem;
}
.elr_about00_course_img {
    margin: 50px 0;
    padding: 0;
    display: table;
    border: 2px solid #2d9bd2;
    border-radius: 10px;
    height: 520px;
    position: relative;
}
.elr_about00_course_title {
    margin: 0;
    padding: 0;
    background: #f1efef;
    text-align: center;
    height: auto;
	border-radius: 10px 10px 0 0;
}
.elr_about00_course_title h4 {
    font-size: 16px;
	height: 104px;
    color: #464141;
    font-weight: bold;
    line-height: 1.6em;
	border-bottom: 3px solid #2d9bd2;
	font-family: "Hiragino Sans","ヒラギノ角ゴシック";
}
.eng .elr_about00_course_title h4 {
    font-size: 12px;
}
.elr_about00_course_title h4 span.long{
	letter-spacing: -0.05em;
	display: block;
	line-height: 1em;
}
.elr_about00_course_title object.lineheight{
	line-height: 2.35em;
}
.elr_cman{
	color: #1b71aa;
}
.elr_ctec{
	color: #087a60;
}
.elr_chea{
	color: #eb5424;
}
.elr_about00_course_no {
/*
    color: #fff;
    color: #ea5504\9;
    *color: #ea5504;
    _color: #ea5504;
    text-shadow: none;
    -ms-filter: none;
    filter: none;
*/
}
.elr_about00_course_title h4 span {
    font-size: 20px;
}
.eng .elr_about00_course_title h4 span {
    font-size: 14px;
}
.elr_about00_course_title h4 span.no {
	color: #eb5624;
	font-weight: bold;
}
.elr_about00_course_title h4 span.no.longv{
	line-height: 1.2em;
}
.elr_about00_course_no2 {
    font-size: 13px;
}
.elr_about00_mng_box {
    margin: 0;
    padding: 0;
    background: #278dbf;
    width: 100%;
    height: 70px;
	color: #ffffff;
}
.elr_about00_mng_box_a{
    margin: 0;
    padding: 0;
    width: 92%;
    top: 114px;
    left: 10px;
    position: absolute;
}
.elr_about00_mng_box,
.elr_about00_tec_box,
.elr_about00_pc_box,
.elr_about00_lang_box,
.elr_about00_hea_box,
.elr_about00_sitte_box{
    padding-top: 7px;
	height: 70px;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px #000;
    -moz-box-shadow: 0px 0px 6px 0px #000;
    -webkit-box-shadow: 0px 0px 6px 0px #000;
	position: relative;
}
.elr_about00_tec_box {
    margin: 0;
    background: #189577;
    width: 100%;
	color: #ffffff;
}
.elr_about00_tec_box_a{
    margin: 0;
    /* padding: 0; */
    width: 92%;
    /* height: 70px; */
    top: 195px;
    left: 10px;
	position: absolute;
}

.elr_about00_tec_lib, .second .elr_about00_tec_lib.health {
    border-right: none;
}
.second .elr_about00_tec_lib {
	border-right: 2px solid #c1c0c0;
}
.elr_about00_mng_box h5,
.elr_about00_tec_box h5,
.elr_about00_pc_box h5,
.elr_about00_hea_box h5,
.elr_about00_lang_box h5 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.elr_about00_sitte_box h5 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
}

.elr_about00_mng_box h5 span,
.elr_about00_tec_box h5 span,
.elr_about00_pc_box h5 span,
.elr_about00_lang_box h5 span,
.elr_about00_hea_box h5 span,
.elr_about00_sitte_box h5 span {
    font-size: 30px;
    line-height: 0.7em;
}

.elr_about00_mng_box img, .elr_about00_tec_box img, .elr_about00_hea_box img, .elr_about00_pc_box img, .elr_about00_lang_box img, .elr_about00_sitte_box img {
    position: absolute;
    width: 8%;
    bottom: 5px;
    right: 5px;
}

.elr_about00_pc_box {
    background: #f8ea92;
    width: 100%;
	color: #251e16;
}
.elr_about00_pc_box_a {
    width: 97%;
    position:absolute;
    bottom: 170px;
    right: 11px;
}
.elr_about00_lang_box {
    background: #f2d188;
	width: 100%;
	position: relative;
	color: #251e16;
}
.elr_about00_lang_box_a {
    width: 97%;
    position: absolute;
    bottom: 110px;
    right: 11px;
}

.elr_about00_lang_box_a {
    width: 97%;
    position: absolute;
    bottom: 90px;
    right: 11px;
}


.elr_about00_lang_box img {
    position: absolute;
    right: 250px;
    bottom: 5px;
    width: 3%;
}
.elr_about00_sitte_box {
    /*background: #ffae36;*/
	background: #fef8da;
	background-image: url( ../../../images/hrm/elearning_lib/elr_3minsbg.png );
	background-repeat: repeat-x;
    width: 100%;
    position: relative;
    height: 70px;
	color: #251e16;
}
.elr_about00_sitte_box_a{
    width: 97%;
    position: absolute;
    bottom: 10px;
    right: 11px;
}

.elr_about00_sitte_box_a img{
    position: absolute;
    right: 190px;
    bottom: 5px;
    width: 3%;
}
.second .elr_about00_pc_box, .second .elr_about00_lang_box, .second .elr_about00_sitte_box {
    width: 100%;
}
.second .elr_about00_pc_box_a, .second .elr_about00_lang_box_a, .second .elr_about00_sitte_box_a {
    width: calc( 97% - 179px );
}
.second .elr_about00_lang_box img{
	right: 180px;
}
.second .elr_about00_sitte_box_a img{
	right: 140px;
}
.elr_about00_course_img.second .elr_about00_course_no2{
	line-height: 1.5em;
}
.second .elr_about00_course_title object.lineheight {
    line-height: 2.7em;
}
.elr_about00_course_box:last-child {
    border-right: none;
}
.elr_about00_reason_btn a {
    font-size: 14px;
    padding-top: 19px;
    height: 80px;
    line-height: 1.4em;
    width: 233px;
    /* background: #fff; */
    /* color: #2266af; */
    /* border: 2px solid; */
}
.second .elr_about00_course_box{
	width: 179px;
}
.second .elr_about00_mng_box_a{
	top: 194px;
}
.second.elr_about00_course_img{
	height: 598px;
	margin: 50px 0 0 0;
}
.second .elr_about00_tec_box_a{
	top: 274px;
}
.elr_about00_hea_box_a {
    margin: 0;
    padding: 0;
    width: 92%;
    top: 114px;
    left: 10px;
    position: absolute;
}
.elr_about00_hea_box {
    margin: 0;
    background: #eb5424;
    width: 100%;
    height: 70px;
    color: #ffffff;
}
.elr_about00_msg_box {
    margin: 0;
    width: 100%;
    height: 70px;
    color: #278dbf;
}
.elr_about00_msg_box_a{
	margin: 0;
    padding: 0;
    width: 92%;
    left: 10px;
    position: absolute;
	top: 210px;
}
.elr_about00_msg_box li{
	margin: 0 0 3px 0;
	padding: 0 3px;
	display: inline-block;
	background: #278dbf;
	color: #ffffff;
	font-size: 1.2rem;
}
.elr_about00_msg_box p{
	font-size: 1.2rem;
	line-height: 1.3em;
	letter-spacing: 0;
	text-align: center;
}
.elr_about00_msg_box_a:before{
	content: '+';
	position: absolute;
	top: -26px;
	transform: translateX( -50% );
	left: 50%;
	color: #278dbf;
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1em;
}
	.elr_about00_msg_box p object{
	font-weight: bold;
	font-size: 2rem;
}
.cl_desc{
	margin: 10px 0 50px 0;
	padding-left: 1em;
	text-indent: -1em;
}
.cl_desc span{
	margin: 0 2px 0 0;
	padding: 0 3px;
	display: inline-block;
	background: #278dbf;
	color: #ffffff;
	font-size: 1.2rem;
}
.cl_desc a{
	text-decoration: underline;
}
.elr_about00_reason_btn {
	margin: 0;
	margin-right: 10px;
	float: left;
}

.elr_about00_reason_btn:last-child {
    margin-right: 0;
}

.elr_about00_reason_btn_wide a {
	font-size: 14px;
	padding: 12px 20px;
	height: 80px;
	line-height: 1.5em;
	width: 233px;
	font-size: 13px;
	letter-spacing: 0;
	/* background: #fff; */
	/* color: #2266af; */
	/* border: 2px solid; */
	/* padding: 15px 20px 0 0; */
	/* width: 100%; */
	/* height: 100px; */
	/* font-size: 18px; */
	/* display: block; */
	/* line-height: 1.3em; */
}

.elr_about00_reason_btn_wide {
    width: 496px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
.elr_about00_reason_btn_wide ul{
	margin:0 auto;
	padding: 0;
	width: calc( 100% + 10px);
	text-align: center;
	display: inline-block;
}
.elr_about00_reason_btn_wide ul li{
	margin: 0 10px 0 0;
	width: calc( 100% / 2 - 10px);
	float: left;
}

.elr_about00_reason_btn_wrap {
    margin-top: 50px;
    padding: 0;
    overflow: hidden;
}
.elr_about00_bottom_f h4 {
    margin: 0 0 20px;
}
.elr_about00_course_box:last-child {
    border-right: none;
}

/*.elr_about00_service_wrap img {
    margin: 20px 0 50px;
}*/
.elr_about00_service_sp{
    display: none;
}
.elr_about00_service_pc{
	margin: 20px 0 0;
	width: 100%;
	max-width: 1059px;
	height: 415px;
	display: block;
	position: relative;
	background: url(/hrm/assets/elearning_lib/images/elr_about00_03.png) no-repeat;
	background-size: contain;
}
.elr_about00_servicelink01_pc, .elr_about00_servicelink02_pc{
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1000;
}
.elr_about00_servicelink01_pc{
	left: 0;
}
.elr_about00_servicelink02_pc{
	right: 0;
}

.elr_about00_servicelink01_pc:hover, .elr_about00_servicelink02_pc:hover{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}
.elr_about00_servicelink01_sp, .elr_about00_servicelink01_sp{
	display: none;
}
.elr_about00_course_wrap .elr_about00_course_img a {
	display: block;
}
.elr_about00_course_wrap .elr_about00_course_img a:hover{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}

/*=====eラーニングとは */
.elr_ab01_top,
.elr_ab07_top{
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    overflow: hidden;
	width: 100%;
    height: 100%;
	margin: 0 0 20px 0;
}
.elr_ab_t1 {
	float: left;
	width: 369px;
	height: 128px;
	margin: 20px;
}
.elr_ab_t1 img {
	width: 100%;
}
.elr_ab01_t2 {
	float: right;
    position: relative;
	width: 100%;
	height: 88px;
	background: #eaf1fa;
	margin: 20px 0;
}
.elr_ab01_t2 br,
.elr_ab07_t2 br{
	display: none;
}
.elr_ab07_t2 {
    position: relative;
    width: 100%;
	height: 88px;
	background: #f6f5ee;
	margin: 20px 0;
}
.elr_ab01_t2 img,
.elr_ab07_t2 img {
    width: 51px;
	height: 51px;
	position: absolute;
	top: 0;
	left: 0;
}
.elr_ab01_t2 p,
.elr_ab07_t2 p {
	padding: 30px 0 0 0;
	width: 100%;
	font-size: 25px;
	line-height: 35px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.elr_ab_cont {
	margin: 30px 0 50px 0;
	/*border: 2px #cecece solid;*/
	/*padding: 20px 20px 30px 20px;*/
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.elr_ab_fig {
	margin: 0;
	text-align: center;
	clear: both;
}
.elr_ab_fig img {
	margin: 0 auto;
	width: 560px;
}
.elr_ab_cont_l {
	float: left;
	width: 320px;
	margin: 0 0 30px 0;
}
.elr_ab_cont_r {
	/*float: right;*/
	width: 100%;
	margin: 0 0 30px 0;
}


/*=====eラーニング価格 */
#elr_price_header {
    margin-bottom: 35px;
    padding-bottom: 24px;
    background: url(/hrm/assets/elearning_lib/images/elr_price_mv.png);
}
#elr_price_header h1 {
    padding: 35px 0 15px;
}
#elr_price_header .elr_price_h1_img{
	border: none;
}
#elr_price_header span {
    margin: 5px auto;
    color: #50824f;
    border-bottom: 2px solid #50824f;
}
#elr_price_pc {
}
#elr_price_sp {
	display: none;
}
.elr_price_note {
	font-size: 90%;
	text-align: right;
}
table.elr_price {
	width: 100%;
	border: #fff solid 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
table.elr_price th.capacity1 {
	background: #3471a1;
	color: #fff;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
}
table.elr_price th.capacity2 {
	background: #3471a1;
	color: #fff;
	padding: 6px 12px 6px 6px;
	text-align: right;
	vertical-align: middle;
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
	white-space: nowrap;
}
table.elr_price th.course {
	background: #797c87;
	color: #fff;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	width: 26.5%;
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
}
table.elr_price td {
	color: #000;
	padding: 0;
	padding-right: 0px;
	font-size: 19px;
	text-align: center;
	vertical-align: middle;
	border-right: #fff solid 1px;
	border-bottom: #fff solid 1px;
}
table.elr_price tr td span {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: right;
    width: 85px;
    max-width: 85px;
}
table.elr_price .elr_td_bg_grey{
	background: #EAEAEA;
}
table.elr_price .elr_td_bg_blue{
	background: #d7f0ff;
}
table.elr_price .elr_td_bg_green{
	background: #e0fff8;
}

table.elr_price th.course.elr_mng_color{
	background: #076CA6;
}
table.elr_price th.course.elr_techskill_color{
	background: #007A60;
}

/*=====管理者メニューと上長メニューの機能比較 */
table.elr_ap_menu {
	width: 100%;
	border: #344877 solid 2px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 10px 0 50px 0;
}
table.elr_ap_menu th {
	background: #778EB8;
	color: #fff;
	border-right: #333 solid 1px;
	border-bottom: #344877 solid 2px;
	padding: 6px;
	text-align: left;
}
table.elr_ap_menu th.elr_ap_menu01 {
	background: #E6EBF5;
	color: #000;
	border-bottom: #333 solid 1px;
}
table.elr_ap_menu td {
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	padding: 14px 6px 9px 6px;
}
table.elr_ap_menu td.elr_ap_menu02 {
	text-align: center;
	font-size: 32px !important;
	line-height: 0;
	vertical-align: middle;
}
.elr_ap_menu_sp {
	display: none;
}


/*=====お申込み方法と受講の流れ */
.elr_fl_lead {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
	text-align: center;
}
.elr_fl_lead strong {
	font-size: 28px;
}
#elr_flow_pc {
    position: relative;
	margin: 20px 0 40px 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
#elr_flow_pc01 {
    position: absolute;
    left: 0;
	top: 68px;
    width: 257px;
}
#elr_flow_pc02 {
    position: absolute;
    left: 278px;
	top: 65px;
    width: 216px;
}
#elr_flow_pc03 {
    position: absolute;
    left: 0;
	top: 188px;
    width: 257px;
}
#elr_flow_pc04 {
    position: absolute;
    left: 278px;
	top: 188px;
    width: 216px;
}
#elr_flow_pc05 {
    position: absolute;
    left: 0;
	top: 310px;
    width: 257px;
}
#elr_flow_pc06 {
    position: absolute;
    left: 278px;
	top: 310px;
    width: 216px;
}
#elr_flow_pc07 {
    position: absolute;
    right: 0;
	top: 310px;
    width: 191px;
}
#elr_flow_pc08 {
    position: absolute;
    left: 0;
	top: 432px;
    width: 257px;
}
#elr_flow_pc09 {
    position: absolute;
    left: 10px;
	top: 468px;
    width: 237px;
	text-align: left;
}
#elr_flow_pc10 {
    position: absolute;
    left: 283px;
    top: 389px;
    width: 206px;
    font-size: 12px;
    line-height: 16px;
}
#elr_flow_pc10 p {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	letter-spacing: -1px;
}
#elr_flow_pc11 {
    position: absolute;
    left: 278px;
	top: 530px;
    width: 202px;
	font-size: 12px;
	line-height: 16px;
	color: #f00;
	text-align: left;
}
#elr_flow_pc12 {
    position: absolute;
    right: 0;
	top: 452px;
    width: 191px;
}
#elr_flow_pc13 {
    position: absolute;
    left: 0;
	top: 716px;
    width: 257px;
}
#elr_flow_pc14 {
    position: absolute;
    left: 50px;
	top: 754px;
    width: 157px;
	text-align: left;
}
#elr_flow_pc15 {
    position: absolute;
    right: 10px;
	top: 702px;
    width: 171px;
	font-size: 12px;
	line-height: 16px;
}
#elr_flow_pc16 {
    position: absolute;
    left: 0;
	top: 856px;
    width: 257px;
}
#elr_flow_pc17 {
    position: absolute;
    left: 278px;
	top: 832px;
    width: 217px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	padding: 0 10px;
}
#elr_flow_pc18 {
    position: absolute;
    left: 0;
	top: 958px;
    width: 257px;
}
#elr_flow_pc19 {
    position: absolute;
    left: 278px;
	top: 946px;
    width: 196px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	padding: 0 10px;
}
#elr_flow_pc20 {
    position: absolute;
    right: 10px;
	top: 946px;
    width: 171px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}
#elr_flow_pc strong {
	color: #f00;
}
#elr_flow_pc span {
	width: 14px;
	height: 14px;
	color: #f00;
	border: 1px #f00 solid;
	background: #fff;
	margin: 0 1px;
}
#elr_flow_pc p.elr_flow_s {
	margin: 5px 0;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	text-align: left;
}
#elr_flow_sp {
	display: none;
}
.elr_flow_btn {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0;
    text-align: center;
}
.elr_flow_btn a {
    margin: 0;
    padding: 0px 0 0;
    width: 400px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
    background: #2266af;
}
.elr_flow_btn a:after {
    content: "";
    margin: 0;
    padding: 0;
    top: calc(50% - 7px * 1.41421356 / 2);
    right: 10px;
    position: absolute;
    border: 1px solid #ffffff;
    border-left: none;
    border-top: none;
    height: 8px;
    width: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.elr_pricept_bg{
	margin: 0;
	padding: 20px;
	overflow: hidden;
	clear: both;
	background: #d3e5f6;
}
.elr_pricept{
	margin: 0 15px 0 0;
	/*padding: 10px;*/
	width: calc( ( 100% - 15px - 15px ) / 3 );
	background: #ffffff;
	float: left;
	height: 241px;
	text-align: center;
	position: relative;
	border-radius: 8px;
	filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
}
.elr_pricept:last-of-type{
	margin-right: 0;
}
.elr_pricept img{
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
.elr_pricept div{
	padding: 15px;
	display: block;
	text-align: left;
	line-height: 1.7em;
	position: relative;
}
.elr_pricept p{
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5em;
	/*height: calc( 2.4em + 20px );*/
	vertical-align: middle;
	/*border-bottom: 1px dashed #ccc;*/
	letter-spacing: 0em;
}
.elr_pricept p span{
	vertical-align: middle;
	position: relative;
	letter-spacing: -0.05em;
	display: inline;
	letter-spacing: 0.03em;
}
.elr_pricept_bg span{
	letter-spacing: 0.04em;
}
.elr_pricept .elr_sub3_no1 span {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1.2em;
	position: relative;
	font-size: 2.3rem;
}
#pt01 .elr_sub3_no1 span {
	margin-bottom: 0.5em;
    top: 0.5em;
    left: 0;
}
#pt02 .elr_sub3_no1 span {
    top: 0;
    left: 0;
	letter-spacing: -0.05em;
}
#pt03 .elr_sub3_no1 span {
	margin-bottom: 0.5em;
    top: 0.5em;
    left: 0;
}
.elr_pricept#pt02 p{
	padding-top: 10px;
}
.elr_pricept#pt02 .elr_prino p{
	padding-top: 5px;
}
.elr_ab01_t2.new{
	margin-bottom: 0;
}
#elr_price_list{
	margin: 40px 0 0 0;
	padding: 20px;
	clear: both;
	background: #f7cfc9;
	overflow: hidden;
}
.pl_ttl{
	margin: 0;
	width: 100%;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.2em;
	position: relative;
	font-family: "Hiragino Sans","ヒラギノ角ゴシック";
	color: #000000;
}
.pl_ttl p{
	font-size: 5.5rem;
	display: inline;
	line-height: 1em;
}
.pl_point{
	width: calc( 35% + 20px );
	padding: 10px 0 10px 34px;
	background: #FFE3DF;
	font-size: 2.1rem;
	font-weight: bold;
	position: absolute;
	line-height: 1.3em;
	right: -20px;
	top: 0;
	display: block;
}
.pl_point img{
	width: 40px;
	position: absolute;
	top:0 ;
	left: 0;
}
#elr_price_list p.pl_p{
	margin: 12px 0 5px 0;
	line-height: 1.5em;
	color: #000000;
}
.pl_left{
	margin: 0 10px 0 0;
	width: 33%;
	float: left;
}
.elr_priceimg{
	margin: 0 0 20px 0;
	width: calc( 67% - 10px );
	float: left;
}
.pl_left .pl_subttl{
	margin: 5px 0;
	padding: 0 0 0 1.2em;
	color: #6b6145;
	font-size: 1.7rem;
	font-weight: bold;
	position: relative;
	font-family: "Hiragino Sans","ヒラギノ角ゴシック";
}
.pl_subttl:before{
	content: '●';
	display: block;
	font-size: 2rem;
	color: #ffffff;
	top: 0;
	left: 0;
	position: absolute;
	line-height: 1.15em;
}
.pl_left p{
	margin: 5px 0 10px 0;
	line-height: 1.5em;
	color: #000000;
}
.pl_price_wrap{
	margin: 0;
	display: block;
	width: 40%;
	float: left;
}
.pl_price_wrap p{
	margin: 0 0 2px 0;
	padding: 0 15px;
	color: #6b6145;
	background: #ffffff;
	display: inline-block;
	border-radius: 20px;
	font-weight: bold;
	font-family: "Hiragino Sans","ヒラギノ角ゴシック";
}
.pl_price_wrap div{
	text-align: right;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
	font-family: "Arial Black", Gadget, "sans-serif";
}
.pl_price_wrap .pl_price1{
	margin: 10px 0 0 0;
	font-size: 4rem;
}
.pl_price_wrap .pl_price2{
	font-size: 5.3rem;
	filter: drop-shadow( 3px 3px 2px rgba(0,0,0,0.4));
}
.pl_price_wrap div span{
	font-size: 50%;
}
.pl_left_last .arrow{
	width: 20%;
	height: 86px;
	float: left;
	display: block;
	position: relative;
}
.pl_left_last .arrow:before{
	content: '';
	width: 50%;
	height: 30px;
	display: block;
	background: #e35a52;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX( -50%) translateY( -50% );
}
.pl_left_last .arrow:after{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateX( 0 ) translateY( -50% );
	border: 30px solid #e35a52;
	border-color: transparent transparent transparent #e35a52;
}
.pl_left .pl_des{
	font-size: 1.1rem;
	display: block;
	line-height: 1.4em;
	clear: both;
	text-indent: -1em;
	padding-left: 1em;
}
/*#elr_price_list h3{
	margin: 0 0 10px 0;
	font-size: 25px;
	font-weight: bold;
}*/
#elr_price_list h4{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}
#elr_price_list .subsub h4{
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: bold;
}
.elr_price_listwrap{
	padding: 20px;
	background: #d7e5ea;
	color: #2266af;
}
.elr_price_listwrap.sub{
	margin: 20px 0 0 0;
	/*background: #eaf1fa;*/
}
.elr_price_listwrap.subsub{
	background: #f1f6f8;
	overflow: hidden;
}
.pl_left_last{
	clear: both;
	overflow: hidden;
}
#elr_pri_concl{
	margin: 0 0 40px 0;
	padding: 0 20px;
	font-size: 17px;
	font-weight: bold;
	background: #fee3df;
	color: #000000;
	text-align: center;
	position: relative;
	letter-spacing: 0.05em;
	border-bottom: 20px solid #f7cfc9;
}
#elr_pri_concl span{
	margin: 0 5px 0 0;
	font-size: 32px;
	color: #978E51;
	/*filter: drop-shadow( 2px 2px 0px rgba(0,0,0,0.5));*/
	/*filter: drop-shadow( 2px 2px 0px rgba(255,255,255,1));*/
	/*filter: drop-shadow( 2px 2px 0px rgba(227, 90, 82,0.5));*/
	/*font-family: "Arial Black", Gadget, "sans-serif";*/
	letter-spacing: 0;
	font-weight: normal;
}
#elr_pri_concl br{
	 display: none;
}
.elr_price_listwrap p{
	margin: 0 0 1em 0;
}
.elr_price_listwrap p span{
	font-weight: bold;
}
.elr_pricetable .elr_pricetd:first-of-type{
	margin: 0 0 10px 0;
	padding: 10px;
	color: #000000;
	background: #ffffff;
}
.elr_pricetable .elr_pricetd:last-of-type{
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	font-size: 3rem;
	color: #000000;
	font-weight: bold;
}
.elr_pricetable:nth-of-type(2) .elr_pricetd:last-of-type{
	font-size: 2.5rem;
}
.elr_price_url {
	margin: 40px auto 0 auto;
	/*padding: 20px;*/
	text-align: left;
	/*background: #d3e5f5;*/
	overflow: hidden;
	display: block;
	/*background: url( "../../../images/hrm/elearning_lib/elr_price_bnr_bg.png") no-repeat center;*/
}
.elr_price_url img{
	/*margin: 0 0 0 -20px;*/
}
.elr_bnrttl{
	font-size: 2.5rem;
	font-weight: bold;
	vertical-align: baseline;
	letter-spacing: 0.05em;
	clear: both;
}
.elr_bnrttl p{
	line-height: 1em;
}
.elr_price_url a{
	position: relative;
	display: block;
}
.elr_price_url a span{
	color: #ffffff;
	position: absolute;
	font-size: 5rem;
	top: 32.2%;
	left: 33.7%;
	letter-spacing: -0.04em;
	line-height: 1em;
}
.elr_price_url a ul{
	width: 82.5%;
	position: absolute;
	bottom: 12%;
	right: 2.9%;
}
.elr_price_url a ul li{
	width: calc( 100% / 7 );
	color: #000000;
	float: left;
	font-size: 1.75rem;
	letter-spacing: -0.05em;
	text-align: center;
}
#pl_total{
	padding: 0 0 0 0.5em;
	width: 5rem;
	font-size: 8rem;
	font-weight: bold;
	text-align: right;
	display:inline;
	line-height: 1em;
}
.elr_price_allwrap{
	width: 100%;
	display: table;
}
.elr_price_clm{
	width: calc( 100% / 8 );
	float: left;
}
.elr_price_row.{
	height: 3rem;
	display: block;
}
.elr_price_row.th{
	background: #2266af;
	border: 1px solid #2266af;
	text-align: center;
}
.elr_price_row.th:last-of-type{
	line-height: 1em;
}
.elr_price_row.th span{
	color: #ffffff;
}
.elr_price_row:last-of-type{
	letter-spacing: -0.05em;
}
/*#pl01, #pl02, #pl03, #pl04, #pl05, #pl06, #pl07{
	top: 64%;
	letter-spacing: -0.05em;
	font-size: 1.7rem;
}
#pl01{
	left: 15.8%;
}
#pl02{
	left: 27%;
}
#pl03{
	left: 38.7%;
}
#pl04{
	left: 364px;
}
#pl05{
	left: 448px;
}
#pl06{
	left: 533px;
}
#pl07{
	left: 619px;
}*/


/*.elr_price_url a{
	margin: 40px auto 0 auto;
    padding: 0.5em 1em 0.5em 0.5em;
    width: auto;
    font-size: 2.5rem;
    color: #ffffff;
    background: #2266af;
    font-weight: normal;
	position: relative;
	display: inline-block;
}
.elr_price_url a:after{
    content: "";
    margin: 0;
    padding: 0;
    top: calc( 100% / 2 - 4px);
    right: 15px;
    position: absolute;
    border: 2px solid #ffffff;
    border-left: none;
    border-top: none;
    height: 8px;
    width: 8px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}*/
.elr_pricept .elr_prino{
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
	clear: both;
	text-align: center;
}
.elr_pricept .elr_prino span{
	padding: 0.46em;
	width: 1.6em;
	height: 1.6em;
	background: #ee781d;
	border-radius: 50%;
	display: inline-block;
	color: #ffffff;
	position: absolute;
	font-size: 3rem;
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
	font-weight: bold;
	transform: translate( 20% , -30% );
	-ms-transform: translateX( 20%) translateY( -30% );
	-webkit-transform: translate( 20% , -30% );
	-moz-transform: translate( 20% , -30% );
}
.elr_pricept .elr_prino p{
	padding: 5px 3em 5px 1em;
	background: #315498;
	border-radius: 20px;
	color: #ffffff;
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 0;
	font-weight: bold;
	position: relative;
	transform: translateX( -20% );
}
_:-ms-lang(x), .elr_pricept {
	margin: 0 14px 0 0;
}
.elr_pricept_eng .elr_sub3_no1 p {
    padding-top: 10px;
}
.elr_pricept_eng #pt01 .elr_sub3_no1 span, .elr_pricept_eng #pt02 .elr_sub3_no1 span, .elr_pricept_eng #pt03 .elr_sub3_no1 span {
    margin-bottom: 0.5em;
    top: 0.2em;
    left: 0;
}
.elr_pricept_eng .pl_price_wrap div span{
	letter-spacing: -0.05em;
}
.elr_pricept_eng .pl_price_wrap div{
	letter-spacing: 0;
}
.elr_pricept_eng .pl_left .pl_subttl, .elr_pricept_eng .pl_point, .elr_pricept_eng .pl_price_wrap p{
	letter-spacing: -0.05em;
}
.elr_pricept_eng .pl_ttl p{
	min-height: 8rem;
	display: inline-block;
}
.elr_pricept_eng .pl_price_wrap div span {
    font-size: 30%;
}
/*=====「お知らせ＆メール作成」機能 文面例 */
.elr_os_t2 {
    width: 100%;
	height: 88px;
	background: #2266af;
	margin: 20px 0;
	text-align: center;
}
.elr_os_t2 p {
	padding: 0 0 0 0;
	width: 100%;
	font-size: 25px;
	line-height: 35px;
	font-weight: bold;
	color: #ffffff;
}
.elr_os_t2 span{
	margin: 0;
	font-size: 19px;

}
.elr_os_t2 .elr_t2_orange{
	margin: 0;
	padding: 13px 0 0 0;
	display: inline-block;
	color: #f9be00;
}

.elr_osirase {
	margin-bottom: 30px;
	overflow: hidden;
}
.elr_osirase_l {
	float: left;
	width: 356px;
	position: relative;
}
.elr_osirase_img {
	width: 356px;
	height: auto;
}
.elr_osirase1_t1,
.elr_osirase2_t1,
.elr_osirase3_t1 {
	position: absolute;
	width: 188px;
	height: 40px;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
}
.elr_osirase1_t1 {
	top: 118px;
	left: 115px;
}
.elr_osirase2_t1 {
	top: 118px;
	left: 144px;
}
.elr_osirase3_t1 {
	top: 125px;
	left: 114px;
}
.elr_osirase_c {
	position: absolute;
	width: 162px;
	right: 0;
	top: 192px;
}
.elr_osirase_t2 {
	position: absolute;
	right: 0;
	top: 202px;
	width: 156px;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
}
.elr_osirase_r {
	width: 362px;
	margin-left: 356px;
}
.elr_osirase_tx {
	border: 1px #999 solid;
	border-top: none;
	padding-top: 18px;
	margin-top: -6px;
}
.elr_osirase_tx p {
	margin: 0 10px 10px 10px;
	font-size: 12px;
	line-height: 16px;
}
.elr_osirase_txred {
	border: 1px #f00 solid;
	margin: 0 4px 5px 4px;
}
.elr_osirase_txred p {
	margin: 5px;
	font-size: 12px;
	line-height: 16px;
}
.elr_osirase_txred dl {
	margin: 5px 5px 0 5px;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
}
.elr_osirase_txred dl dt {
	float: left;
	clear: left;
}
.elr_osirase_txred dl dd {
	float: right;
	text-align: right;
	margin-right: 10px;
}


/*=====ライブラリエッセンス（学習資料集）のご案内 */
#elr_libesse_top {
	position: relative;
}
h3.elr_libesse_tl1 {
	top: 20px;
	left: 0;
	padding: 7px 0 5px 10px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	/* background: #254179;*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: none;
}
#elr_libesse_top_img {
	position: absolute;
	top: 20px;
	right: 0;
	width: 320px;
	height: 190px;
}
.elr_libesse_c {
	position: absolute;
	width: 104px;
	top: 0;
	right: 98px;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
#elr_libesse_top p {
	margin-top: 20px;
}
#elr_libesse_top p strong {
	font-size: 18px;
	line-height: 24px;
	color: #00a84d;
}
.elr_libesse_tl2 {
	width: 300px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #008cd6;
	padding: 6px 10px 4px 10px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
	margin: 10px 0 10px 0;
}
.elr_libesse_ct {
	margin: 10px 0 40px 0;
	overflow: hidden;
}
#elr_libesse_fig1 {
	float: left;
	width: 270px;
	margin: 0;
}
#elr_libesse_fig2 {
	float: left;
	width: 450px;
	margin: 5px 0 0 0;
	position: relative;
}
#elr_libesse_fig3 {
	float: left;
	margin: 0;
	width: 300px;
	clear: both;
}
#elr_libesse_fig4 {
	float: left;
	margin: 0;
	width: 300px;
}
#elr_libesse_fig1 img,
#elr_libesse_fig3 img,
#elr_libesse_fig4 img {
	width: 260px;
}
#elr_libesse_fig1 p,
#elr_libesse_fig3 p,
#elr_libesse_fig4 p {
	font-size: 12px;
	line-height: 15px;
	margin-left: 20px;
}
#elr_libesse_fig2 p {
	position: absolute;
	font-size: 12px;
	line-height: 15px;
	left: 40px;
	bottom: 6px;
}
.elr_libesse_st {
	width: 300px;
	float: left;
	margin: 0 0 20px 0;
}
.elr_libesse_st_s {
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
}
#elr_libesse_fig5 {
	float: right;
	width: 400px;
}
.elr_image_switcher{
    margin: 0;
    padding: 0;
}
/*PC、SP画像切り替え*/
/* pc */
.elr_image_switcher img:first-child{
    display: block;
}

/* sp */
.elr_image_switcher img:last-child{
    display: none;
}
/*スマホでも、PCでも受講可能*/
.elr_spc_wrap p,
.elr_spc_2_wrap p,
.elr_spc_pc_only,
.elr_spc_sp_wrap p {
    position: absolute;
}
.elr_spc_sp_wrap {
    display: none;
}
.elr_spc_2_wrap {
    margin-bottom: 40px;
}

.elr_spc_1_wrap,
.elr_spc_2_wrap,
.elr_spc_3_wrap,
.elr_spc_4_wrap {
    position: relative;
}
.elr_spc_textf1 {
    top: 209px;
    left: 285px;
}
.elr_spc_fukidashi {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: -0.1em
}

.elr_spc_textc1 {
    top: 375px;
    left: 165px;
}

.elr_spc_caption {
    font-size: 12px;
}

.elr_spc_caption:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 3px;
    left: -15px;
    border-style: solid;
    border-width: 0 7.5px 11px 7.5px;
    border-color: transparent transparent #355497 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #355497 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.elr_spc_textf2 {
    bottom: 340px;
    left: 297px;
}

.elr_spc_textf3 {
    bottom: 335px;
    left: 114px;
    font-size: 11px;
}

.elr_spc_textc2 {
    bottom: 198px;
    left: 165px;
}

.elr_spc_textf4 {
    bottom: 13px;
    left: 258px;
}

.elr_spc_textc3 {
    bottom: 30px;
    left: 165px;
}
.elr_spc_textf5 {
    top: 206px;
    right: 20px;
}

.elr_spc_textf5 span {
    color: red;
    font-size: 14px;
}
.elr_spc_pc_only1 {
    top: 270px;
    right: 50px;
}

.elr_spc_pc_only {
    width: 190px;
    text-align: center;
}
.elr_spc_pc_only span {
    color: #666565;
    font-size: 20px;
    font-weight: bold;
}
.elr_spc_textc4 {
    bottom: 220px;
    right: 8px;
    line-height: 1em;
}
.elr_spc_caption_left {
    font-size: 12px;
}

.elr_spc_caption_left:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 3px;
    left: -13px;
    border-style: solid;
    border-width: 6px 9px 6px 0;
    border-color: transparent #345397 transparent transparent;
    line-height: 0px;
    _border-color: #000000 #345397 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.elr_spc_textc5 {
    bottom: 47px;
    right: 20px;
}
.elr_spc_textc5 {
    bottom: 47px;
    right: 20px;
}

.elr_spc_textf6 {
    top: 176px;
    left: 273px;
}

.elr_spc_textc6 {
    top: 175px;
    left: 155px;
}

.elr_spc_textf7 {
    top: 375px;
    left: 280px;
}

.elr_spc_textc7 {
    bottom: 333px;
    left: 155px;
}

.elr_spc_textf8 {
    bottom: 147px;
    left: 290px;
}

.elr_spc_textc8 {
    bottom: 150px;
    left: 155px;
}

.elr_spc_textf9 {
    bottom: 92px;
    left: 328px;
}

.elr_spc_texts {
    font-size: 9px;
    letter-spacing: -0.2em;
    line-height: 1em;
    position: absolute;
    bottom: 50px;
    left: 120px;
    font-weight: bold;
}

.elr_spc_textf10 {
    bottom: 18px;
    left: 128px;
}
.elr_spc_textc9 {
    top: 185px;
    right: 100px;
}

.elr_spc_textc10 {
    top: 397px;
    right: 125px;
}

.elr_spc_pc_only2 {
    bottom: 220px;
    right: 50px;
}

.elr_spc_pc_only3 {
    bottom: 58px;
    right: 50px;
}
/*シンプルな受講状況確認・ユーザ管理機能*/

.elr_umng_wrap {
    margin-bottom: 40px;
}
.elr_umng_sp_wrap{
    display: none;
}
#elr_umng_content_hide{
    display: none;
}
.elr_umng_wrap #elr_detail_cul_content_more,
.elr_umng_sp_wrap #elr_detail_cul_content_more  {
    position: static;
    border: 1px solid #cccccc;
}
.elr_yellow_bold {
    font-size: 23px;
    font-weight: bold;
    color: #fdd35c;
    /*text-shadow:
        0 2px 0 #28437e,
        2px 0 0 #28437e,
        0 -2px 0 #28437e,
        -2px 0 0 #28437e,
        -2px -2px 0 #28437e,
        2px -2px 0 #28437e,
        -2px 2px 0 #28437e,
        2px 2px 0 #28437e;
    filter: dropshadow(color=#28437e,offX= 0,offY=-1 Strength=10)
            dropshadow(color=#28437e,offX= 1,offY= 0 Strength=10)
            dropshadow(color=#28437e,offX= 0,offY= 1 Strength=10)
            dropshadow(color=#28437e,offX=-1,offY= 0 Strength=10);*/
}
.elr_subtitle {
    margin: 0;
    padding-left: 27px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.elr_subtitle span {
    color: red;
}

.elr_subtitle:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #8e94ba;
}

.elr_umng_caption:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -15px;
    border-style: solid;
    border-width: 11px 7px 0 7px;
    border-color: #355497 transparent transparent transparent;
    line-height: 0px;
    _border-color: #355497 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.elr_umng_1_wrap,
.elr_umng_2_wrap,
.elr_umng_3_wrap {
    position: relative;
}

.elr_umng_wrap p,
.elr_umng_sp_wrap p {
    position: absolute;
}

.elr_umng_textc1 {
    top: 20px;
    left: 30px;
}

.elr_umng_caption {
    position: relative;
}

.elr_umng_1_wrap,
.elr_umng_2_wrap,
.elr_umng_3_wrap {
    margin-bottom: 40px;
}

.elr_umng_yfukidashi {
    font-size: 20px;
    text-align: center;
    line-height: 1.3em;
}

.elr_umng_textyf1 {
    top: 32px;
    right: 59px;
}

.elr_umng_textf1 {
    top: 245px;
    left: 55px;
}

.elr_umng_fukidashi {
    font-weight: bold;
    line-height: 1em;
}

.elr_umng_textf2 {top: 182px;
right: 9px;
letter-spacing: -1px}

.elr_umng_textc2 {
    top: 365px;
    left: 30px;
}

.elr_umng_textf3 {
    top: 351px;
    left: 207px;
    font-size: 13px;
}

.elr_umng_textf4 {top: 357px;
right: 24px;
font-size: 12px;
letter-spacing: -0.5px}

.elr_umng_orange {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 487px;
    left: 360px;
    font-size: 11px;
}
.elr_umng_orange p:last-child {
    top: 27px;
    left: 67px;
}

.elr_umng_orange p {
    line-height: 1.3em;
}

.elr_umng_orange p span {
    font-size: 10px;
}

.elr_umng_textf5 {
    bottom: 399px;
    left: 39px;
}

.elr_umng_textf6 {
    bottom: 347px;
    left: 67px;
}

.elr_umng_textc3 {
    bottom: 390px;
    right: 280px;
}

.elr_umng_textf7 {
    bottom: 285px;
    right: 20px;
    font-size: 13px;
    letter-spacing: -0.5px;
}

.elr_umng_textc4 {
    bottom: 215px;
    left: 47px;
}

.elr_umng_textc5 {
    bottom: 160px;
    right: 278px;
}

.elr_umng_textyf2 {
    bottom: 170px;
    right: 45px;
    font-size: 18px;
}

.elr_umng_textf8 {
    bottom: 90px;
    right: 13px;
    font-size: 13px;
}

.elr_umng_textf9 {
    bottom: 33px;
    left: 36px;
    font-size: 13px;
}
.elr_umng_textc6 {
    top: 30px;
    left: 35px;
}

.elr_umng_textf10 {top: 22px;
left: 158px;
font-size: 12px;}

.elr_umng_textf11 {top: 130px;
right: 87px;
font-size: 12px;
letter-spacing: -1.2px;}
.elr_umng_textc7 {
    top: 238px;
    left: 35px;
}

.elr_umng_textyf3 {
    top: 230px;
    right: 50px;
    font-size: 18px;
}
.elr_umng_textyf3 span {
    font-size: 14px;
}

.elr_umng_textf12 {bottom: 117px;
left: 34px;
font-size: 12px;}

.elr_umng_caution {
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 21px;
}
.elr_umng_bottom_caution {
    position: static !important;
    margin-bottom: 40px;
}
.elr_umng_caution p {
    position: static;
    letter-spacing: -0.05em;
    line-height: 1.4em;
    font-size: 13px;
}

.elr_umng_caution span {
    color: #fff;
    background: #28437e;
    padding: 2px 4px;
}
.elr_umng_textc8 {
    top: 17px;
    left: 35px;
}

.elr_umng_textf13 {top: 30px;right: 90px;font-size: 12px;/* letter-spacing: -1px */}

.elr_umng_textyf4 {
    bottom: 56px;
    right: 38px;
}
/*多彩な受講促進機能*/
.elr_prom_1_wrap {
    position: relative;
}
.elr_prom_sp_wrap{
    display: none;
}
.elr_prom_wrap p,
.elr_prom_sp_wrap p {
    position: absolute;
}
.elr_prom_caption:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -15px;
    border-style: solid;
    border-width: 11px 7px 0 7px;
    border-color: #355497 transparent transparent transparent;
    line-height: 0px;
    _border-color: #355497 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.elr_prom_caption_top:before{
    content: "";
    position: absolute;
    left: -1px;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 11px 7px;
    border-color: transparent transparent #355497 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #355497 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.elr_prom_title a {
    color: #2266af;
    border-bottom: 1px solid;
}

.elr_prom_title {
    margin-bottom: 20px;
}

.elr_prom_textc1 {
    top: 17px;
    left: 45px;
}

.elr_prom_textf1 {top: 62px;
left: 288px;
letter-spacing: -1px}

.elr_prom_fukidashi {
    font-weight: bold;
    font-size: 13px;
    line-height: 1.2em;
}

.elr_prom_textf2 {top: 226px;
left: 216px;
letter-spacing: -1px}
.elr_prom_textf3 {
    top: 192px;
    right: 134px;
}

.elr_prom_textf4 {top: 283px;
right: 9px;
letter-spacing: -1px}

.elr_prom_textyf1 {
    top: 223px;
    left: 30px;
}

.elr_prom_yfukidashi {
    font-size: 16px;
    line-height: 1.3em;
    text-align: center;
}

.elr_prom_textf5 {
    top: 364px;
    left: 17px;
}

.elr_prom_textc2 {
    top: 430px;
    left: 43px;
}

.elr_prom_caption_top {
    padding-left: 15px;
}

.elr_prom_textc3 {
    top: 431px;
    right: 135px;
}

.elr_prom_textc4 {
    bottom: 440px;
    left: 45px;
}
.elr_prom_textc5 {
    bottom: 440px;
    left: 240px;
}

.elr_prom_textyf2 {
    bottom: 394px;
    right: 48px;
}

.elr_prom_textf6 {
    bottom: 233px;
    left: 44px;
}

.elr_prom_textc6 {
    bottom: 172px;
    left: 50px;
}

.elr_prom_textc7 {
    bottom: 172px;
    left: 265px;
}

.elr_prom_blue {
    position: absolute;
    width: 100%;
    bottom: 154px;
    left: 500px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.elr_prom_blue span {
    color: #FFF100;
}
/*3つの課題と活用方法*/
.elr_sub3_sp_wrap{
    display: none;
}
.elr_sub3_1_wrap,
.elr_sub3_2_wrap,
.elr_sub3_3_wrap {
    margin-bottom: 40px;
    position: relative;
}

.elr_sub3_wrap p {
    position: absolute;
}

.elr_sub3_no1 {
    /* top: 56px; */
    /* left: 44px; */
    /* width: 160px; */
}

.elr_sub3_no {
    /* position: absolute; */
    /* text-align: center; */
}
.elr_sub3_no span {
    color: #C14463;
    font-size: 28px;
    font-weight: bold;
}

.elr_sub3_no p {
	font-size: 16px;
	font-weight: bold;
}

.elr_sub3_no2 {
    top: 56px;
    left: 281px;
    width: 160px;
}

.elr_sub3_no2 p {
    line-height: 1.3em;
}

.elr_sub3_no3 {
	top: 56px;
	right: 73px;
	width: 116px
}
.elr_sub3_no1 span {
    top: 59px;
    left: 68px;
}

.elr_sub3_no span {
    position: absolute;
}

.elr_sub3_no1 p {
    top: 103px;
    left: 48px;
}

.elr_sub3_no2 span {
    top: 59px;
    left: 300px;
}

.elr_sub3_no2 p {
    top: 99px;
    left: 280px;
    text-align: center;
}

.elr_sub3_no3 span {
    top: 59px;
    right: 77px;
}

.elr_sub3_no3 p {
    top: 103px;
    right: 75px;
}
.elr_sub3_how p {
    top: 170px;
    left: 320px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.elr_sub3_how ul {
    position: absolute;
    top: 210px;
    left: 155px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.elr_sub3_case h2, .elr_sub3_case h3, .elr_sub3_case h4 {
    position: absolute;
}
.elr_sub3_case1_ct_inner1 {
    top: 480px;
}

.elr_sub3_case_ct_inner h4 {
    top: -30px;
    color: #C14463;
    font-weight: bold;
    background: #F2DDDE;
    padding: 3px 60px 3px 20px;
    border-radius: 20px;
}

.elr_sub3_case_ct_inner {
    position: absolute;
    width: 100%;
    left: 40px;
}
.elr_sub3_case h2 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.elr_sub3_case1 h2 {
    top: 332px;
    left: 55px;
}

.elr_sub3_case h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
}

.elr_sub3_case1 h3 {
    top: 376px;
    left: 40px;
}

.elr_sub3_case h3 span {
    color: #E60012;
}

.elr_sub3_case_ct_inner span {
    background: #cce198;
}

.elr_sub3_case_ct_inner p {
    font-size: 12px;
    line-height: 17px;
}
.elr_sub3_case_ct_inner p:before {
    display: block;
    content: "";
    position: absolute;
    top: 12px;
    left: -10px;
    width: 6px;
    height: 6px;
    margin-top: -8px;
    border-radius: 50%;        /* CSS3草案 */
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;   /* Firefox用 */
    background: #c14462;
    border: none;
}

.elr_sub3_case1_ct_inner2 {
    top: 572px;
}

.elr_sub3_case1_ct_inner3 {
    top: 661px;
}

.elr_sub3_case1_ct_inner3 p:last-child {
    top: 70px;
}

.elr_sub3_case1_ct_inner4 {
    bottom: 67px;
}
.elr_sub3_case_cap:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -15px;
    border-style: solid;
    border-width: 11px 7px 0 7px;
    border-color: #231815 transparent transparent transparent;
    line-height: 0px;
    _border-color: #231815 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.elr_sub3_case_cap {
    bottom: 422px;
    right: 205px;
    font-size: 13px;
}
.elr_sub3_case2 h2, .elr_sub3_case3 h2 {
    top: 28px;
    left: 55px;
}

.elr_sub3_case2 h3, .elr_sub3_case3 h3 {
    top: 73px;
    left: 40px;
}

.elr_sub3_case1_ct {
}

.elr_sub3_case2_ct_inner1 {
    top: 175px;
}

.elr_sub3_case2_ct_inner2 {
    top: 231px;
}

.elr_sub3_case2_ct_inner2 p:last-child {
    top: 18px;
}

.elr_sub3_case2_ct_inner3 {
    top: 305px;
}

.elr_sub3_case2_ct_inner3 p:nth-child(2) {
    top: 16px;
}

.elr_sub3_case2_ct_inner3 p:last-child {
    top: 32px;
}
.elr_sub3_case3_ct_inner1 {
    top: 146px;
}

.elr_sub3_case3_ct_inner2 {
    top: 221px;
}

.elr_sub3_case3_ct_inner2 p:last-child {
    top: 16px;
}

.elr_sub3_case3_ct_inner3 {
    bottom: 96px;
}

.elr_sub3_case3_ct_inner3 p:last-child {
    top: 18px;
}
.elr_sub3_wrap .elr_detail_case_exp p {
    position: static;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 17px;
}

.elr_sub3_wrap  .elr_detail_case_thumb {
    width: 50px;
    height: 50px;
    margin: 0 0px 0 0;
}

.elr_sub3_wrap .elr_detail_case_box {
    padding: 15px;
    height: 174px;
}

.elr_sub3_wrap .elr_detail_case_exp {
    max-width: 150px;
}
.elr_sub3_wrap .elr_detail_case_exp h3 {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 5px;
}
.elr_sub3_casebtn .elr_btn {
    margin: 20px 1px 30px 0;
    display: inline-block;
}
/*多言語にも対応*/
.elr_glo_title {
    margin: 0;
    padding: 0;
    position: relative;
}

.elr_glo_title img {
    position: absolute;
    width: 80px;
    left: -10px;
    top: -23px;
}
/*
.elr_glo_title h3 {
    padding: 7px 0 5px 90px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: #254179;
    border-radius: 5px;
}
*/
.elr_content_h2 {
	margin: 0 0 20px;
	padding: 10px;
	background: #e9f1f4;
	color: #2266af;
	border-left: 4px solid #2266af;
	font-size: 20px;
}
.elr_glo_title p {
    margin: 0;
    padding: 2px 5px;
    width: 277px;
    border: 1px solid;
    border-radius: 5px;
    position: absolute;
    right: 0;
    letter-spacing: -0.04em;
    /* float: right; */
}
.elr_glo_ope_p_long{
	letter-spacing: -0.1em;
}
.elr_glo_ope_wrap {
    margin: 50px 0 20px;
    padding: 0;
    overflow: hidden;
}

.elr_glo_cloud1 {
    margin: 0 0px -10px 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.elr_glo_cloud1 img {
    margin: 0px;
    padding: 0;
    position: relative;
    width: 480px;
    /* width: 37%; */
}

.elr_glo_cloud1 p {
    margin: 0;
    padding: 20px 45px;
    position: absolute;
    display: block;
    text-align: center;
    font-size: 19px;
    color: #ffffff;
    top: 0;
    left: 0;
    /* float: left; */
}

.elr_glo_ope1 ,.elr_glo_ope2 ,.elr_glo_ope3 {
    margin: 0;
    padding: 0;
    float: left;
    width: 32%;
}
.elr_glo_ope1{
	margin: 0 0 0 20px;
}
.elr_glo_learn_wrap {
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}

.elr_glo_learn1, .elr_glo_learn2 {
    margin: 0;
    padding: 0;
    float: left;
    width: 40%;
}

.elr_glo_cloud2 {
    margin: 0;
    padding: 0;
}

.elr_glo_manage_wrap {
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.elr_glo_cloud2 img {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

.elr_glo_cloud2 p {
    margin: 0;
    padding: 20px;
    position: relative;
    margin: 0;
    padding: 37px 20px;
    position: relative;
    display: block;
    text-align: center;
    font-size: 19px;
    color: #ffffff;
    float: right;
    z-index: 110;
}

.elr_glo_manage1 {
    margin: 0;
    padding: 0;
    width: 40%;
    float: left;
}
.elr_glo_manage2 {
    margin: 0;
    padding: 0;
    width: 40%;
    float: left;
}
.elr_glo_mob_wrap {
    margin: 0;
    padding: 0;
}

.elr_glo_mob_wrap p {
    margin: 0;
    padding: 3px;
    background: #28437e;
    color: #fff;
    width: 89px;
    border-radius: 5px;
    text-align: center;
}

.elr_glo_mob_pc {
    margin: 10px 0 20px;
    padding: 0;
}
.elr_glo_p_pc{
	display: block;
}
.elr_glo_mob_sp, .elr_glo_p_sp {
    display: none;
}
/*最新情報インデックス*/
#elr_faq_index {
    margin: 0;
    padding: 2px 2px 2px 20px;
    float: right;
    font-size: 12px;
    border: 1px solid #000;
    /* font-weight: normal; */
    position: relative;
}

#elr_faq_index:after {
    content: "";
    margin: 0;
    padding: 0;
    display: block;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    height: 8px;
    width: 8px;

    position: absolute;
    left: 5px;
    top: 6px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.elr_news_guide_wrap{
    overflow:hidden;
    margin-bottom:30px;
}

.elr_news_guide .elr_btn {
    display: inline-block;
    margin-bottom:10px;
    margin-right: 9px;
}

.elr_news_guide .elr_btn a {
    height: 45px;
    line-height: 15px;
    padding-top: 7px;
    font-size: 11px;
    width: 170px;
}
#elr_news_index #elr_top_news {
    border: none;
}
#elr_news_index_item ul li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
#elr_news_index_page ul li {
/*    border-right: 1px dashed #ccc;*/
    display: inline;
    position: relative;
    text-align: center;
}

#elr_news_index_page {

     */
    position: relative;
    margin-top: 40px;
    /* position: relative; */
}

#elr_news_index_page ul li a {
    padding: 10px 10px 10px 7px;
}

#elr_news_index_page ul li:last-child {
    border-right: none;
}
.elr_news_index_page_prev:before {
    content:"";
    position: absolute;
    top: 5px;
    left: -7px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #2266af;
    border-right: 2px solid #2266af;
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.elr_news_index_page_next:after {
    content: "";
    position: absolute;
    top: 5px;
    left: inherit;
    width: 7px;
    height: 7px;
    border-top: 2px solid #2266af;
    border-right: 2px solid #2266af;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.elr_news_guide .elr_btn a span {
    line-height: 29px;
    /* padding-top: 15px; */
    font-size: 13px;
}
#elr_news_index_page ul {
    text-align: center;
}
.elr_here a {
    background: #fff;
    color: #2266af;
    border: 2px solid;
}

.elr_here a:after {
    border: 1px solid #2266af;
    border-left: none;
    border-top: none;
}

.elr_news_guide .elr_btn:last-child {
    margin-right: 0;
}
.elr_news_index_page_current a {
    color: #ccc;
}
/* 新着情報：カタログ */
.elr_news_catalog_btn a {
    width: 490px;
}

.elr_news_catalog_btn {
    margin-bottom: 20px;
}
.elr_news_pdf {
    background: none;
    max-width: 30px;
}
.elr_news_newcat .elr_btn a:after {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.elr_news_newcat_img {
    width: 230px;
    margin: 0 auto;
}
/*新着記事見出し書き換え*/
.editArea h1{
    margin: 0 0 20px;
    padding: 10px;
    background: #e9f1f4;
    color: #2266af;
    border-left: 4px solid #2266af;
    font-size: 20px;
}
.n6_section-title,
.editArea h2,
.editArea h3,
.editArea h3.headLine{
    margin: 0 0 30px 0;
    padding: 0 0 3px 3px;
    font-size: 18.5px;
    border-bottom: 1px solid #2266af;
    color: #2266af;
    letter-spacing: 0.05em;
    background: none;
}
.n6_section-title:before {
    content: none;
}
/* ================================== responsive CSS ================================== */

@media (max-width: 640px){
/* 検証用 レスポンシブ可能 */
    #erl_top_mv {
        font-size: 10px;
    }
    .slick-initialized .slick-slide {
        width: auto;
    }
    #slickSlider {
        width: 100%;
    }

    .slick-slide img {
        width: 100%;
    }

    .slick-slide iframe {
          height: auto;
          /*! position: relative; */
          /*! top: -50%; */
          /*! transition: ; */
          /*! display: table-cell; */
          /*! vertical-align: middle; */
    }

    /*共通*/

    .elr_content_h1 {
	    margin: 0 0 20px;
	}

	.elr_content_h1 h1 {
	    margin: 0;
	    padding: 20px 0 10px;
	}

	.elr_content_h1 h1 img {}

	.elr_content_h1 h1 span {
	    margin: 5px auto 0;
	    padding: 0 0 5px;
	    font-size: 20px;
	}
    /*/共通*/
    .elr_top4_btn.elr_top4_btn_sp {
        /* text-align: right; */
        /* left: 60px; */
        bottom: 10px;
        display: block;
    }

    .elr_top4_head img {
        margin: 0;
        width: 12%;
        position: absolute;
        top: 10px;
        left: 10px;
        /* float: left; */
    }

    .elr_top4_head h4 {
        margin: 15px 0 10px;
        padding: 0;
        width: 100%;
        float: left;
        font-size: 22px;
    }

    .elr_top_feature h5.elr_top4_head_h5_sp span {
        font-size: 20px;
    }
    h5.elr_top4_head_h5_sp span > br {
    	display: none;
 }

    .elr_top4_head {
        height: 220px;
        width: 100%;
        overflow: hidden;
    }

    .elr_top4_box {
        width: 100%;
        height: 220px;
    }

    .elr_top4_head:after {
        display: none;
    }

    .elr_top4_btn.elr_top4_btn_sp {}

    .elr_top4_btn.elr_top4_btn_sp a {
        /* line-height: 40px; */
        /* text-align: right; */
        /* right: 0px; */
        min-width: 90%;
    }

    .elr_top_feature span {
        /* display: none; */
    }

    .elr_top4_box h5 {
        display: none;
    }

    .elr_top_feature h5.elr_top4_head_h5_sp {
        margin: 0 auto;
        margin-bottom: 5px;
        width: 65%;
        /* float: right; */
        font-size: 16px;
        display: block;
    }

    .elr_top4 p {
        display: none;
    }

    .elr_top4_btn {
        display: none;
    }
    .elr_top_apply_btn_wrap {
    /* text-align: center; */
    /* margin: 0 auto; */
    }
	p.elr_top_case_inner_p_sp {
    	display: block;
    	/* float: right; */
 }
    p.elr_top_case_inner_p_sp a {
        font-size: 17px;
    }
    p.elr_top4_p_sp > br {
    display: none;
}
.elr_top_feature h5.elr_top4_head_h5_sp span {
    font-size: 22px;
}

p.elr_top4_p_sp {
    padding: 0;
    width: 75%;
    margin: 0 auto;
    display: block;
    /* float: left; */
}
h5.elr_top4_head_h5_sp {
    margin: 0 auto;
    width: 75%;
    /* float: right; */
    font-size: 18px;
    display: block;
/*    overflow: hidden;*/
}
.elr_top_case h5.elr_top4_head_h5_sp {
    font-weight: bold;
}
.elr_top_case_photo {
    display: none;
}
img.elr_top_case_photo_sp {
    display: block;
    /* border: 1px solid #e1ddcf; */
    position: absolute;
    width: 60px;
    top: 90px;
    left: 30px;
}
    /*=====お申し込みはこちら*/
    .elr_top_apply_btn,
    .elr_top_apply2 .elr_top_apply_btn {
        float: none;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        display: table;
    }

    .elr_top_apply1,
    .elr_top_apply2{
        padding: 25px 20px 25px 20px;
        width: 100%;
        height: 100%;
        background: url(/hrm/assets/elearning_lib/images/elr_top_apply.png)center center / cover no-repeat fixed;
    }

    .elr_top_apply_btn:last-child,
    .elr_top_apply2 .elr_top_apply_btn:last-child{
        margin: 0 auto;
    }
    /*=====/お申し込みはこちら*/

	/*=====NEWS*/

	.elr_top_news_item li p{
		margin-top: 5px;
		width:100%;
	}
	.elr_top_news_item li{
		padding-bottom: 20px;
		border-bottom:1px dashed #ccc;
	}
	.elr_top_news_item li:last-child{
		border:none;
	}

	/*=====/NEWS*/

    /*=====サービス内容*/
    .elr_top_service_inner{
    	padding-top: 35px;
    }
    .elr_top_service_item {
        padding: 0;
        margin: 0 auto;
        margin-bottom: 5px;
        width: 50%;
        float: left;
        /* float: none; */
        text-align: center;
    }

    .elr_top_service_item:last-child {
        margin: 0 auto;
    }
    /*=====/サービス内容*/
    /*=====下部の4つのボタン*/
    .elr_4btn > div {
        width: 100%;
        margin-bottom: 10px;
    }

    .elr_4btn > div a p > br {
        display: none;
        }

    .elr_4btn > div a p {
        font-size: 16px;
    }
    /*=====eラーニングライブラリの概要*/
    .elr_about_00_sp{
        display: block;
    }
    .elr_about00_title img {
    	width: 100%;
	}
    .elr_about00_feature_content_right {
        /* margin: 0 auto; */
        float: none;
        width: 80%;
    }

    .elr_about00_course_box {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        border-right: none;
    }

	.elr_about00_course_title{
		width: 100%;
		display: block;
	}
    .elr_about00_course_img {
        width: 100%;
    }
    .elr_about00_feature_content_right img {
        width: 100%;
        text-align: center;
    }

    .elr_about00_reason_btn a {
        width: 100%;
    }

    .elr_about00_reason_btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .elr_about00_reason_btn_wide a {
        width: 100%;
    }
    .elr_about00_mng_box, .elr_about00_tec_box, .elr_about00_pc_box, .elr_about00_lang_box, .elr_about00_sitte_box {
		margin: 0 auto;
        width: 100%;
    }
	.elr_about00_mng_box_a, .elr_about00_tec_box_a, .elr_about00_pc_box_a, .elr_about00_lang_box_a, .elr_about00_sitte_box_a, .elr_about00_hea_box_a,
	.second .elr_about00_mng_box_a, .second .elr_about00_tec_box_a, .second  .elr_about00_pc_box_a, .second .elr_about00_lang_box_a, .second .elr_about00_sitte_box_a, .second .elr_about00_hea_box_a{
		margin: 10px auto;
		width: 96%;
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
	}
	.elr_about00_msg_box_a,.second .elr_about00_msg_box_a{
		margin: 30px auto 10px auto;
		width: 96%;
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
	}
	.elr_about00_msg_box_a:before{
		top: -31px;
	}
	.elr_about00_mng_lib, .elr_about00_mng_lib{
		clear: both;
		overflow: hidden;
	}
	.elr_about00_mng_lib, .elr_about00_tec_lib {
		border-top: 3px solid #2d9bd2;
		border-radius: 10px 10px 0 0;
 }
	.elr_about00_course_img{
		display: block;
		height:auto;
	}
.elr_about00_mng_box img, .elr_about00_tec_box img, .elr_about00_hea_box img, .elr_about00_pc_box img, .elr_about00_lang_box img, .elr_about00_sitte_box img, .second .elr_about00_lang_box img, .second .elr_about00_sitte_box img {
    position: absolute;
    width: 8%;
    bottom: 5px;
    right: 5px;
}
    .elr_about00_service_sp{
		margin: 5px 0 20px 0;
		width: 100%;
		max-width: 620px;
		max-height: 355px;
		display: block;
		position: relative;
		background: url(/hrm/assets/elearning_lib/images/elr_about00_03_sp.png) no-repeat;
		background-size: contain;
    }
	.elr_about00_servicelink01_sp, .elr_about00_servicelink02_sp{
		width: calc( 100% / 7 ) ;
		height: 80px;
		display: block;
		position: absolute;
		z-index: 1000;
	}
	.elr_about00_servicelink01_sp{
		left: 0;
		top: 15%;
	}
	.elr_about00_servicelink02_sp{
		right: 0;
		top: 0;
	}

	.elr_about00_servicelink01_sp:hover,
	.elr_about00_servicelink02_sp:hover{
		opacity:0.5;
		filter: alpha(opacity=50);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=50)";  /* ie 8 */
		-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.5;              /* Safari 1.x */
		zoom:1;
	}

.elr_about00_service_pc{
}
.elr_about00_servicelink01_pc, .elr_about00_servicelink02_pc{
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1000;
}
.elr_about00_servicelink01_pc{
	left: 0;
}
.elr_about00_servicelink02_pc{
	right: 0;
}


    .elr_about00_service_pc{
        display: none;
    }
    .elr_about00_reason_btn_wide a {
		padding: 20px 20px 0 0;
    	font-size: 14px;
		height: 80px;

	}
	.elr_blo_btn.elr_about00_reason_btn.elr_height_btn a{
		padding: 10px 0px 0 0;
		width: 100%;
	}
	.elr_about00_reason_btn_wide{
		width: 100%;
	}
	.second.elr_about00_course_img{
		height: auto;
	}
	.second .elr_about00_course_box{
		width: 100%;
	}
	.second .elr_about00_pc_box_a, .second .elr_about00_lang_box_a, .second .elr_about00_sitte_box_a{
		width: 96%;
	}
	.pl_price_wrap{
		width: 100%;
	}
	.pl_left{
		margin-right: 0;
		width: 100%;
		float: none;
		overflow: hidden;
	}
	.pl_left_last .arrow{
		width: 100%;
		height: 66px;
	}
	.pl_left_last .arrow:before{
		width: 20px;
		height: 50%;
		transform: translateX( -50%) translateY( 0 );
		top: 10px;
	}
	.pl_left_last .arrow:after{
		border: 20px solid #e35a52;
		border-color: #e35a52 transparent transparent transparent;
		top: auto;
		bottom: -10px;
		right: auto;
		left: 50%;
		transform: translateX( -50% ) translateY( 0 );
	}
	#elr_pri_concl{
		padding: 5px 20px;
	}
	#elr_pri_concl br {
		display: block;
	}
	#elr_pri_concl span{
		line-height: 1em;
	}
	.pl_point{
		margin: 10px 0 0 0;
		padding-right: 10px;
		width: 100%;
		right: auto;
		position: relative;
	}
	.pl_ttl br{
		display: none;
	}
	.elr_pricept_eng .pl_ttl br{
		display: block;
	}
	.elr_pri_concl br{
		 display: block;
	}
/*    PC、SP画像切り替え*/
    /* pc */
    .elr_image_switcher img:first-child{
        display: none;
    }

    /* sp */
    .elr_image_switcher img:last-child{
        display: block;
    }
    /*=====eラーニングとは */
	.elr_ab_t1 {
		float: none;
	}
	.elr_ab01_t2,
	.elr_ab07_t2 {
		float: none;
		width: 100%;
		margin: 0 0 0 20px;
	}
	.elr_ab_cont {
		margin: 0 0 40px 0;
		padding: 15px;
	}
	.elr_ab_fig img {
		width: 100%;
	}
	.elr_ab_cont_l,
	.elr_ab_cont_r {
		float: none;
		width: 100%;
	}
	.elr_ab01_t2 br,
	.elr_ab07_t2 br{
		display: block;
	}
	.elr_ab01_t2 p, .elr_ab07_t2 p{
		padding: 12px 0 0 0;
	}

	/*=====eラーニング価格 */
	table.elr_price th.capacity2 {
		padding: 6px;
	}
	table.elr_price th.course {
		/* width:auto; */
	}
	table.elr_price td {
		padding: 6px;
		/* padding-right: 93px; */
		white-space: nowrap;
	}
	.elr_price.elr_price_table_all td{
		background: #EAEAEA;
	}
	.elr_price.elr_price_table_mng td{
		background: #d7f0ff;
	}
	.elr_price.elr_price_table_tec td{
		background: #e0fff8;
	}

	/*=====お申込み方法と受講の流れ */
	.elr_fl_lead {
		font-size: 16px;
		line-height: 28px;
	}
	.elr_fl_lead strong {
		font-size: 22px;
	}
	#elr_flow_pc {
		display: none;
	}
	#elr_flow_sp {
		display: block;
		width: 100%;
		margin: 20px 0;
		overflow: hidden;
	}
	h3.elr_flow_tl1 {
    	padding: 5px 0 3px 10px;
    	font-size: 18px;
    	font-weight: bold;
    	color: #ffffff;
    	background: #254179;
		text-align: center;
    	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 0 10px 0;
	}
	#elr_flow_sp_ct {
		margin: 0;
		position: relative;
	}
	#elr_flow_sp_img1 {
		position: absolute;
		left: 0;
		top: 0;
		width: 88px;
		height: 327px;
	}
	#elr_flow_sp_table {
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		margin: 0 0 10px 0;
	}
	#elr_flow_sp_table td {
		vertical-align: top;
		line-height: 1px;
	}
	#elr_flow_sp_table td.elr_flow_sp_l1_0 {
		width: 35px;
	}
	#elr_flow_sp_table td.elr_flow_sp_l1_1 {
		width: 18px;
		background: #f5a63f;
		border-bottom: #fff 2px solid;
	}
	#elr_flow_sp_table td.elr_flow_sp_l1_2 {
		width: 18px;
		background: #3668b6;
		vertical-align: middle;
	}
	#elr_flow_sp_table td.elr_flow_sp_l2 {
		width: 37px;
		background: url(/hrm/assets/elearning_lib/images/elr_flow_sp_arw2bg.png) right 34px no-repeat;
		vertical-align: top;
		line-height: 1px;
	}
	#elr_flow_sp_table td.elr_flow_sp_l3 {
		background: #e3e4e4;
		text-align: center;
	}
	#elr_flow_sp_table td.elr_flow_sp_l3_top {
		height: 30px;
		background: #e3e4e4;
		border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	}
	#elr_flow_sp_table td.elr_flow_sp_l3_btm {
		height: 30px;
		background: #e3e4e4;
		border-radius: 0 0 5px 5px / 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
	}
	#elr_flow_sp_img3 {
		width: 68px;
		height: 68px;
		margin: 0 auto;
	}
	#elr_flow_sp_img4 {
		width: 18px;
		height: 67px;
		margin: 18px 7px 0 12px;
	}
	#elr_flow_sp_img5 {
		width: 18px;
		height: 56px;
		margin: 34px 7px 0 12px;
	}
	#elr_flow_sp_img6 {
		width: 18px;
		height: 67px;
		margin: 0 7px 0 12px;
	}
	.elr_flow_sp_arw1 {
		background: url(/hrm/assets/elearning_lib/images/elr_flow_sp_arw1bg.png) center top no-repeat;
	}
	.elr_flow_sp_arw1 img {
		width: 18px;
		height: 62px;
	}
	.elr_flow_sp_arw1_1 {
		background: url(/hrm/assets/elearning_lib/images/elr_flow_sp_arw1bg.png) center bottom no-repeat;
	}
	.elr_flow_sp_arw1_1 img {
		width: 18px;
		height: 32px;
	}
	.elr_flow_sp_arw1_2 {
		width: 18px;
		height: 30px;
		margin: 0 auto;
	}
	.elr_flow_sp_arw2 {
		width: 32px;
		height: 18px;
		margin: 0 0 0 5px;
	}
	.elr_flow_sp_bt1 {
		width: 96%;
		margin: 0 2%;
		font-weight: bold;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 0;
		border-right: 1px #999 solid;
		border-bottom: 1px #999 solid;
		display: block;
		background: #fff;
		color: #000;
		position: relative;
	}
	.elr_flow_sp_bt2 {
		width: 96%;
		margin: 0 2%;
		font-weight: bold;
		font-size: 14px;
		line-height: 36px;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 0;
		border-right: 1px #999 solid;
		border-bottom: 1px #999 solid;
		display: block;
		background: #f5a63f;
		color: #fff;
		position: relative;
	}
	#elr_flow_sp_ct input {
		display: none;
	}
	.elr_flow_sp_bt1:after,
	.elr_flow_sp_bt2:after {
		content: "";
		position: absolute;
		top: 12px;
		right: 10px;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		height: 8px;
		width: 8px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.elr_flow_sp_tx {
		text-align: left;
		font-size: 12px;
		line-height: 16px;
		margin: 5px 2%;
	}
	td.elr_flow_sp_l3 input + label .elr_flow_sp_cts {
		opacity: 0;
		height: 0;
		overflow: hidden;
	}
	td.elr_flow_sp_l3 input:checked + label .elr_flow_sp_cts {
		opacity: 1;
		height: auto;
		display: table;
		width: 100%;
		border: 1px #fff solid;
		border-top: none;
	}
	td.elr_flow_sp_l3 input:checked + label.elr_flow_sp_bt2 .elr_flow_sp_cts {
		border: 1px #f5a63f solid;
		border-top: none;
	}
	.elr_flow_sp_cts {
		transition: all 0.3s ease-out 0s;
	}
	.elr_flow_sp_l {
		display: table-cell;
		width: 50%;
		background: #d0e1b4;
		vertical-align: top;
	}
	.elr_flow_sp_r {
		display: table-cell;
		width: 50%;
		background: #c0d1e8;
		vertical-align: top;
	}
	.elr_flow_sp_null {
		display: table-cell;
		width: 50%;
		background: #fff;
		vertical-align: top;
	}
	.elr_flow_sp_l_t {
		color: #fff;
		font-size: 12px;
		line-height: 24px;
		height: 24px;
		background: #92ab3c;
		vertical-align: middle;
		margin-bottom: 5px;
	}
	.elr_flow_sp_r_t {
		color: #fff;
		font-size: 12px;
		line-height: 24px;
		height: 24px;
		background: #2c72a2;
		vertical-align: middle;
		margin-bottom: 5px;
	}
	.elr_flow_sp_l p,
	.elr_flow_sp_r p {
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		color: #000;
		padding: 0 5px 5px 5px;
	}
	.elr_flow_sp_txl {
		text-align: left;
	}
	.elr_flow_sp_l p strong,
	.elr_flow_sp_r p strong {
		color: #f00;
	}
	.elr_flow_sp_l p span,
	.elr_flow_sp_r p span,
	#elr_flow_sp_cmt p span {
		width: 14px;
		height: 14px;
		color: #f00;
		border: 1px #f00 solid;
		background: #fff;
		margin: 0 1px;
	}
	.elr_flow_sp_ss {
		font-size: 11px;
		line-height: 15px;
		font-weight: normal;
		text-align: left;
	}
	#elr_flow_sp_cmt {
		width: 96%;
		background: #fff;
		margin: 15px 2% 5px 2%;
		border: #333 1px solid;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		padding: 5px 0 2px 0;
		position: relative;
	}
	#elr_flow_sp_cmt img {
		position: absolute;
		width: 15px;
		height: 22px;
		top: -19px;
		left: 10px;
	}
	#elr_flow_sp_cmt p {
		color: #f00;
		text-align: left;
	}


	/*=====管理者メニューと上長メニューの機能比較 */
	.elr_ap_menu_sp {
		display: table-cell;
	}
	.elr_ap_menu_pc {
		display: none;
	}


	/*=====「お知らせ＆メール作成」機能 文面例 */
	.elr_osirase_l {
		float: none;
		width: 100%;
	}
	.elr_osirase_img {
		width: 100%;
	}
	.elr_osirase1_t1,
	.elr_osirase2_t1,
	.elr_osirase3_t1 {
		width: 52%;
		height: auto;
		font-size: 14px;
		line-height: 24px;
	}
	.elr_osirase1_t1 {
		top: 36%;
		left: 32%;
	}
	.elr_osirase2_t1 {
		top: 39%;
		left: 41%;
	}
	.elr_osirase3_t1 {
		top: 42%;
		left: 32%;
	}
	.elr_osirase_c {
		width: 40%;
		right: 10%;
		top: auto;
		bottom: 0;
	}
	.elr_osirase_r {
		width: 100%;
		margin: 5px 0 0 auto;
	}
	.elr_osirase_t2 {
		display: none;
	}


	/*=====ライブラリエッセンス（学習資料集）のご案内 */
	#elr_libesse_top_img {
		position: relative;
		top: 0;
		width: 300px;
		height: 178px;
		margin: 10px 0 0 auto;
	}
	.elr_libesse_c {
		top: 0;
		right: 87px;
		font-size: 10px;
		line-height: 12px;
	}
	#elr_libesse_top p {
		margin-top: 10px;
	}
	.elr_libesse_tl2 {
		width: 100%;
		margin: 20px 0 10px 0;
	}
	.elr_libesse_ct {
		margin: 0;
	}
	#elr_libesse_fig1,
	#elr_libesse_fig2,
	#elr_libesse_fig3,
	#elr_libesse_fig4,
	.elr_libesse_st,
	#elr_libesse_fig5 {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	#elr_libesse_fig5 {
		margin: 0 0 30px 0;
	}
	#elr_libesse_fig1 img,
	#elr_libesse_fig2 img,
	#elr_libesse_fig3 img,
	#elr_libesse_fig4 img,
	#elr_libesse_fig5 img {
		width: 100%;
	}
	#elr_libesse_fig2 p {
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 5px;
	}
/*    スマホでも、PCでも受講可能*/
    .elr_spc_wrap{
        display: none;
    }
    .elr_spc_sp_wrap {
        display: block;
        width: 320px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 40px;
        margin-top: 920px;
        margin-bottom: 920px;
        transform: scale(1.7,1.7);
    }
    #elr_anchor_sp ul {
		margin: 10px auto;
	}
	#elr_anchor_sp li{
		margin: 0 0 10px 0;
		width: 100%;
		height: 40px;
		display: inline-block;
		line-height: 40px;
		vertical-align: middle;
		text-align: center;
	}
	#elr_anchor_sp li a {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 40px;
		display: inline-block;
		color: #fff;
		position: relative;
		background: #2266af;
	}
	#elr_anchor_sp li a:after {
		content: "";
		position: absolute;
		top: 14px;
		right: 20px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		height: 8px;
		width: 8px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.elr_spc_sp_wrap p {
        width: 170px;
    }

    .elr_spc_textf1 {
        top: 160px;
        left: 205px;
    }

    .elr_spc_textc1 {
        top: 293px;
        left: 130px;
    }

    .elr_spc_textf2 {
        top: 309px;
        left: 225px;
        font-size: 10px;
    }

    .elr_spc_textf3 {
        top: 322px;
        left: 93px;
        font-size: 10px;
        letter-spacing: -1px;
    }

    .elr_spc_textc2 {
        bottom: 150px;
        left: 140px;
    }

    .elr_spc_textf4 {
        bottom: 8px;
        left: 197px;
        font-size: 10px;
    }

    .elr_spc_textc3 {
        bottom: 20px;
        left: 136px;
    }
    .elr_spc_textf6 {
        top: 138px;
        left: 193px;
        font-size: 10px;
        letter-spacing: -1.5px;
    }

    .elr_spc_textc6 {
        top: 135px;
        left: 110px;
        font-size: 11px;
    }

    .elr_spc_textf7 {
        top: 295px;
        left: 206px;
        font-size: 10px;
    }

    .elr_spc_textc7 {
        top: 300px;
        left: 120px;
    }

    .elr_spc_textf8 {
        top: 436px;
        left: 216px;
        font-size: 11px;
    }

    .elr_spc_textc8 {
        top: 441px;
        left: 120px;
        font-size: 11px;
    }

    .elr_spc_textf9 {
        bottom: 72px;
        left: 240px;
        font-size: 11px;
    }

    .elr_spc_texts {
        bottom: 38px;
        left: 96px;
        letter-spacing: -0.3em;
    }

    .elr_spc_textf10 {
        bottom: 14px;
        left: 98px;
        font-size: 10px;
    }

    .elr_spc_textf5 {
        top: 160px;
        left: 178px;
        font-size: 11px;
    }

    .elr_spc_textf5 span {
        font-size: 12px;
    }
    .elr_spc_pc_only {
        line-height: 1.4em;

    }

    .elr_spc_pc_only p {
        width: 183px;
        line-height: 1.4em;
    }
    .elr_spc_pc_only1 {
        top: 215px;
        left: 115px;
    }

    .elr_spc_textc4 {
        bottom: 180px;
        left: 257px;
        font-size: 10px;
        letter-spacing: -0.1em;
    }

    .elr_spc_textc5 {
        bottom: 40px;
        left: 268px;
        font-size: 11px;
    }
    .elr_spc_textc9 {
        top: 144px;
        left: 180px;
    }

    .elr_spc_pc_only2 {
        bottom: 167px;
        left: 110px;
    }

    .elr_spc_textc10 {
        top: 310px;
        left: 180px;
    }

    .elr_spc_pc_only3 {
        bottom: 48px;
        left: 110px;
    }
/*    シンプルな受講状況確認・ユーザ管理機能*/
    .elr_umng_wrap{
        display: none;
    }
    .elr_umng_sp_wrap{
        display: block;
        width: 320px;
        margin: 0 auto;
        margin-bottom: 40px;
        margin-top: 1200px;
        margin-bottom: 1200px;
        transform: scale(1.7,1.7);
    }
    #elr_umng_sp_content_hide{
        display: none;
    }
    .elr_umng_textc1 {
        top: 15px;
    }

    .elr_umng_textyf1 {
        top: 394px;
        left: 60px;
        font-size: 18px;
    }

    .elr_umng_textf1 {
        top: 185px;
        left: 43px;
    }

    .elr_umng_textf2 {
        top: 258px;
        right: 14px;
        font-size: 11px !important;
    }

    .elr_umng_fukidashi {
        font-size: 12px;
    }

    .elr_umng_textc2 {
        top: 687px;
        left: 26px;
        font-size: 13px;
    }

    .elr_umng_textf3 {
        top: 678px;
        left: 168px;
        font-size: 11px;
    }

    .elr_umng_textf4 {
        top: 508px;
        left: 26px;
        font-size: 10px;
    }

    .elr_umng_orange {
        top: 615px;
        left: 23px;
        font-size: 10px;
    }

    .elr_umng_orange p:last-child {
        top: 23px;
        left: 59px;
    }

    .elr_umng_orange p {
        line-height: 1.1em;
        letter-spacing: -0.03em;
    }

    .elr_umng_textf5 {
        top: 836px;
        left: 32px;
    }

    .elr_umng_textf6 {
        top: 874px;
        left: 50px;
    }

    .elr_umng_textc3 {
        bottom: 605px;
        right: 0;
        left: 29px;
    }

    .elr_umng_textf7 {
        bottom: 514px;
        right: 0;
        left: 170px;
        font-size: 11px;
    }

    .elr_umng_textc4 {
        bottom: 452px;
        left: 30px;
    }

    .elr_umng_textc5 {
        right: 0;
        left: 30px;
        bottom: 191px;
    }

    .elr_umng_textyf2 {
        bottom: 224px;
        left: 103px;
        right: 0;
        font-size: 16px;
    }

    .elr_umng_textf8 {
        bottom: 298px;
        left: 90px;
    }

    .elr_umng_textf9 {
        bottom: 36px;
        left: 110px;
        font-size: 11px;
    }
    .elr_umng_textc6 {
        left: 30px;
    }

    .elr_umng_textf10 {
        left: 152px;
        top: 27px;
        font-size: 11px;
    }

    .elr_umng_textf11 {
        top: 377px;
        right: 0;
        left: 110px;
        font-size: 10px;
    }

    .elr_umng_textc7 {
        top: 417px;
        left: 30px;
    }

    .elr_umng_textyf3 {
        top: 223px;
        left: 13px;
        line-height: 1.1em;
        font-size: 16px;
    }

    .elr_umng_textyf3 span {
        font-size: 12px;
    }

    .elr_umng_textf12 {
        bottom: 126px;
        left: 24px;
    }

    .elr_umng_caution p {
        font-size: 12px;
    }
    .elr_umng_textc8 {
        top: 20px;
        left: 30px;
    }

    .elr_umng_textf13 {
        top: 438px;
        left: 110px;
        right: 0;
        font-size: 11px;
    }

    .elr_umng_textyf4 {
        bottom: 44px;
        left: 60px;
        font-size: 18px;
    }

    .elr_umng_3_wrap {
        margin-bottom: 10px;
    }
/*    多彩な受講促進機能*/
    .elr_prom_wrap{
        display: none;
    }
    .elr_prom_sp_wrap{
        display: block;
    }
    .elr_prom_sp_wrap {
    width: 320px;
    margin: 0 auto;
    margin-top: 790px !important;
    margin-bottom: 810px !important;
    transform: scale(1.7,1.7);
}

.elr_prom_textc1 {
    left: 30px;
    top: 15px;
}

.elr_prom_textf1 {
    top: 185px;
    /* right: 20px; */
    left: 63px;
}

.elr_prom_textf2 {
    top: 450px;
    left: 80px;
}

.elr_prom_textf3 {
    top: 774px;
    right: 62px;
}

.elr_prom_textf4 {
    top: 1036px;
    right: 50px;
    font-size: 14px;
}

.elr_prom_textyf1 {
    top: 283px;
    left: 90px;
}

.elr_prom_textf5 {
    top: 599px;
    left: 11px;
    font-size: 12px;
}

.elr_prom_textc2 {
    top: 660px;
    left: 15px;
}

.elr_prom_textc3 {
    top: 985px;
    right: 125px;
}

.elr_prom_textc4 {
    top: 1160px;
    left: 100px;
}

.elr_prom_textc5 {
    bottom: 798px;
    left: 25px;
    font-size: 12px;
}

.elr_prom_textyf2 {
    bottom: 631px;
    right: 45px;
    font-size: 14px;
}

.elr_prom_textf6 {
    bottom: 835px;
    left: 118px;
}

.elr_prom_textc6 {
    bottom: 564px;
    left: 70px;
}

.elr_prom_textc7 {
    bottom: 378px;
    left: 71px;
}

.elr_prom_blue {
    bottom: 175px;
    left: 84px;
    font-size: 14px;
}
/*受講者の声*/
.elr_voice_cat #elr_c_cat_all li {
    margin-bottom: 10px;
}

.elr_voice_cat #elr_c_cat_all li:last-child {
    margin-bottom: 0;
}
/*3つの課題と活用方法*/
    .elr_sub3_sp_wrap_wrap {
        /* background: #d1e2f3; */
    }
    .elr_sub3_wrap{
        display: none;
    }
    .elr_sub3_sp_wrap{
        padding: 20px;
        display: block;
        width: 320px;
        margin: 0 auto;
        margin-bottom: 40px;
        background: #d1e2f3;
        border-radius: 10px;
        margin-top: 2800px;
        margin-bottom: 2810px;
        transform: scale(1.7,1.7);
    }
    .elr_ch_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 1510px !important;
        margin-bottom: 1530px !important;
    }
    .elr_en_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 1740px !important;
        margin-bottom: 1760px !important;
    }
    .elr_sub3_no {
    margin-bottom: 10px;
    width: 102%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

.elr_sub3_no1 span {
    top: 64px;
    left: 65px;
}

.elr_sub3_no span {
    font-size: 34px;
}

.elr_sub3_no p {
    font-size: 20px;
    position: absolute;
}

.elr_sub3_no1 p {
    top: 120px;
    left: 35px;
}

.elr_sub3_no2 span {
    top: 64px;
    left: 65px;
}

.elr_sub3_no2 p {
    left: 35px;
    top: 118px;
    line-height: 22px;
}

.elr_sub3_no3 span {
    top: 64px;
}

.elr_sub3_no3 p {
    top: 120px;
    left: 64px;
}
.elr_sub3_how {
    background: #8cac49;
    border-radius: 10px;
}

.elr_sub3_how ul {
    position: static;
    padding: 20px;
}

.elr_sub3_how p {
    text-align: center;
    background: #1a7352;
    border-radius: 10px 10px 0 0;
}

.elr_sub3_how ul li {
    margin-bottom: 5px;
}

.elr_sub3_how ul li:last-child {
    margin-bottom: 0;
}
.elr_sub3_case h2,
.elr_sub3_case h3,
.elr_sub3_case h4,
.elr_sub3_case_ct_inner {
    position: static;
}

.elr_sub3_case {
    margin-top: 20px;
    background: white;
    border: 3px solid #89a3d4;
    border-radius: 10px;
    padding: 10px;
}

.elr_sub3_case h2 {
    margin-bottom: 10px;
    background: #24437e;
    border-radius: 5px;
    font-size: 18px;
    padding: 5px;
}
.elr_sub3_case_cap {
    margin-top: 20px;
    padding: 0;
    position: relative;
    bottom: 0;
    right: 0px;
    left: 20px;
}

.elr_sub3_case h3 {
    font-size: 18px;
    top: 0;
    left: 0px;
    margin-top: 10px;
    padding: 0;
}

.elr_sub3_case h3 > br,
.elr_sub3_case_ct_inner p > br {
    display: none;
}

.elr_sub3_case_ct_inner h4 {
    margin: 20px 0 10px;
}

.elr_sub3_case_ct_inner p {
    position: relative;
    line-height: 22px;
    padding-left: 10px;
    font-size: 14px;
}

.elr_sub3_case1_ct_inner3 p:last-child {
    top: 0;
}

.elr_sub3_case_ct_inner p:before {
    top: 15px;
    left: 0;
}
.elr_sub3_case2_ct_inner3 p:last-child {
    top: 0;
}

.elr_sub3_case2_ct_inner3 p:nth-child(2) {
    top: 0;
}
.elr_sub3_case2_ct_inner2 p:last-child {
    top: 0;
}
.elr_sub3_case2_ct_inner3 {
    margin-bottom: 20px;
}
.elr_sub3_case3_ct_inner2 p:last-child {
    top: 0;
}

.elr_sub3_case3 img {
    margin-bottom: 10px;
}

.elr_sub3_case3_ct_inner3 p:last-child {
    top: 0;
    margin-bottom: 20px;
}

.elr_sub3_1_wrap, .elr_sub3_2_wrap, .elr_sub3_3_wrap {
    margin-bottom: 0;
}

.elr_sub3_case3 {
    padding: 10px 10px 0;
}
.elr_sub3_sp_wrap .elr_detail_case_box {
        padding-bottom: 20px;
        width: 100%;
        display: block;
        border-right: 1px solid #cccccc;
        border-bottom: none;
        background:white;
    }

    .elr_sub3_sp_wrap #elr_detail_case_content {
        display: block;
    }

    .elr_sub3_sp_wrap .elr_detail_case_exp {
        max-width: none;
    }

    .elr_sub3_sp_wrap .elr_detail_case_thumb {
        margin: 0 auto;
        margin-bottom: 20px;
        float: none;
    }

.elr_sub3_sp_wrap .elr_content_h3 {
    margin: 30px 0 10px 0;
}

.elr_sub3_casebtn .elr_btn {
    margin: 10px 0;
    display: block;
}
.elr_sub3_casebtn .elr_btn a {
    width: 100%;
}
.elr_os_t2 {
	height: auto;
}
/*多言語にも対応*/
    .elr_glo_ope1, .elr_glo_ope2, .elr_glo_ope3,
    .elr_glo_learn1, .elr_glo_learn2,
    .elr_glo_manage1, .elr_glo_manage2 {
        float: none;
        width: 100%;
        margin: 0 auto;
		overflow: hidden;
		clear: both;
    }
    .elr_glo_ope1 img, .elr_glo_ope2 img, .elr_glo_ope3 img,
    .elr_glo_learn1 img, .elr_glo_learn2 img,
    .elr_glo_manage1 img, .elr_glo_manage2 img,
    .elr_glo_mob_wrap img{
        width:100%;
    }
    .elr_glo_mob_pc, .elr_glo_p_pc{
        display:none;
    }
    .elr_glo_mob_sp, .elr_glo_p_sp{
        display:block;
    }
	.elr_glo_p_sp{
		margin: 0 0 0 5px;
		padding: 1px 1%;
		width: auto;
		background: #57b8e8;
		color: #ffffff;
		border-radius: 4px;
		clear: both;
		overflow: hidden;
		display: inline-block;
		font-size: 18px;
	}
	.elr_glo_mob_wrap p{
		width: 114px;
		font-size: 18px;
	}
/*    最新情報インデックス*/
    .elr_news_guide .elr_btn {
    display: block;
    margin right: 0;
    margin-right: 0;
}

.elr_news_guide .elr_btn a {
    /* margin: 0; */
    width: 100%;
}
#elr_news_index_page ul li a {
    padding: 10px 15px;
    line-height: 40px;
}
#elr_news_index_page a {
    /* border-right: 1px dashed #ccc; */
    padding: 7px 4px;
}
#elr_news_index_page .n6_pagenav-current, .n6_pagenav-num {
    padding: 4px 9px;
}
.elr_news_catalog_btn a {
    width: 100%;
}
/***************中国語****************/
	.elr_prom_textf1.cn{
		top: 192px;
		left: 70px;
	}
	.elr_prom_textyf1.cn{
		top: 295px;
		left: 73px;
	}
	.elr_prom_textf4.cn{
		top: 1046px;
		right: 19px;
	}
	.elr_prom_textf3.cn{
		top: 715px;
		right: 69px;
	}
	.elr_prom_textf6.cn{
		bottom: 841px;
		left: 128px;
	}
	.elr_prom_textyf2.cn{
		bottom: 641px;
		right: 51px;
	}
	.elr_prom_blue.cn{
		bottom: 155px;
		left: 78px;
	}
	.elr_prom_ch_wrap .elr_prom_textf2 {
        left: 50px;
    }

    .elr_prom_ch_wrap .elr_prom_textc3 {
        left: 15px;
        top: 981px;
    }

    .elr_prom_ch_wrap .elr_prom_textc2 {
        top: 650px;
    }
	.elr_umng_textyf4.cn{
		bottom: 54px;
		right: 48px;
	}
	.elr_umng_textf7.cn{
		bottom: 519px;
		right: 0;
		left: 189px;
		font-size: 12px;
	}
	.elr_umng_textf8.cn{
		bottom: 305px;
		left: 82px;
	}
	.elr_umng_textf9.cn{
		left: 127px;
		bottom: 37px;
	}
	.elr_umng_textf10.cn {
		top: 28px;
		left: 181px;
	}
	.elr_umng_textf13.cn{
		top: 445px;
		right: 0;
	}
	.elr_ch_umng_wrap .elr_umng_textf2 {
        letter-spacing: 0px;
        right: 34px;
    }

    .elr_ch_umng_wrap .elr_umng_textf4 {
        top: 493px;
    }

    .elr_ch_umng_wrap .elr_umng_textf3 {
        left: 179px;
        top: 677px;
    }

    .elr_ch_umng_wrap .elr_umng_textf5 {
        left: 43px;
    }

    .elr_ch_umng_wrap .elr_umng_textf6 {
        left: 60px;
    }

    .elr_ch_umng_wrap .elr_umng_textc3 {
        right: 0;
        bottom: 604px;
    }

    .elr_ch_umng_wrap .elr_umng_textc4 {
        bottom: 452px;
        left: 32px;
    }

    .elr_ch_umng_wrap .elr_umng_textc5 {
        right: 0;
        bottom: 193px;
    }

    .elr_ch_umng_wrap .elr_umng_textf11 {
        right: 0;
        top: 370px;
        letter-spacing: 0px;
    }

    .elr_ch_umng_wrap .elr_umng_textf12 {
        bottom: 139px;
        left: 30px;
    }

    .elr_ch_umng_wrap .elr_umng_textc7 {
        left: 35px;
        top: 402px;
    }

    .elr_ch_umng_wrap .elr_umng_textc6 {
        left: 48px;
        top: 27px;
    }
	.elr_spc_textf4.cn{
		bottom: 15px;
		px; */
		left: 196px;
		left: 196px;
	}
	.elr_spc_textf6.cn{
		top: 144px;
		left: 194px;
	}
	.elr_spc_textf7.cn{
		top: 296px;
		left: 215px;
	}
	.elr_spc_textf8.cn{
		bottom: 0;
		top: 443px;
		left: 214px;
		font-size: 10px;
	}
	.elr_spc_textf9.cn{
		bottom: 78px;
		left: 236px;
		font-size: 10px;
	}
	.elr_spc_textf5.cn{
		top: 166px;
	}
	.elr_ch_spc_wrap .elr_spc_textf1 {
        left: 222px;
    }

    .elr_ch_spc_wrap .elr_spc_textc1 {
        top: 288px;
    }

    .elr_ch_spc_wrap .elr_spc_textf3 {
        left: 90px;
        top: 320px;
    }

    .elr_ch_spc_wrap .elr_spc_textf2 {
        left: 240px;
        top: 314px;
    }

    .elr_ch_spc_wrap .elr_spc_textc2 {
        bottom: 156px;
        left: 140px;
    }

    .elr_ch_spc_wrap .elr_spc_textc3 {
        bottom: 28px;
        left: 137px;
    }

    .elr_ch_spc_wrap .elr_spc_textc6 {
        top: 132px;
        left: 120px;
    }

    .elr_ch_spc_wrap .elr_spc_textc7 {
        top: 296px;
    }

    .elr_ch_spc_wrap .elr_spc_textc8 {
        top: 421px;
        left: 122px;
    }

    .elr_ch_spc_wrap .elr_spc_textf10 {
        left: 125px;
        font-size: 12px;
        bottom: 12px;
    }

    .elr_ch_spc_wrap .elr_spc_texts {
        bottom: 47px;
    }

    .elr_ch_spc_wrap .elr_spc_textc4 {
        bottom: 180px;
        left: 260px;
        letter-spacing: 0px;
    }

    .elr_ch_spc_wrap .elr_spc_textc5 {
        bottom: 26px;
        left: 140px;
    }

    .elr_ch_spc_wrap .elr_spc_textc9 {
        top: 150px;
        left: 167px;
    }

    .elr_ch_spc_wrap .elr_spc_textc10 {
        top: 317px;
        left: 167px;
    }
	.elr_pricept{
		margin: 0 0 20px 0;
		width: 100%;
		height: auto;
	}
	.elr_pricept p{
		padding: 15px 0 0 0;
	}
	.elr_priceimg{
		margin: 20px 0 20px 0;
		width: 100%;
		float: none;
		clear: both;
	}
	.elr_pricept .elr_sub3_no{
		width: 100%;
	}
	.elr_pricept .elr_sub3_no p{
		position: relative;
		top: 0;
		left: 0;
	}
	.elr_price_url a br{
		display: block;
	}
	.elr_price_url a span{
		font-size: 6.6vw;
	}
	.elr_price_url a ul li{
		font-size: 2.3vw;
	}
}
@media (max-width: 600px){
    .elr_prom_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 560px !important;
        margin-bottom: 590px !important;
        transform: scale(1.5,1.5);
    }
    .elr_spc_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 670px !important;
        margin-bottom: 670px !important;
        transform: scale(1.5,1.5);
    }
    .elr_umng_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 860px !important;
        margin-bottom: 880px !important;
        transform: scale(1.5,1.5);
    }
    .elr_en_umng_wrap .elr_umng_sp_wrap {
        margin-top: 890px !important;
        margin-bottom: 900px !important;
    }
    .elr_sub3_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 2000px !important;
        margin-bottom: 2020px !important;
        transform: scale(1.5,1.5);
    }
    .elr_ch_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 1090px !important;
        margin-bottom: 1100px !important;
    }

    .elr_en_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 1250px !important;
        margin-bottom: 1270px !important;
    }
}
@media (max-width: 510px){
	.elr_lang {
		padding: 4px 0 4px 5px;
		height: 30px;
		right: 0px;
		top: 0;
		overflow: hidden;
		background: #eff8fc;
		/* border: 1px solid #ccc; */
		position: static;
		display: block;
	 }
	.elr_lang ul li {
		display: inline-block;
		text-align: center;
		float: none;
	}

	.elr_lang ul {
		text-align: center;
	}

	#slickSlider {
    	margin-top: 45px;
    	width: 100%;
 }
    .elr_prom_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 350px !important;
        margin-bottom: 370px !important;
        transform: scale(1.3,1.3);
    }
    .elr_umng_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 520px !important;
        margin-bottom: 530px !important;
        transform: scale(1.3,1.3);
    }
    .elr_en_umng_wrap .elr_umng_sp_wrap {
        margin-top: 530px !important;
        margin-bottom: 550px !important;
    }
    .elr_spc_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 420px !important;
        margin-bottom: 420px !important;
        transform: scale(1.3,1.3);
    }

    .elr_sub3_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 1220px !important;
        margin-bottom: 1230px !important;
        transform: scale(1.3,1.3);
    }
    .elr_en_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 750px !important;
        margin-bottom: 770px !important;
    }
    .elr_ch_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 660px !important;
        margin-bottom: 680px !important;
    }
}
@media (max-width: 470px){
    .elr_prom_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 240px !important;
        margin-bottom: 260px !important;
        transform: scale(1.2,1.2);
    }
    .elr_umng_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 350px !important;
        margin-bottom: 370px !important;
        transform: scale(1.2,1.2);
    }
    .elr_en_umng_wrap .elr_umng_sp_wrap {
        margin-top: 360px !important;
        margin-bottom: 380px !important;
    }
    .elr_spc_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 290px !important;
        margin-bottom: 300px !important;
        transform: scale(1.2,1.2);
    }
    .elr_sub3_sp_wrap {
        width: 320px;
        margin: 0 auto;
        margin-top: 820px !important;
        margin-bottom: 830px !important;
        transform: scale(1.2,1.2);
    }
    .elr_ch_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 450px !important;
        margin-bottom: 470px !important;
    }
    .elr_en_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 510px !important;
        margin-bottom: 530px !important;
    }
}
@media (max-width: 430px){

	/*=====eラーニングとは */
	.elr_ab_t1 {
		width: 90%;
		height: auto;
	}

	/*=====eラーニング価格 */
	#elr_price_pc {
		display: none;
	}
	#elr_price_sp {
		display: block;
	}
	#elr_price_sp ul {
		margin: 10px auto;
	}
	#elr_price_sp li {
		margin: 0 0 10px 0;
		width: 100%;
		height: 40px;
		display: inline-block;
		line-height: 40px;
		vertical-align: middle;
		text-align: center;
	}
	#elr_price_sp li a {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 40px;
		display: inline-block;
		color: #fff;
		position: relative;
		background: #2266af;
	}
	#elr_price_sp li a:after {
		content: "";
		position: absolute;
		top: 14px;
		right: 20px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		height: 8px;
		width: 8px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	table.elr_price th.course {
		width: 70%;
	}
	table.elr_price td {
		width: 30%;
	}
	#elr_price_sp .elr_allc_color a{
		background: #797c87;
	}
	#elr_price_sp #elr_mng_color a{
		background: #076CA6;
	}
	#elr_price_sp #elr_techskill_color a{
		background: #007A60;
	}


	/*=====お申込み方法と受講の流れ */
	.elr_flow_btn a {
    	width: 100%;
		height: auto;
	    padding: 20px;
		line-height: 20px;
	}


	/*=====「お知らせ＆メール作成」機能 文面例 */
	.elr_osirase1_t1,
	.elr_osirase2_t1,
	.elr_osirase3_t1 {
		font-size: 13px;
		line-height: 16px;
	}

}

@media (max-width: 400px){
    .elr_top_service_item {
        /* float: none; */
        margin-right: 10px;
        width: calc((100% / 2) - 5px);
    }
    .elr_top_service_item:nth-child(2n){
    	margin-right:0;
    }
    .elr_top4_head img{
    	width: 15%;
    	/* top: 40px; */
    }
    h5.elr_top4_head_h5_sp{
    	/* float:right; */
    }
    .elr_top_feature h5.elr_top4_head_h5_sp{
    	width: 75%;
    	margin-bottom: 0;
    }
    .elr_top_feature h5.elr_top4_head_h5_sp span > br{
    	display:block;
    }
    .elr_top_feature h5.elr_top4_head_h5_sp span{
    	font-size: 20px;
    }
    img.elr_top_case_photo_sp{
    	/* display:none; */
    }
    p.elr_top_case_inner_p_sp{
    	float: right;
    }
    p.elr_top4_p_sp{
    	padding: 7px 12px;
    	float:left;
    	width:100%;
    }
	 .elr_about00_reason_btn_wide a {
		padding: 10px 0px 5px 0;
	}
    .elr_prom_sp_wrap {
        margin-top: 130px !important;
        margin-bottom: 160px !important;
        transform: scale(1.1,1.1);
    }
    .elr_umng_sp_wrap{
        transform: scale(1.1,1.1);
        margin-top: 180px !important;
        margin-bottom: 190px !important;
    }
    .elr_en_umng_wrap .elr_umng_sp_wrap {
        margin-top: 190px !important;
        margin-bottom: 210px !important;
    }
    .elr_spc_sp_wrap {
        transform: scale(1.1,1.1);
        margin-top: 160px !important;
        margin-bottom: 160px !important;
    }
    .elr_sub3_sp_wrap {
        transform: scale(1.1,1.1);
        margin-top: 420px !important;
        margin-bottom: 440px !important;
    }
    .elr_en_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 270px !important;
        margin-bottom: 290px !important;
    }
    .elr_ch_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 235px !important;
        margin-bottom: 255px !important;
    }

}
@media (max-width: 380px){

    .elr_glo_cloud1 p {
        padding: 14px 20px;
        font-size: 15px;
        top: 2%;
        left: 4%;
        line-height: 1.14em;
    }
    .elr_glo_cloud2 p{
        padding: 16px 30px;
        font-size: 15px;
    }


	/*=====eラーニングとは */
	.elr_ab01_t2,
	.elr_ab07_t2 {
    	width: 100%;
		height: 100px;
	}
	.elr_ab01_t2 img,
	.elr_ab07_t2 img {
    	width: 40px;
		height: 40px;
	}
	.elr_ab01_t2 p,
	.elr_ab07_t2 p {
	    left: 30px;
		top: 20px;
		width: 100%;
		font-size: 20px;
	    line-height: 28px;
		margin-bottom: 16px;
	}
	.elr_ab07_t2 p {
		top: 10px;
	}
	.pl_ttl p{
		font-size: 4.5rem;
	}
	.elr_price_url a ul li{
		transform: scale( 0.7, 0.7 );
	}
	_::-webkit-full-page-media, _:future, :root .elr_price_url a ul li{
		transform: scale( 0.9, 1 );
	}
	.elr_price_url a ul{
		bottom: 11%;
	}


}
@media (max-width: 320px){
	
	.elr_top4_head img{
		width: 15%;
		top: 30px;
	}
	.elr_top_case h5.elr_top4_head_h5_sp{
		font-size: 15px;
		font-weight: bold;
	}
	p.elr_top_case_inner_p_sp a{
		font-size:16px;
	}
	img.elr_top_case_photo_sp{
	left: 10px;
	top: 90px;
	}

    /*=====「お知らせ＆メール作成」機能 文面例 */
	.elr_osirase1_t1,
	.elr_osirase2_t1,
	.elr_osirase3_t1 {
		font-size: 11px;
		line-height: 14px;
	}

    .elr_prom_sp_wrap {
        margin-top: 20px !important;
        margin-bottom: 60px !important;
        transform: scale(1,1);
    }
    .elr_umng_sp_wrap{
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        transform: scale(1,1);
    }
    .elr_en_umng_wrap .elr_umng_sp_wrap {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }
    .elr_spc_sp_wrap {
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        transform: scale(1,1);
    }
    .elr_sub3_sp_wrap {
        margin-top: 20px !important;
        margin-bottom: 40px !important;
        transform: scale(1,1);
    }
    .elr_ch_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 20px !important;
        margin-bottom: 40px !important;
    }
    .elr_en_sub3_wrap .elr_sub3_sp_wrap {
        margin-top: 20px !important;
        margin-bottom: 40px !important;
    }
	.pl_ttl p{
		font-size: 3.5rem;
	}
	.elr_price_url a ul li {
		width: calc( 100% / 7.1 );
	}
	_::-webkit-full-page-media, _:future, :root .elr_price_url a ul li {
		width: calc( 100% / 7 );
	}


}