@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* CSS Document */
/* diversity lower style
**************************************/
#body section .top_mv_link {
    top: -113px;
}
#body section .change_la {
    top: -135px;
}
/* diversity_lower01 */
#body section .diversity_lower01 {
    padding: 134.5px 0 109.5px;
    position: relative;
}
#body section .diversity_lower01::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* ダイバーシティ・エクイティ＆インクルージョン基本方針 */
#body section .diversity_lower01.about::before {
    background: #FFE6E6;   
}
/* 多様な人材の活躍 */
#body section .diversity_lower01.active::before {
    background: #FFFCD1;   
}
/* DE＆I制度 */
#body section .diversity_lower01.system::before {
    background: #EDFFE3;   
}
/* 働いている社員の声 */
#body section .diversity_lower01.voice::before {
    background: #E3F8FF;   
}
/* DE＆Iデータ */
#body section .diversity_lower01.data::before {
    background: #F0E0FF;   
}
#body section .diversity_lower01 h2 {
    font-size: 2rem;
    transform: translateX(-18px);
}
@media screen and ( max-width:1360px) {
    /* #body section .diversity_lower01 {
        padding: 209.5px 0 109.5px;
    } */
    /* #body section .top_mv_link {
        top: -183px;
    } */
}
@media screen and ( max-width:1200px) {
    #body section .diversity_lower01 h2 {
        transform: translateX(0);
    }
}
@media screen and ( max-width:959px) {
    #body.full-width .content .inner {
        width: 85.7%;
    }
    #body section .diversity_lower01 {
        height: 140px;
        padding: 0;
        display: flex;
        align-items: center;
    }    
    #body section .diversity_lower01::before {
        width: 98vw;
        margin: 0 calc(50% - 50vw);
    }    
    #body section .diversity_lower01 h2 {
        font-size: 1.1875rem;
        line-height: 1.474;
    }
}

/* diversity_lower02 */
#body section .diversity_lower02 .inner {
    position: relative;
}
#body section .diversity_lower02 .text_wrap {
    width: 50%;
    padding-top: 8.3vw;
}
#body section .diversity_lower02 .text_wrap .voice {
    display: block;
    font-size: 1.75rem;
    font-family: "Mohave", serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #ffffff;
    background: #C21B1B;
    text-align: center;
    width: 105px;
    padding: 8.5px 0 4.5px;
    margin-bottom: 12px;
}
#body section .diversity_lower02 .text_wrap h2 {
    font-size: 2.2875rem;
    font-weight: 700;
    line-height: 1.65;
    letter-spacing: 0;
    color: #ffffff;
    margin-bottom: 28px;
}
#body section .diversity_lower02.voice03 .text_wrap h2 {
    font-size: 2.0625rem;
}
#body section .diversity_lower02 .text_wrap h2 span {
    display: inline-block;
    white-space: nowrap;
    background: #C21B1B;
    padding: 0 32px 0 11px;
}
#body section .diversity_lower02.voice02 .text_wrap h2 span {
    padding: 0 13px 0 11px;
}
#body section .diversity_lower02.voice03 .text_wrap h2 span {
    padding: 8.5px 0 8.5px 11px; 
}
#body section .diversity_lower02 .text_wrap h2 span:not(:last-child) {
    margin-bottom: 10px;
}
#body section .diversity_lower02 .text_box {
    background: #FFFFFF;
    max-width: 500px;
    min-height: 300px;
    padding: 40px 60px 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#body section .diversity_lower02 .text_box .name {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 13px;
}
#body section .diversity_lower02 .text_box .job_post {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 17px;
}
#body section .diversity_lower02 .text_box .career {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
}
#body section .diversity_lower02 .mv_img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#body section .diversity_lower02 .mv_img img {
    width: 100%;
}
@media screen and ( min-width:1201px) {
    #body section .diversity_lower02 .text_wrap {
        padding-top: 8.3vw;
    }
}
@media screen and ( min-width:1801px) {
    #body section .diversity_lower02 .text_wrap {
        padding-top: 13.3vw;
    }
}
@media screen and ( max-width:1260px) {
    #body section .diversity_lower02 .text_wrap h2 {
        font-size: 1.9875rem;
    }
}
@media screen and ( max-width:1160px) {
    #body section .diversity_lower02 .mv_img {
        width: 1160px;
        margin: 0;
    }
}
@media screen and ( max-width:959px) {
    #body section .diversity_lower02 {
        min-width: initial;
    }
    #body section .diversity_lower02 .text_wrap {
        width: 100%;
    }
    #body section .diversity_lower02 .mv_img {
        width: 98.3vw;
        margin: 0 calc(50% - 50vw);
    }
    #body section .diversity_lower02 .text_wrap {
        padding-top: 90.3vw;
    }
    #body section .diversity_lower02 .text_wrap .voice {
        font-size: 1.25rem;
        width: 75px;
        padding: 6.5px 0 2.5px;
        margin-bottom: 10px;
    }
    #body section .diversity_lower02 .text_wrap h2 {
        font-size: 1.5rem !important;
        font-feature-settings: "palt";
        margin-bottom: 23px;
    }
    #body section .diversity_lower02 .text_wrap h2 span {
        white-space: normal;
        padding: 0 12px 0 11px;
    }
    #body section .diversity_lower02 .text_wrap h2 span:nth-of-type(1) {
        margin-bottom: 7px;
    }
    #body section .diversity_lower02 .text_box {
        width: 100%;
        min-height: 260px;
        padding: 20px 30px 24px;
    }
    #body section .diversity_lower02 .text_box .name {
        font-size: 1.45rem;
        margin-bottom: 10px;
    }
    #body section .diversity_lower02 .text_box .job_post {
        font-size: 1rem;
        margin-bottom: 12px;
    }
    #body section .diversity_lower02 .text_box .career {
        font-size: 0.8rem;
    }
}