@charset "utf-8";

.data_content img {
    width: 100%;
}
.data_anchor {
    display: flex;
}
.data_anchor a {
    line-height: 1.77;
    display: flex;
    align-items: center;
    color: var(--color-black);
}
.data_anchor_arrow path {
    stroke: var(--color-red);
}
.data_content {
    display: flex;
    flex-direction: column;
}
.data_block_ttl {
    line-height: 1.77;
    color: var(--color-white);
    background-color: var(--color-red);
}
.data_block_cont {
    display: flex;
}
.data_box {
    background-color: var(--color-white);
    display: flex;
}
.data_box:not(.data_box_2col) {
    flex-direction: column;
}
.data_box_2col {
    padding: 20rem 40rem;
    align-items: center;
    gap: 30rem;
}
.data_box_3col {
    padding: 20rem 30rem;
}
.data_box_4col {
    padding: 20rem;
}
.data_box_cont {
    display: flex;
    flex-direction: column;
}
.data_box:not(.data_box_2col) .data_box_cont {
    align-items: center;
}
.data_box_label {
    line-height: 1.8;
    color: var(--color-red);
    word-break: keep-all;
}
.data_box:not(.data_box_2col) .data_box_label {
    text-align: center;
}
.data_box_num_txt {
    display: flex;
    align-items: baseline;
    line-height: 1;
}
.data_box_num {
    line-height: 1;
    color: var(--color-red);
}
.data_box_num_s {
    line-height: 1.77;
    white-space: nowrap;
}
.data_box_note {
    line-height: 1.77;
    font-weight: 500;
}
.data_graph_box .data_box_note {
    text-align: center;
}
.data_box_note_left {
    width: 100%;
}
.data_box_txt {
    line-height: 1.77;
}
.data_box_graph {
    position: relative;
}
.data_box_graph_num_area {
    position: absolute;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.data_box_graph_num_label {
    line-height: 1.77;
}
.data_box_graph_num {
    color: var(--color-red);
    font-weight: 900;
    line-height: 1;
}
.data_box_graph_num_s {
    line-height: 1.77;
}
.employee_graph_num1_1 {
    top: 41%;
    left: 13.4%;
}
.employee_graph_num1_2 {
    top: 24%;
    left: 59%;
}
.employee_graph_num2_1 {
    top: 37.3%;
    left: 12.5%;
}
.employee_graph_num2_2 {
    top: 21.9%;
    left: 59.7%;
}
.employee_graph_num3_1 {
    top: 37.3%;
    left: 12.5%;
}
.employee_graph_num3_2 {
    top: 21.9%;
    left: 59.7%;
}
@media (min-width: 1151px) {
    .data_box_2col {
        justify-content: center;
        width: calc((100% - 20px) / 2);
    }
    .data_box_3col {
        width: calc((100% - 40px) / 3);
    }
    .data_box_4col {
        width: calc((100% - 60px) / 4);
    }
    .data_box_2col .data_box_cont {
        max-width: 259px;
    }
    .data_box_icn {
        width: min(120px, 120rem);
    }
    .data_box_icn_l {
        width: min(150px, 150rem);
    }
    .data_box_graph_num_area {
        width: min(87rem, 87px);
    }
    .data_box_graph_num_label {
        font-size: min(16rem, 16px);
        padding-right: min(8rem, 8px);
    }
    .data_box_graph_num {
        font-size: min(34rem, 34px);
    }
    .data_box_graph_num_s {
        font-size: min(14rem, 14px);
    }
}
@media (max-width: 1150px) {
    .data_box_2col {
        flex-direction: column;
    }
    .data_box_2col .data_box_cont {
        align-items: center;
    }
    .data_box_2col .data_box_label {
        text-align: center;
    }
}
@media (max-width: 1150px) and (min-width: 769px) {
    .data_box {
        width: calc((100% - 20px) / 2);
    }
    .data_box_icn,
    .data_box_icn_l {
        width: 120px;
    }
}
@media (max-width: 1150px) and (min-width: 886px) {
    .data_box_graph_num_label {
        font-size: 16px;
        padding-right: 10px;
    }
    .data_box_graph_num {
        font-size: 34px;
    }
    .data_box_graph_num_s {
        font-size: 16px;
    }
}
@media (max-width: 885px) and (min-width: 769px) {
    .data_box_graph_num_label {
        font-size: calc(16 / 885 * 100vw);
        padding-right: calc(10 / 885 * 100vw);
    }
    .data_box_graph_num {
        font-size: calc(34 / 885 * 100vw);
    }
    .data_box_graph_num_s {
        font-size: calc(16 / 885 * 100vw);
    }
}
@media (min-width: 769px) {
    .data_anchor {
        justify-content: center;
        margin-top: 91px;
    }
    .data_anchor li {
        max-width: 234px;
        width: 100%;
    }
    .data_anchor li:last-child {
        border-right: 2px solid rgba(34, 34, 34, 0.1);
    }
    .data_anchor a {
        font-size: 18px;
        justify-content: center;
        padding: 4px;
        border-left: 2px solid rgba(34, 34, 34, 0.1);
        gap: 16px;
    }
    .data_anchor_arrow {
        width: 15px;
    }
    .data_anchor_arrow path {
        stroke-width: 2px;
    }
    .data_content {
        margin-block: 70px 180px;
        gap: 160px;
    }
    .data_block_ttl {
        font-size: 32px;
        padding: 5px 15px;
    }
    .data_block_cont {
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 20px;
    }
    .data_box {
        gap: 20px;
    }
    .data_graph_box {
        padding: 30rem 26rem;
    }
    .data_box_cont {
        gap: 10px;
    }
    .data_box_label {
        font-size: 18px;
    }
    .data_box_num_txt {
        gap: 6px;
    }
    .data_box_num {
        font-size: 64px;
    }
    .data_box_num_s {
        font-size: 14px;
    }
    .data_box_note {
        font-size: 12px;
    }
    .data_box_graph {
        max-width: 320px;
        margin-inline: auto;
    }
    .data_box_txt {
        font-size: 14px;
    }
    .data_box_icn,
    .data_box_icn_l {
        width: 120px;
    }
    .btn_back_wrap {
        margin-top: 160rem;
    }
}
@media (max-width: 768px) {
    .data_anchor {
        flex-wrap: wrap;
        margin-top: 33rem;
        row-gap: 4rem;
    }
    .data_anchor li {
        width: 50%;
        padding-block: 10rem;
    }
    .data_anchor a {
        font-size: 14rem;
        justify-content: space-between;
        border-right: 2rem solid rgba(34, 34, 34, 0.1);
        gap: 10rem;
        padding-inline: 15rem;
    }
    .data_anchor li:nth-child(odd) a {
        border-left: 2rem solid rgba(34, 34, 34, 0.1);
    }
    .data_anchor_arrow {
        width: 16rem;
    }
    .data_anchor_arrow path {
        stroke-width: 2rem;
    }
    .data_content {
        margin-block: 60rem 120rem;
        gap: 140rem;
    }
    .data_block_ttl {
        font-size: 28rem;
        padding: 5rem 15rem;
    }
    .data_block_cont {
        margin-top: 30rem;
        flex-direction: column;
        gap: 20rem;
    }
    .data_box {
        width: 100%;
        gap: 20rem;
    }
    .data_graph_box {
        padding: 30rem 7.5rem;
    }
    .data_box_cont {
        gap: 10rem;
    }
    .data_box_label {
        font-size: 18rem;
    }
    .data_box_num_txt {
        gap: 4rem;
    }
    .data_box_num {
        font-size: 48rem;
    }
    .data_box_num_s {
        font-size: 14rem;
    }
    .data_box_note {
        font-size: 12rem;
    }
    .data_box_txt {
        font-size: 14rem;
    }
    .data_box_icn,
    .data_box_icn_l {
        width: 70rem;
    }
    .btn_back_wrap {
        margin-top: 130rem;
    }
    .data_box_graph_num_area {
        width: 87rem;
    }
    .data_box_graph_num_label {
        font-size: 16rem;
        padding-right: 10rem;
    }
    .data_box_graph_num {
        font-size: 34rem;
    }
    .data_box_graph_num_s {
        font-size: 14rem;
    }
}

.align_center {
    text-align: center;
    justify-content: center;
    margin-inline: auto;
}