@charset 'UTF-8';

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/************************************************************
diagram common
************************************************************/
.tac {
    text-align: center;
}

.hrm_hero {
    background-size: 1400px;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width: 812px) {
    .hrm_hero {
        background-size: cover;
    }
}

.diagram_lead .icon_online {
    display: inline-block;
    margin-right: 6px;
    padding: 0 18px;
    height: 28px;
    background-color: #00a4e5;
    line-height: 28px;
    border-radius: 14px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 812px) {
    .diagram_lead .icon_online {
        padding: 0 4vw;
        font-size: 80%;
        height: 5.33vw;
        line-height: 5.33vw;
        border-radius: 20px;
    }
}

.diagram_figure {
    position: relative;
    margin-top: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.diagram_figure .diagram_group {
    position: absolute;
}

.diagram_figure .diagram_left .diagram_group {
    left: 132px;
}

.diagram_figure .diagram_right .diagram_group {
    left: 420px;
}

.diagram_group .diagram_bt:nth-of-type(n+2),
.diagram_group .diagram_bt2:nth-of-type(n+2) {
    margin-top: 5px;
}

.diagram_figure .diagram_bt a,
.diagram_figure .diagram_bt2 a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    background-color: #fff;
    color: #333;
}

.diagram_figure .diagram_bt a::before,
.diagram_figure .diagram_bt2 a::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    bottom: 0;
    right: 9px;
    margin: auto;
    box-sizing: border-box;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.diagram_figure .diagram_bt a:hover,
.diagram_figure .diagram_bt2 a:hover {
    color: #fff;
}

.diagram_figure .diagram_bt.diagram_bt_basic a {
    width: 255px;
    height: 30px;
}

.diagram_figure .diagram_bt.diagram_bt_fat a,
.bt_h_5 a {
    width: 255px;
    height: 47px;

    display: flex;
    flex-direction: column;
}

.diagram_figure .diagram_bt.diagram_bt_fat a span,
.bt_h_5 a span {
    font-size: 10px;
    margin-bottom: 2px;
}

.diagram_figure .diagram_bt.diagram_bt_long a {
    width: 542px;
    height: 30px;
}

.diagram_figure .diagram_01 .diagram_group,
.diagram_figure .diagram_02 .diagram_group,
.diagram_figure .diagram_03 .diagram_group,
.diagram_figure .diagram_04 .diagram_group {
    top: 62px;
}

.diagram_figure .diagram_01 .diagram_group {
    left: 15px;
}

.diagram_figure .diagram_02 .diagram_group {
    left: 192px;
}

.diagram_figure .diagram_03 .diagram_group {
    left: 367px;
}

.diagram_figure .diagram_04 .diagram_group {
    left: 543px;
}

.diagram_figure .diagram_bt2 a {
    border: 1px solid #2ca7e1;
}

.diagram_figure .diagram_bt2 a:hover {
    background-color: #2ca7e1;
}

.diagram_figure .diagram_bt2 a::before {
    border-left: 1px solid #2ca7e1;
    border-top: 1px solid #2ca7e1;
}

.diagram_figure .diagram_bt2 a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.diagram_figure .diagram_bt2.bt_w_tiny a {
    width: 141px;
}

.diagram_figure .diagram_bt2.bt_w_small a {
    width: 187px;
}

.diagram_figure .diagram_bt2.bt_w_mid a {
    width: 252px;
}

.diagram_figure .diagram_bt2.bt_w_lit-long a {
    width: 317px;
}

.diagram_figure .diagram_bt2.bt_w_long a {
    width: 494px;
}

.diagram_figure .diagram_bt2.bt_w_big-long a {
    width: 605px;
}

.diagram_figure .diagram_bt2.bt_w_max a {
    width: 670px;
}

.diagram_figure .diagram_bt2.bt_h_1 a {
    height: 30px;
}

.diagram_figure .diagram_bt2.bt_h_2 a {
    height: 47px;
}

.diagram_figure .diagram_bt2.bt_h_3 a {
    height: 60px;
}

.diagram_figure .diagram_bt2.bt_h_4 a {
    height: 80px;
}

.diagram_figure .diagram_bt2.bt_h_5 a {
    height: 50px;
    margin: 50px 0 0 175px;
    width: 250px;
}



/************************************************************
diagram KV img
************************************************************/
.executive_hero {
    background-image: url("../images/executive-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.executive_hero {
    background-image: url("../images/executive-bg-hero-s.jpg");
}

.director_hero {
    background-image: url("../images/director-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.director_hero {
    background-image: url("../images/director-bg-hero-s.jpg");
}

.manager_hero {
    background-image: url("../images/manager-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.manager_hero {
    background-image: url("../images/manager-bg-hero-s.jpg");
}

.leader_hero {
    background-image: url("../images/leader-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.leader_hero {
    background-image: url("../images/leader-bg-hero-s.jpg");
}

.beginner_hero {
    background-image: url("../images/beginner-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.beginner_hero {
    background-image: url("../images/beginner-bg-hero-s.jpg");
}

.management_skills_hero {
    background-image: url("../images/management_skills-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.management_skills_hero {
    background-image: url("../images/management_skills-bg-hero-s.jpg");
}

.leadership_hero {
    background-image: url("../images/leadership-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.leadership_hero {
    background-image: url("../images/leadership-bg-hero-s.jpg");
}

.businessskills_hero {
    background-image: url("../images/businessskills-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.businessskills_hero {
    background-image: url("../images/businessskills-bg-hero-s.jpg");
}

.logical_hero {
    background-image: url("../images/logical-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.logical_hero {
    background-image: url("../images/logical-bg-hero-s.jpg");
}

.communication_hero {
    background-image: url("../images/communication-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.communication_hero {
    background-image: url("../images/communication-bg-hero.jpg");
}

.od_hero {
    background-image: url("../images/od-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.od_hero {
    background-image: url("../images/od-bg-hero-s.jpg");
}

.diversity_hero {
    background-image: url("../images/diversity-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.diversity_hero {
    background-image: url("../images/diversity-bg-hero-s.jpg");
}

.career_hero {
    background-image: url("../images/career-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.career_hero {
    background-image: url("../images/career-bg-hero-s.jpg");
}

.harassment_hero {
    background-image: url("../images/harassment-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.harassment_hero {
    background-image: url("../images/harassment-bg-hero-s.jpg");
}

.sales_hero {
    background-image: url("../images/sales-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.sales_hero {
    background-image: url("../images/sales-bg-hero-s.jpg");
}

.manufacturing_hero {
    background-image: url("../images/manufacturing-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.manufacturing_hero {
    background-image: url("../images/manufacturing-bg-hero-s.jpg");
}

.instructor_hero {
    background-image: url("../images/instructor-bg-hero.jpg");
}

.hrm_hero.hrm_hero_s.instructor_hero {
    background-image: url("../images/instructor-bg-hero-s.jpg");
}

.hrm_hero.hrm_hero_s.sdgs_hero {
    background-image: url("../images/sdgs-bg-hero-s.jpg");
}

.hrm_hero.hrm_hero_s.dx_hero {
    background-image: url("../images/dx-bg-hero-s.jpg");
}

@media screen and (max-width: 812px) {
    .executive_hero {
        background-image: url("../images/executive-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.executive_hero {
        background-image: url("../images/executive-bg-hero-s_sp.jpg");
    }

    .director_hero {
        background-image: url("../images/director-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.director_hero {
        background-image: url("../images/director-bg-hero-s_sp.jpg");
    }

    .manager_hero {
        background-image: url("../images/manager-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.manager_hero {
        background-image: url("../images/manager-bg-hero-s_sp.jpg");
    }

    .leader_hero {
        background-image: url("../images/leader-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.leader_hero {
        background-image: url("../images/leader-bg-hero-s_sp.jpg");
    }

    .beginner_hero {
        background-image: url("../images/beginner-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.beginner_hero {
        background-image: url("../images/beginner-bg-hero-s_sp.jpg");
    }

    .management_skills_hero {
        background-image: url("../images/management_skills-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.management_skills_hero {
        background-image: url("../images/management_skills-bg-hero-s_sp.jpg");
    }

    .leadership_hero {
        background-image: url("../images/leadership-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.leadership_hero {
        background-image: url("../images/leadership-bg-hero-s_sp.jpg");
    }

    .businessskills_hero {
        background-image: url("../images/businessskills-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.businessskills_hero {
        background-image: url("../images/businessskills-bg-hero-s_sp.jpg");
    }

    .logical_hero {
        background-image: url("../images/logical-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.logical_hero {
        background-image: url("../images/logical-bg-hero-s_sp.jpg");
    }

    .communication_hero {
        background-image: url("../images/communication-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.communication_hero {
        background-image: url("../images/communication-bg-hero_sp.jpg");
    }

    .od_hero {
        background-image: url("../images/od-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.od_hero {
        background-image: url("../images/od-bg-hero-s_sp.jpg");
    }

    .diversity_hero {
        background-image: url("../images/diversity-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.diversity_hero {
        background-image: url("../images/diversity-bg-hero-s_sp.jpg");
    }

    .career_hero {
        background-image: url("../images/career-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.career_hero {
        background-image: url("../images/career-bg-hero-s_sp.jpg");
    }

    .harassment_hero {
        background-image: url("../images/harassment-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.harassment_hero {
        background-image: url("../images/harassment-bg-hero-s_sp.jpg");
    }

    .sales_hero {
        background-image: url("../images/sales-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.sales_hero {
        background-image: url("../images/sales-bg-hero-s_sp.jpg");
    }

    .manufacturing_hero {
        background-image: url("../images/manufacturing-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.manufacturing_hero {
        background-image: url("../images/manufacturing-bg-hero-s_sp.jpg");
    }

    .instructor_hero {
        background-image: url("../images/instructor-bg-hero_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.instructor_hero {
        background-image: url("../images/instructor-bg-hero-s_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.sdgs_hero {
        background-image: url("../images/sdgs-bg-hero-s_sp.jpg");
    }

    .hrm_hero.hrm_hero_s.dx_hero {
        background-image: url("../images/dx-bg-hero-s_sp.jpg");
    }
}


/************************************************************
diagram figure unique
************************************************************/
/*上級管理職研修（部長クラス）*/
#director_article .diagram_figure {
    height: 415px;
    background-image: url("../images/director-diagram.png");
}

#director_article .diagram_figure .diagram_bt a {
    border: 1px solid #336598;
}

#director_article .diagram_figure .diagram_bt a:hover {
    background-color: #336598;
}

#director_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #336598;
    border-top: 1px solid #336598;
}

#director_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#director_article .diagram_left .diagram_group:nth-child(1) {
    top: 17px;
}

#director_article .diagram_left .diagram_group:nth-child(2) {
    top: 52px;
}

#director_article .diagram_left .diagram_group:nth-child(3) {
    top: 105px;
}

#director_article .diagram_left .diagram_group:nth-child(4) {
    top: 225px;
}
#director_article .diagram_left .diagram_group:nth-child(5) {
    top: 315px;
}

#director_article .diagram_right .diagram_group:nth-child(1) {
    top: 52px;
}

#director_article .diagram_right .diagram_group:nth-child(2) {
    top: 105px;
}

#director_article .diagram_right .diagram_group:nth-child(3) {
    top: 225px;
}

#director_article .diagram_right .diagram_group:nth-child(4) {
    top: 315px;
}

/*課長クラス*/
#manager_article .manager_box01 {
    height: 484px;
    background-image: url("../images/manager-diagram01.jpg");
}

#manager_article .manager_box02 {
    height: 593px;
    background-image: url("../images/manager-diagram02.png");
}

#manager_article .diagram_figure .diagram_bt a {
    border: 1px solid #794994;
}

#manager_article .diagram_figure .diagram_bt a:hover {
    background-color: #794994;
}

#manager_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #794994;
    border-top: 1px solid #794994;
}

#manager_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#manager_article .manager_box01 .diagram_left .diagram_group:nth-child(1) {
    top: 17px;
}

#manager_article .manager_box01 .diagram_left .diagram_group:nth-child(2) {
    top: 365px;
}

#manager_article .manager_box01 .diagram_right .diagram_group:nth-child(1) {
    top: 17px;
}

#manager_article .manager_box01 .diagram_right .diagram_group:nth-child(2) {
    top: 365px;
}

#manager_article .manager_box02 .diagram_left .diagram_group:nth-child(1) {
    top: 17px;
}

#manager_article .manager_box02 .diagram_left .diagram_group:nth-child(2) {
    top: 85px;
}

#manager_article .manager_box02 .diagram_left .diagram_group:nth-child(3) {
    top: 349px;
}

#manager_article .manager_box02 .diagram_left .diagram_group:nth-child(4) {
    top: 429px;
}

#manager_article .manager_box02 .diagram_left .diagram_group:nth-child(5) {
    top: 490px;
}

#manager_article .manager_box02 .diagram_right .diagram_group:nth-child(1) {
    top: 17px;
}

#manager_article .manager_box02 .diagram_right .diagram_group:nth-child(2) {
    top: 85px;
}

#manager_article .manager_box02 .diagram_right .diagram_group:nth-child(3) {
    top: 349px;
}

#manager_article .manager_box02 .diagram_right .diagram_group:nth-child(4) {
    top: 490px;
}

/*中堅・リーダークラス*/
#leader_article .diagram_figure {
    height: 1554px;
    background-image: url("../images/leader-diagram.png");
}

/* Edge */
/* @supports (-ms-ime-align: auto) {
    #leader_article .diagram_figure {
        height: 1394px;
        background-image: url("../images/leader-diagram_min.png");
    }
} */

#leader_article .diagram_figure .diagram_bt a {
    border: 1px solid #5dab77;
}

#leader_article .diagram_figure .diagram_bt a:hover {
    background-color: #5dab77;
}

#leader_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #5dab77;
    border-top: 1px solid #5dab77;
}

#leader_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#leader_article .diagram_left .diagram_group:nth-child(1) {
    top: 60px;
}

#leader_article .diagram_left .diagram_group:nth-child(2) {
    top: 195px;
}

#leader_article .diagram_left .diagram_group:nth-child(3) {
    top: 408px;
}

#leader_article .diagram_left .diagram_group:nth-child(4) {
    top: 602px;
}

#leader_article .diagram_left .diagram_group:nth-child(5) {
    top: 850px;
}

#leader_article .diagram_left .diagram_group:nth-child(6) {
    top: 1137px;
}

#leader_article .diagram_left .diagram_group:nth-child(7) {
    top: 1207px;
}

#leader_article .diagram_left .diagram_group:nth-child(8) {
    top: 1270px;
}

#leader_article .diagram_left .diagram_group:nth-child(9) {
    top: 1332px;
}

#leader_article .diagram_right .diagram_group:nth-child(1) {
    top: 230px;
}

#leader_article .diagram_right .diagram_group:nth-child(2) {
    top: 777px;
}

#leader_article .diagram_right .diagram_group:nth-child(3) {
    top: 1102px;
}

#leader_article .diagram_right .diagram_group:nth-child(4) {
    top: 1366px;
}

/*若手・新人クラス*/
#beginner_article .diagram_figure {
    height: 925px;
    background-image: url("../images/beginner-diagram.png");
}

/* Edge */
/* @supports (-ms-ime-align: auto) {
#beginner_article .diagram_figure {
  height: 917px;
  background-image: url("../images/beginner-diagram_min.png");
}
} */
#beginner_article .diagram_figure .diagram_bt a {
    border: 1px solid #2ca7e1;
}

#beginner_article .diagram_figure .diagram_bt a:hover {
    background-color: #2ca7e1;
}

#beginner_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #2ca7e1;
    border-top: 1px solid #2ca7e1;
}

#beginner_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#beginner_article .diagram_left .diagram_group:nth-child(1) {
    top: 17px;
}

#beginner_article .diagram_left .diagram_group:nth-child(2) {
    top: 137px;
}

#beginner_article .diagram_left .diagram_group:nth-child(3) {
    top: 328px;
}

#beginner_article .diagram_left .diagram_group:nth-child(4) {
    top: 518px;
}

#beginner_article .diagram_left .diagram_group:nth-child(5) {
    top: 758px;
}

#beginner_article .diagram_left .diagram_group:nth-child(6) {
    top: 825px;
}

#beginner_article .diagram_right .diagram_group:nth-child(1) {
    top: 17px;
}

#beginner_article .diagram_right .diagram_group:nth-child(2) {
    top: 137px;
}

#beginner_article .diagram_right .diagram_group:nth-child(3) {
    top: 328px;
}

#beginner_article .diagram_right .diagram_group:nth-child(4) {
    top: 518px;
}

#beginner_article .diagram_right .diagram_group:nth-child(5) {
    top: 825px;
}

/*マネジメントスキル*/
#management_article .diagram_figure {
    height: 652px;
    background-image: url("../images/management-diagram.png");
}

#management_article .diagram_figure .diagram_bt a {
    border: 1px solid #fb8400;
}

#management_article .diagram_figure .diagram_bt a:hover {
    background-color: #fb8400;
}

#management_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #fb8400;
    border-top: 1px solid #fb8400;
}

#management_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#management_article .diagram_left .diagram_group:nth-child(1) {
    top: 18px;
}

#management_article .diagram_left .diagram_group:nth-child(2) {
    top: 157px;
}

#management_article .diagram_left .diagram_group:nth-child(3) {
    top: 382px;
}

#management_article .diagram_left .diagram_group:nth-child(4) {
    top: 451px;
}

#management_article .diagram_left .diagram_group:nth-child(5) {
    top: 519px;
}

#management_article .diagram_left .diagram_group:nth-child(6) {
    top: 587px;
}

#management_article .diagram_right .diagram_group:nth-child(1) {
    top: 18px;
}

#management_article .diagram_right .diagram_group:nth-child(2) {
    top: 157px;
}

#management_article .diagram_right .diagram_group:nth-child(3) {
    top: 382px;
}

#management_article .diagram_right .diagram_group:nth-child(4) {
    top: 454px;
}

/*リーダーシップ*/
#leadership_article .diagram_figure {
    height: 352px;
    background-image: url("../images/leadership-diagram.jpg");
}

/*ビジネススキル*/
#businessskills_article .diagram_figure {
    height: 777px;
    background-image: url("../images/businessskills-diagram.png");
}

#businessskills_article .diagram_figure .diagram_bt a {
    border: 1px solid #fb8400;
}

#businessskills_article .diagram_figure .diagram_bt a:hover {
    background-color: #fb8400;
}

#businessskills_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #fb8400;
    border-top: 1px solid #fb8400;
}

#businessskills_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#businessskills_article .diagram_left .diagram_group:nth-child(1) {
    top: 20px;
}

#businessskills_article .diagram_left .diagram_group:nth-child(2) {
    top: 129px;
}

#businessskills_article .diagram_left .diagram_group:nth-child(3) {
    top: 217px;
}

#businessskills_article .diagram_left .diagram_group:nth-child(4) {
    top: 363px;
}

#businessskills_article .diagram_left .diagram_group:nth-child(5) {
    top: 552px;
}

#businessskills_article .diagram_left .diagram_group:nth-child(6) {
    top: 640px;
}

#businessskills_article .diagram_left .diagram_group:nth-child(7) {
    top: 728px;
}

#businessskills_article .diagram_right .diagram_group:nth-child(1) {
    top: 20px;
}

#businessskills_article .diagram_right .diagram_group:nth-child(2) {
    top: 217px;
}

#businessskills_article .diagram_right .diagram_group:nth-child(3) {
    top: 363px;
}

#businessskills_article .diagram_right .diagram_group:nth-child(4) {
    top: 552px;
}

/*ロジカルシンキング・問題解決*/
#logical_article .diagram_figure {
    height: 495px;
    background-image: url("../images/logical-diagram.jpg");
}

#logical_article .diagram_02 .diagram_group:nth-child(1) {
    top: 114px;
    left: 80px;
}

#logical_article .diagram_03 .diagram_group:nth-child(1) {
    top: 322px;
    left: 192px;
}

#logical_article .diagram_04 .diagram_group:nth-child(1) {
    top: 322px;
    left: 15px;
}

/*コミュニケーション*/
#communication_article .diagram_figure {
    height: 500px;
    background-image: url("../images/communication-diagram.jpg");
}

#communication_article .diagram_01 .diagram_group:nth-child(1) {
    top: 97px;
    left: 80px;
}

#communication_article .diagram_01 .diagram_group:nth-child(2) {
    top: 451px;
    left: 80px;
}

#communication_article .diagram_02 .diagram_group:nth-child(1) {
    top: 149px;
}

#communication_article .diagram_02 .diagram_group:nth-child(2) {
    top: 214px;
}

#communication_article .diagram_02 .diagram_group:nth-child(3) {
    top: 278px;
    left: 256px;
}

#communication_article .diagram_02 .diagram_group:nth-child(4) {
    top: 312px;
    left: 256px;
}

#communication_article .diagram_03 .diagram_group:nth-child(1) {
    top: 148px;
}

#communication_article .diagram_03 .diagram_group:nth-child(2) {
    top: 347px;
}

#communication_article .diagram_04 .diagram_group:nth-child(1) {
    top: 62px;
    left: 15px;
}

#communication_article .diagram_04 .diagram_group:nth-child(2) {
    top: 400px;
    left: 15px;
}

/*コミュニケーション2*/
#communication2_article .diagram_figure {
    height: 700px;
    background-image: url("../images/communication2-diagram.png");
}

#communication2_article .diagram_01 .diagram_group:nth-child(1) {
    left: 275px;
    top: 70px;
}

#communication2_article .diagram_02 .diagram_group:nth-child(1) {
    top: 136px;
    left: 275px;
}

#communication2_article .diagram_02 .diagram_group:nth-child(2) {
    top: 136px;
    left: 464px;
}

#communication2_article .diagram_03 .diagram_group:nth-child(1) {
    top: 202px;
    left: 275px;
}

#communication2_article .diagram_04 .diagram_group:nth-child(1) {
    top: 268px;
    left: 275px;
}

#communication2_article .diagram_05 .diagram_group:nth-child(1) {
    top: 334px;
    left: 86px;
}

#communication2_article .diagram_06 .diagram_group:nth-child(1) {
    top: 400px;
    left: 86px;
}

#communication2_article .diagram_07 .diagram_group:nth-child(1) {
    top: 466px;
    left: 86px;
}

#communication2_article .diagram_08 .diagram_group:nth-child(1) {
    top: 623px;
    left: 86px;
}


/*ITリテラシー・DX研修*/
#dx_article .diagram_figure {
    height: 283px;
    background-image: url("../images/dx-diagram.png");
}

#dx_article .diagram_01 .diagram_group:nth-child(1) {
    top: 60px;
    left: 285px;
}

#dx_article .diagram_02 .diagram_group:nth-child(1) {
    top: 165px;
    left: 80px;
}


/*組織開発*/



/*ダイバーシティ・インクルージョン*/
#diversity_article .diagram_figure {
    height: 222px;
    background-image: url("../images/diversity-diagram.jpg");
}

#diversity_article .diagram_figure .diagram_bt a {
    border: 1px solid #fb8400;
}

#diversity_article .diagram_figure .diagram_bt a:hover {
    background-color: #fb8400;
}

#diversity_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #fb8400;
    border-top: 1px solid #fb8400;
}

#diversity_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

#diversity_article .diagram_left .diagram_group:nth-child(1) {
    top: 17px;
}

#diversity_article .diagram_left .diagram_group:nth-child(2) {
    top: 105px;
}

#diversity_article .diagram_left .diagram_group:nth-child(3) {
    top: 175px;
}

#diversity_article .diagram_right .diagram_group:nth-child(1) {
    top: 17px;
}

/*キャリアデザイン*/
#career_article .diagram_figure {
    height: 397px;
    background-image: url("../images/career-diagram.jpg");
}

#career_article .diagram_01 .diagram_group:nth-child(2) {
    top: 203px;
}

#career_article .diagram_02 .diagram_group:nth-child(1) {
    top: 132px;
}

#career_article .diagram_03 .diagram_group:nth-child(1) {
    top: 167px;
}

#career_article .diagram_04 .diagram_group:nth-child(1) {
    top: 202px;
}

#career_article .diagram_05 .diagram_group:nth-child(1) {
    top: 320px;
    left: 15px;
}

/*営業職・CS*/
#sales_article .diagram_figure {
    /*height: 298px;
  background-image: url("../images/sales-diagram.jpg");*/
    height: 186px;
    background-image: url("../images/sales-diagram-2.jpg");
}

#sales_article .sales_h2 .diagram_group {
    top: 97px;
}

#sales_article .sales_h3 .diagram_group {
    top: 100px;
}

#sales_article .sales_h4 .diagram_group {
    top: 184px;
}

#sales_article .sales_h5 .diagram_group {
    top: 139px;
}

#sales_article .diagram_figure .diagram_bt2.bt_w_mid a {
    width: 318px;
}

/*技術職・ものづくり人材*/
#manufacturing_article .diagram_figure {
    height: 442px;
    background-image: url("../images/manufacturing-diagram.jpg");
}

#manufacturing_article .diagram_01 .diagram_group:nth-child(2) {
    top: 149px;
}

#manufacturing_article .diagram_01 .diagram_group:nth-child(3) {
    top: 272px;
    left: 79px;
}

#manufacturing_article .diagram_02 .diagram_group:nth-child(2) {
    top: 115px;
    left: 280px;
}

#manufacturing_article .diagram_02 .diagram_group:nth-child(3) {
    top: 325px;
    left: 224px;
}

#manufacturing_article .diagram_02 .diagram_group:nth-child(4) {
    top: 377px;
    left: 332px;
}

#manufacturing_article .diagram_03 .diagram_group:nth-child(1) {
    top: 150px;
}

/*SDGs add 2022.10.05 */
#sdgs_article .diagram_figure {
    height: 490px;
    background-image: url("../images/sdgs-diagram.jpg");
    background-size: cover;
}

#sdgs_article .diagram_figure .diagram_bt a {
    border: 1px solid #9393FF;
}

#sdgs_article .diagram_figure .diagram_bt a:hover {
    background-color: #9393FF;
}

#sdgs_article .diagram_figure .diagram_bt a::before {
    border-left: 1px solid #9393FF;
    border-top: 1px solid #9393FF;
}

#sdgs_article .diagram_figure .diagram_bt a:hover::before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.diagram_figure .diagram_sdgs_01 .diagram_group {
    top: 60px;
    left: 120px;
    width: 565px;
}

.diagram_figure .diagram_sdgs_02 .diagram_group {
    top: 195px;
    left: 272px;
    width: 265px;
}

.diagram_figure .diagram_sdgs_03 .diagram_group {
    top: 295px;
    left: 420px;
    width: 265px;
}

#sdgs_article .diagram_sdgs_02 .diagram_group:nth-child(1) {
    top: 195px;
}

#sdgs_article .diagram_sdgs_02 .diagram_group:nth-child(2) {
    top: 260px;
}

.diagram_figure .diagram_bt.diagram_bt_full a {
    width: 100%;
}

.diagram_figure .diagram_bt.diagram_bt_half a {
    width: calc(50% - 15px);
}

.diagram_figure .diagram_bt.diagram_bt_h30 a {
    height: 30px;
}

.diagram_figure .diagram_bt.diagram_bt_h50 a {
    height: 50px;
}

.diagram_figure .diagram_bt.diagram_bt_h70 a {
    height: 70px;
}

.diagram_fz10 {
    display: block;
    font-size: 10px;
    margin-bottom: 2px;
}

/* diagram update 2021.12 - 2022.01*/
.hrm_text.hrm_text_right {
    text-align: right;
}

@media screen and (max-width: 812px) {

    .diagram_box_outer {
        margin: 0 30px 0;
        width: 90%;
        overflow: scroll;
    }

    .diagram_figure {
        width: 700px;
        /* margin-top: 0; */
    }

    .diagram_figure:first-of-type {
        margin-top: 0;
    }

}

/* diagram update 2022.09 */
.training_section {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media screen and (max-width: 812px) {
    .training_section {
        margin-top: 10vw;
        margin-bottom: 10vw;
    }
}

.training_ttl {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 5em;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    padding-bottom: .5em;
    border-bottom: 1px solid #00A4E5;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    letter-spacing: .04em;
}

@media screen and (max-width: 812px) {
    .training_ttl {
        margin-bottom: 7.5vw;
        font-size: 4.75vw;
    }
}

.training_ttl.training_ttl_s {
    min-width: 5.833em;
    font-size: 18px;
}

@media screen and (max-width: 812px) {
    .training_ttl.training_ttl_s {
        font-size: 4.5vw;
    }
}

.training_subttl {
    position: relative;
    margin-bottom: 64px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    letter-spacing: .04em;
}

.training_subttl::before {
    content: '';
    position: absolute;
    top: calc(1.25em + 10px);
    transform: translateX(-50%);
    width: 1px;
    height: 26px;
    left: 50%;
    background-color: #00A4E5;
}

@media screen and (max-width: 812px) {
    .training_subttl {
        margin-bottom: 16vw;
        font-size: 4.5vw;
    }

    .training_subttl::before {
        top: calc(1.25em + 3.75vw);
        height: 6.5vw;
    }
}

.diagram_leadbox {
    text-align: center;
}

.diagram_leadbox_head {
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: bold;
    font-size: 21px;
    color: #00A4E5;
    letter-spacing: .04em;
}

.diagram_leadbox_body {
    font-size: 15px;
}

@media screen and (max-width: 812px) {
    .diagram_leadbox {
        text-align: left;
    }

    .diagram_leadbox_head {
        padding-top: 7.5vw;
        padding-bottom: 5vw;
        font-size: 4.5vw;
    }

    .diagram_leadbox_body {
        font-size: 3.75vw;
    }
}

.training_course {
    margin-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 812px) {
    .training_course {
        display: none;
    }
}

.training_course.is_active {
    border: 1px solid;
}

.training_course_btn {
    position: relative;
    display: block;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    color: inherit;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.training_course_btn:not(.is_active) {
    border: 1px solid;
}

.training_course_btn::before,
.training_course_btn::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 12px;
    height: 1px;
    right: 12px;
    background-color: #333;
}

.training_course_btn::before {
    transform: translateY(-50%);
}

.training_course_btn:not(.is_active)::after {
    transform: translateY(-50%) rotate(90deg);
}

.training_course_btn.is_active::after {
    display: none;
}

.training_course_body {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

.training_course_body.is_active {
    border-top: 1px solid;
}

.training_course_col {
    display: flex;
    gap: 0 35px;
}

.training_course_list {
    line-height: 2;
}

.training_course_list dt {
    font-weight: bold;
    font-size: 16px;
}

.training_course_list dd {
    font-size: 14px;
    padding-left: .5em;
}

.training_course_list a {
    display: block;
    color: inherit;
}

.training_theme {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.training_theme_btn {
    position: relative;
    display: block;
    padding-top: 7px;
    padding-right: 25px;
    padding-bottom: 7px;
    padding-left: 10px;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgba(242, 242, 242, 0.1), rgba(0, 164, 229, 0.1));
    font-size: 15px;
    color: inherit;
    line-height: 1.3;
}

.training_theme_btn::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 10px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

@media screen and (max-width: 812px) {
    .training_theme {
        gap: 1.25vw 5vw;
    }

    .training_theme_btn {
        padding-top: 2.5vw;
        padding-right: 8.75vw;
        padding-bottom: 2.5vw;
        padding-left: 2.5vw;
        font-size: 3.75vw;
    }

    .training_theme_btn::after {
        top: calc(50% - 0.25vw);
        right: 3.75vw;
        width: 1.5vw;
        height: 1.5vw;
    }
}

.training_pickup {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: rgba(0, 164, 229, 0.1);
}

@media screen and (max-width: 812px) {
    .training_pickup {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
}

.training_pickup_carousel {
    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px;
}

@media screen and (max-width: 599px) {
    .training_pickup_carousel {
        padding-right: 5.5vw;
        padding-left: 5.5vw;
    }
}

.training_pickup_carousel .slick-list {
    padding-top: 15px;
}

.training_pickup_carousel .slick-track {
    display: flex;
}

.training_pickup_carousel .slick-slide {
    height: auto;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #FFF;
}

.training_pickup_carousel .slick-dots li {
    width: 20px;
    margin: 0;
}

.training_pickup_carousel .slick-dots li button::before {
    font-size: 10px;
    color: #999;
}

.training_pickup_carousel .slick-dots li.slick-active button:before {
    color: #00A4E5;
}

@media screen and (max-width: 599px) {

    .training_pickup_carousel .slick-dots li,
    .training_pickup_carousel .slick-dots li button,
    .training_pickup_carousel .slick-dots li button:before {
        width: 5vw;
    }

    .training_pickup_carousel .slick-dots li button,
    .training_pickup_carousel .slick-dots li button:before {
        height: 5vw;
    }

    .training_pickup_carousel .slick-dots li button::before {
        font-size: max(2.5vw, 10px);
    }
}

.training_carousel_arrow {
    position: absolute;
    top: 50%;
    z-index: 9;
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 0;
    cursor: pointer;
}

.training_carousel_arrow.training_carousel_arrow_next {
    right: -36px;
}

.training_carousel_arrow.training_carousel_arrow_prev {
    left: -36px;
}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .training_carousel_arrow.training_carousel_arrow_next {
        right: -25px;
    }

    .training_carousel_arrow.training_carousel_arrow_prev {
        left: -25px;
    }
}

@media screen and (max-width: 599px) {
    .training_carousel_arrow {
        width: 9vw;
        height: 9vw;
    }

    .training_carousel_arrow.training_carousel_arrow_next {
        right: -1.25vw;
    }

    .training_carousel_arrow.training_carousel_arrow_prev {
        left: -1.25vw;
    }

    .training_carousel_arrow::before {
        width: 9vw;
    }

    .training_carousel_arrow::after {
        width: 4.5vw;
    }
}

.training_carousel_arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 36px;
    height: 1px;
    transform: translateY(-50%);
    background-color: #333;
}

.training_carousel_arrow.training_carousel_arrow_next::before {
    right: 0;
}

.training_carousel_arrow.training_carousel_arrow_prev::before {
    left: 0;
}

.training_carousel_arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 18px;
    height: 1px;
    transform-origin: top left;
    background-color: #333;
}

.training_carousel_arrow.training_carousel_arrow_next::after {
    right: 0;
    transform-origin: top right;
    transform: translateY(-50%) rotate(30deg);
}

.training_carousel_arrow.training_carousel_arrow_prev::after {
    left: 0;
    transform-origin: top left;
    transform: translateY(-50%) rotate(-30deg);
}

.training_item_col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px 30px;
}

.training_item_col>* {
    width: calc((100% - 60px)/3);
}

@media screen and (max-width: 959px) {
    .training_item_col {
        gap: 50px 30px;
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .training_item_col>* {
        width: calc((100% - 30px)/2);
    }
}

@media screen and (max-width: 599px) {
    .training_item_col>* {
        gap: 12.5vw 0;
        width: 100%;
    }
}

.training_card {
    position: relative;
}

.training_card a {
    color: inherit;
}

.training_card_label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    transform: translateY(-50%);
    padding: 5px;
    background-color: #00A4E5;
    font-size: 11px;
    color: #FFF;
    line-height: 1;
}

.training_card_label::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    -webkit-clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 100% 100%, 0 100%);
    aspect-ratio: 1;
    height: 50%;
    background-color: #0071D2;
}

.training_card_img img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
}

.training_card_body {
    padding: 15px;
}

.training_card_lead {
    font-size: 12px;
}

.training_card_ttl {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
    color: #0071D2;
}

.training_card_lead+.training_card_ttl {
    margin-top: 10px;
}

@media screen and (min-width: 600px) {
    .training_card_body>*:first-child:not(.training_card_lead) {
        margin-top: -4px;
    }
}

.training_card_txt {
    font-size: 14px;
}

@media screen and (max-width: 599px) {
    .training_card_label {
        padding: 1.25vw;
        font-size: max(2.5vw, 10px);
    }

    .training_card_body {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        padding-top: max(3.75vw, 15px);
        padding-right: 0;
        padding-bottom: max(3.75vw, 15px);
        padding-left: 0;
    }

    .training_card_lead {
        font-size: max(3vw, 12px);
    }

    .training_card_ttl {
        margin-bottom: max(3.75vw, 15px);
        font-size: max(4.5vw, 18px);
    }

    .training_card_lead+.training_card_ttl {
        margin-top: max(2.75vw, 10px);
    }

    .training_card_txt {
        font-size: max(3.5vw, 14px);
    }
}

@media (hover: hover) {

    .training_carousel_arrow:hover,
    .training_pickup_carousel .slick-dots li button:hover,
    .training_course_btn:hover,
    .training_course_list a:hover,
    .training_theme_btn:hover,
    .training_card a:hover {
        opacity: .75;
    }
}