:root {
    --color-career-text_blue: #005ba0;
    --color-career-bg: #efefef;

    --color-career-department_1: #4cc3f9;
    --color-career-department_2: #4cb2f7;
    --color-career-department_3: #4ca1fb;
    --color-career-department_4: #6e8df9;
    --color-career-department_5: #8079eb;
    --color-career-department_6: #8961da;
    --color-career-department_7: #8a4cbc;
    --button-prev-bg: linear-gradient(to left, rgba(5, 113, 225, 1) 0%, rgba(5, 110, 221, 1) 19.4%, rgba(5, 99, 208, 1) 39.49%, rgba(4, 82, 188, 1) 59.91%, rgba(3, 58, 159, 1) 80.42%, rgba(2, 29, 124, 1) 100%);
    --button-next-bg: linear-gradient(to right, rgba(5, 113, 225, 1) 0%, rgba(5, 110, 221, 1) 19.4%, rgba(5, 99, 208, 1) 39.49%, rgba(4, 82, 188, 1) 59.91%, rgba(3, 58, 159, 1) 80.42%, rgba(2, 29, 124, 1) 100%);
}

@media (min-width: 768px) {
    .main {
        max-width: 160rem;
        width: 160rem;
        margin-inline: auto;
        padding: 2rem;
    }
    .section_head{
        width: 100%;
        height: 8.0rem;
        text-align: center;
    }
    .section_head .section_head_mark{
        height: 2.0rem;
        margin: 0 auto;

        border-radius: 9.0rem;
        text-align: center;

        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 500;
        color: white;
        letter-spacing: 0.05em;
        display: inline-block;
        padding-inline: 2.8rem;
    }
    .section_head .section_head_text{
        width: 100%;
        height: 4.0rem;

        padding-top: 2.0rem;

        font-size: 4.0rem;
        line-height: 4.0rem;
        font-weight: 900;
        color: black;
        letter-spacing: 0.05em;
    }

    .career_ceo_message{
        width: 100%;
        height: auto;
        padding-top: 18.0rem;

        text-align: center;
    }
    .career_ceo_message h2{
        width: 100%;
        height: auto;
        line-height: 4.8rem;
        font-size: 4.0rem;
        font-weight: 700;
    }
    .career_ceo_message p{
        width: 100%;
        height: auto;
        padding-top: 4.4rem;

        font-size: 1.6rem;
        font-weight: 400;
        line-height: 4.8rem;
    }

    .career_blue_board{
        width: 160rem;
        height: 48.0rem;

        padding-left: var(--main-padding-minus);
        padding-right: var(--main-padding-minus);
        margin-top: 16.4rem;
        margin-left: -2rem;
    }

    .career_ceo_intro{
        width: 100%;
        height: 58.0rem;

        position: relative;
        top: -26.0rem;
    }
    .career_ceo_intro .career_ceo_intro_area{
        width: 134.0rem;
        height: 92.0rem;

        background-color: #F7F8F8;
        border-radius: 1.6rem;

        position: absolute;
        left: 22.0rem;
    }
    .career_ceo_intro .career_ceo_intro_area .career_ceo_intro_img{
        width: 50.0rem;
        height: 50.0rem;

        position: absolute;
        left: -8.0rem;
        top: -8.0rem;
    }
    .career_ceo_intro .career_ceo_intro_area .career_ceo_intro_img img{
        width: 100%;
        height: 100%;
        border-radius: 1.6rem;
    }
    .career_ceo_intro_name{
        width: 90.0rem;
        height: 16.0rem;

        position: absolute;
        left: 50.0rem;
        top: 14.0rem;

        font-size: 8.0rem;
        font-weight: 500;
        line-height: 8.0rem;
        letter-spacing: 0.05em;
    }
    .career_ceo_intro_role{
        width: 90.0rem;
        height: 2.0rem;

        position: absolute;
        left: 50.0rem;
        top: 33.0rem;

        display: flex;
        align-items: center;
    }
    .career_ceo_intro_role .career_ceo_intro_role_bar{
        width: 20.0rem;
        height: 1px;
        background-color: #333;
    }
    .career_ceo_intro_role .career_ceo_intro_role_name{
        width: 40.0rem;
        height: 2.0rem;
        margin-left: 4.0rem;

        font-size: 2.0rem;
        line-height: 2.0rem;
        font-weight: 400;
    }
    .career_ceo_intro_detail{
        width: 110.0rem;
        height: 40.0rem;

        position: absolute;
        left: 12.0rem;
        top: 52.0rem;

        display: flex;
        align-items: start;
        justify-content: space-between;
    }
    .career_ceo_intro_detail .career_ceo_intro_detail_mvv{
        width: 46.0rem;
        height: 30.0rem;
    }
    .career_ceo_intro_detail_mvv .career_ceo_intro_detail_mvv_item{
        width: 100%;
        height: auto;
    }
    .career_ceo_intro_detail_mvv .career_ceo_intro_detail_mvv_item:nth-child(n+2){
        padding-top: 4.0rem;
    }
    .career_ceo_intro_detail_mvv_item .career_ceo_intro_detail_mvv_item_mark{
        width: 12.0rem;
        height: 2.2rem;

        border-radius: 9.0rem;
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;

        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 500;
        color: white;
        letter-spacing: 0.05em;

    }
    .career_ceo_intro_detail_mvv_item .career_ceo_intro_detail_mvv_item_text{
        width: 100%;
        height: auto;

        padding-top: 2.0rem;

        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 700;
    }
    .career_ceo_intro_detail .career_ceo_intro_detail_text{
        width: 66.0rem;
        height: 30.0rem;
        margin-left: 12.0rem;

        font-size: 1.6rem;
        line-height: 4.0rem;
        font-weight: 400;
    }
    .career_ceo_intro_detail .career_ceo_intro_detail_text p{
        margin: 0;
    }

    .career_interview{
        width: 100%;
        height: auto;
        padding-top: 28.0rem;
    }
    .career_interview .career_interview_area{
        width: 100%;
        height: 100%;
        padding-top: 4.0rem;

        display: flex;
        justify-content: center;
        gap: 2.0rem;
    }
    .career_interview_area .career_interview_box{
        width: auto;
        height: 50rem;
    }
    .career_interview_box .career_interview_box_img img{
        width: 31.5rem;
        height: 42.0rem;

        border-radius: 1.0rem;
    }
    .career_interview_box .career_interview_card{
        width: 26.5rem;
        height: 16.0rem;
        margin: 0 auto;

        background-color: white;
        border-radius: 1.0rem;
        box-shadow: 0.2rem 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.3);

        position: relative;
        top: -8.0rem;
    }
    .career_interview_card .career_interview_card_name{
        width: 22.5rem;
        height: 6.0rem;
        margin: 0 auto;
        padding-top: 2.0rem;

        display: flex;
        align-items: center;
        justify-content: start;
        gap: 2.0rem;
    }
    .career_interview_card_name .career_interview_card_name_ja{
        font-size: 1.8rem;
        line-height: 1.8rem;
        font-weight: 700;
        color: black;
    }
    .career_interview_card_name .career_interview_card_name_en{
        font-size: 1.0rem;
        line-height: 1.0rem;
        font-weight: 700;
        color: var(--color-career-text_blue);
    }
    .career_interview_card .career_interview_card_role{
        width: 22.5rem;
        height: 2.0rem;
        margin: 0 auto;

        display: flex;
        align-items: center;

        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: 500;
        color: #9fa0a0;
        white-space: nowrap;
    }
    .career_interview_card .career_interview_card_btn{
        width: 22.5rem;
        height: 4.0rem;
        margin: 2.0rem auto 0 auto;

        /* TODO: 汎用ボタンを設置 */
        border: solid 1px var(--color-career-text_blue);
        border-radius: 0.6rem;
        color: var(--color-career-text_blue);

        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 500;

        cursor: pointer;
    }
    .career_interview_card .career_interview_card_btn .icon-arrow {
        position: absolute;
        right: 3.5rem;
        width: 1.5rem;
        height: 1.2rem;
        color: var(--color-career-text_blue);
        transition: all .5s ease-out;
    }
    .career_interview_card .career_interview_card_btn .icon-arrow svg {
        width: 1.5rem;
        height: 1.2rem;
        right: 0;
    }
    .career_interview_detail{
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);

        position: fixed;
        inset: 0;
        z-index: 1000;
        display: grid;
        place-items: center;
        height: 100dvh;
    }
    .career_interview_detail.hide{
        display: none;
    }
    .career_interview_detail .career_interview_detail_panel{
        width: 120.0rem;
        height: auto;
        padding: 4.0rem;

        background-color: white;
        border-radius: 1.6rem;

        position: relative;
    }
    .career_interview_detail_panel .career_interview_detail_intro{
        display: flex;
    }
    .career_interview_detail_intro .career_interview_detail_img{
        width: 39.0rem;
        height: 52.0rem;
    }
    .career_interview_detail_intro .career_interview_detail_img img{
        width: 39.0rem;
        height: 52.0rem;
        border-radius: 1.6rem;
    }
    .career_interview_detail_panel .career_interview_detail_desc{
        width: 65.0rem;
        height: auto;
        margin-left: 6.0rem;
    }
    .career_interview_detail_desc .career_interview_detail_name_area{
        padding-top: 4.0rem;
        display: flex;
    }
    .career_interview_detail_name_area .career_interview_detail_name_ja{
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: black;    
    }
    .career_interview_detail_name_area .career_interview_detail_name_en{
        padding-left: 2.4rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: var(--color-career-text_blue);
    }
    .career_interview_detail_desc .career_interview_detail_role{
        padding-top: 2.0rem;

        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 500;
        color: #9fa0a0;
    }
    .career_interview_detail_desc .career_interview_detail_quest{
        padding-top: 5.0rem;

        font-size: 1.8rem;
        line-height: 2.7rem;
        font-weight: 700;
        color: var(--color-career-text_blue);
    }
    .career_interview_detail_desc .career_interview_detail_quest:nth-child(n+2){
        padding-top: 4.0rem;
    }
    .career_interview_detail_answer{
        padding-top: 2.0rem;

        font-size: 1.5rem;
        line-height: 3.0rem;
        font-weight: 500;
    }
    .career_interview_detail_answer p{
        margin: 0;
    }
    .career_interview_detail_panel .career_interview_detail_closeBtn{
        width: 4.0rem;
        height: 4.0rem;
        color: black;

        display: flex;
        justify-content: center;
        align-items: center;

        background: none;
        border: none;
        padding: 0;

        position: absolute;
        top: 4.0rem;
        right: 4.0rem;

        cursor: pointer;
    }

    .career_position{
        width: 100%;
        height: auto;
        padding-top: 20.0rem;
    }
    .career_position .career_position_area{
        width: 100%;
        height: auto;
        padding-top: 0.6rem;
    }
    .career_position_area .career_position_box{
        width: 132.0rem;
        height: auto;
        margin: 0 auto;
        margin-top: 6.0rem;
        border-radius: 2.0rem;
        background-color: var(--color-career-bg);

        padding: 4.0rem 6.0rem;
    }
    .career_position_area .career_position_box:nth-child(n+2){
        margin-top: 4.0rem;
    }
    .career_position_box .career_position_intro_area{
        display: flex;
    }
    .career_position_intro_area .career_position_intro_role{
        margin-top: 4.0rem;

        height: 2rem;
        font-size: 1.8rem;
        line-height: 1.8rem;

        font-weight: 500;
    }
    .career_position_intro_area .career_position_intro_title{
        margin-top: 2rem;

        font-size: 3.0rem;
        line-height: 3.2rem;
        font-weight: 700;
        color: black;
        height: 3.2rem;
    }
    .career_position_intro_area .career_position_intro_text{
        width: 42.0rem;
        padding-top: 4rem;

        font-size: 1.6rem;
        line-height: 3.2rem;
        font-weight: 500;
        color: black;
    }
    .career_position_intro_area .career_position_intro_text p{
        margin: 0;
    }
    .career_position_intro_area .career_position_images{
        padding-left: 6.0rem;

        display: flex;
        gap: 2.0rem;
    }
    .career_position_intro_area .career_position_images img{
        width: 36.0rem;
        height: 36.0rem;;
        border-radius: 2.0rem;
        object-fit: cover;
    }
    .career_position_box .career_position_info_area{
        width: 100%;
        height: auto;
        margin-top: 2.0rem;

        display: flex;
    }
    .career_position_info_area .career_position_info_box{
        width: 30.0rem;
        height: auto;
    }
    .career_position_info_area .career_position_info_box:nth-child(n+2){
        width: auto;

        padding-left: 3.0rem;
        border-left: 1px solid;

    }
    .career_position_info_box .career_position_info_title{
        height: 2.0rem;

        font-size: 1.8rem;
        line-height: 1.8rem;
        font-weight: 700;
    }
    .career_position_info_box .career_position_info_text{
        width: 100%;
        height: auto;
        margin-top: 2.0rem;

        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 500;
        color: black;
    }

    .career_department{
        --dur: .32s;
        --easing: cubic-bezier(.2, .7, .2, 1);

        margin: 14.0rem 2.0rem 0 2.0rem ;
        padding: 6.0rem 0;
        border-radius: 2.0rem;
        background-color: var(--color-career-bg);
    }
    .career_department_item{
        height: auto;
        margin: 6.0rem 12.0rem 0 12.0rem;
        background-color: white;
        border-radius: 2.0rem;
    }
    .career_department_item:nth-child(n+2){
        margin-top: 2.0rem;
    }
    .career_department_item .career_department_item_btn{
        width: 100%;
        height: 10.0rem;

        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .career_department_item_btn .career_department_item_icon{
        padding-left: 4.0rem;
    }
    .career_department_item_btn .career_department_item_icon img{
        width: 4.5rem;
        height: 3.0rem;
    }
    .career_department_item_title{
        width: 100%;
        padding-left: 4.0rem;
        
        font-size: 2.8rem;
        line-height: 2.8rem;
        font-weight: 700;
        color: currentColor;
    }
    .svg_plus{ color: currentColor; width: 2.4rem; height: 2.4rem; }
    .svg_minus{ color: currentColor; width: 2.4rem; height: 2.4rem; }
    .svg_close{ color: currentColor; width: 3.0rem; height: 3.0rem; }

    .svg_plus svg, .svg_minus svg, .svg_close svg { width: 100%; height: 100%; }

    .career_department_item:nth-child(1) .career_department_item_btn{ color: var(--color-career-department_1); }
    .career_department_item:nth-child(2) .career_department_item_btn{ color: var(--color-career-department_2); }
    .career_department_item:nth-child(3) .career_department_item_btn{ color: var(--color-career-department_3); }
    .career_department_item:nth-child(4) .career_department_item_btn{ color: var(--color-career-department_4); }
    .career_department_item:nth-child(5) .career_department_item_btn{ color: var(--color-career-department_5); }
    .career_department_item:nth-child(6) .career_department_item_btn{ color: var(--color-career-department_6); }
    .career_department_item:nth-child(7) .career_department_item_btn{ color: var(--color-career-department_7); }

    .career_department_item_btn .career_department_item_tgl{
        padding-right: 4.0rem;

        display: flex;
        align-items: center;
    }
    .career_department_item .career_department_item_btn .career_department_item_tgl .svg_minus{
        display: none;
    }
    .career_department_item.on .career_department_item_btn .career_department_item_tgl .svg_plus{
        display: none;
    }
    .career_department_item.on .career_department_item_btn .career_department_item_tgl .svg_minus{
        display: block;
    }

    .career_department_item .career_department_item_text{
        font-size: 1.6rem;
        line-height: 3.6rem;
        font-weight: 500;
        color: black;

        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--dur) var(--easing), opacity var(--dur) var(--easing);
        opacity: 0;
    }
    .career_department_item_text .career_department_item_text_inner{
        overflow: hidden;
        padding: 0rem 0rem 0rem 12.5rem;
    }
    .career_department_item.on .career_department_item_text{
        grid-template-rows: 1fr;
        opacity: 1;
    }
    .career_department_item.on .career_department_item_text .career_department_item_text_inner{
        padding: 0rem 10rem 3.5rem 12.5rem;
    }
    .career_department_item_text p{
        margin: 0;
    }
    @media (prefers-reduced-motion: reduce){
        .career_department_item .career_department_item_text{
            transition: none;
        }
    }
    .career_relation{
        width: 100%;
        height: 100%;
        padding-top: 10.0rem;

        display: flex;
        justify-content: center;
    }
    .career_relation img{
        width: 132.0rem;
        height: 70.0rem;
    }
}

@media (max-width: 768px) {
    .main {
        max-width: 35.5rem;
        width: 35.5rem;
        margin-inline: auto;
        margin-top: 1rem;
    }

    .pageHead_box .pageHead_unkerlink_area {
        inset: auto auto 9rem 2rem;
    }

    .pageHead_box .pageHead_unkerlink .pageHead_unkerlink_icon {
        width: 1.6rem;
        height: 1.6rem;
    }

    .pageHead_box .pageHead_unkerlink .pageHead_unkerlink_text {
        padding-top: 0;
    }

    .pageHead_box .pageHead_unkerlink .pageHead_unkerlink_text a {
        font-size: 1.4rem;
    }

    .section_head{
        width: 100%;
        height: 7.0rem;
        text-align: center;
    }
    .section_head .section_head_mark{
        height: 2.0rem;
        margin: 0 auto;

        border-radius: 9.0rem;
        text-align: center;

        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 500;
        color: white;
        letter-spacing: 0.05em;
        display: inline-block;
        padding-inline: 2.8rem;
    }
    .section_head .section_head_text{
        width: 100%;
        height: 3.0rem;

        margin-top: 2.0rem;

        font-size: 3.0rem;
        line-height: 3.0rem;
        font-weight: 900;
        color: black;
        letter-spacing: 0.05em;
    }

    .career_ceo_message{
        height: auto;
        padding-top: 12.0rem;
        margin: 0 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .career_ceo_message h2{
        height: 11rem;
        line-height: 4.2rem;
        font-size: 2.8rem;
        font-weight: 900;
        text-align: center;
        justify-self: center;
        margin-top: -0.7rem;
        margin-bottom: 0.7rem;
    }
    .career_ceo_message p{
        width: 100%;
        height: auto;
        padding-top: 4.0rem;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 3.0rem;
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
    }

    .career_blue_board{
        width: 37.5rem;
        height: 14.0rem;
        margin-top: 10.0rem;
    }

    .career_ceo_intro{
        height: 108.0rem;

        position: relative;
        margin: 0 1rem;
    }
    .career_ceo_intro .career_ceo_intro_area{
        width: 33.5rem;
        height: 92.0rem;
        border-radius: 1.6rem;
    }
    .career_ceo_intro .career_ceo_intro_area .career_ceo_intro_img{
        width: 30.0rem;
        height: 30.0rem;
        margin-left: 4.5rem;
        margin-top: -5.5rem;
    }
    .career_ceo_intro .career_ceo_intro_area .career_ceo_intro_img img{
        width: 100%;
        height: 100%;
        border-radius: 1.6rem;
    }
    .career_ceo_intro_name{
        width: 30.0rem;
        height: 8.0rem;
        font-size: 4.0rem;
        font-weight: 500;
        line-height: 4.0rem;
        letter-spacing: 0.05em;
        margin-top: 4.0rem;
        margin-left: 5.5rem;
    }
    .career_ceo_intro_role{
        width: 30.0rem;
        height: 2.0rem;
        margin-top: 2.0rem;
        margin-left: 5.5rem;
    }
    .career_ceo_intro_role .career_ceo_intro_role_name{
        width: 30.0rem;
        height: 2.0rem;

        font-size: 1.6rem;
        line-height: 2.0rem;
        font-weight: 500;
    }
    .career_ceo_intro_detail{
        width: 33.5rem;
        margin-top: 6.0rem;
    }
    .career_ceo_intro_detail .career_ceo_intro_detail_mvv{
        width: 33.5rem;
    }
    .career_ceo_intro_detail_mvv .career_ceo_intro_detail_mvv_item{
        width: 100%;
        height: auto;
    }
    .career_ceo_intro_detail_mvv .career_ceo_intro_detail_mvv_item:nth-child(n+2){
        padding-top: 4.0rem;
    }
    .career_ceo_intro_detail_mvv_item .career_ceo_intro_detail_mvv_item_mark{
        width: 12.0rem;
        height: 2.0rem;

        border-radius: 9.0rem;
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;

        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 700;
        color: white;
        letter-spacing: 0.05em;
    }
    .career_ceo_intro_detail_mvv_item .career_ceo_intro_detail_mvv_item_text{
        width: 100%;
        height: auto;

        padding-top: 2.0rem;

        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        margin-top: -0.4rem;
        margin-bottom: -0.4rem;
    }
    .career_ceo_intro_detail .career_ceo_intro_detail_text{
        width: 33.5rem;
        height: 32.0rem;
        margin-top: 6rem;
    }
    .career_ceo_intro_detail .career_ceo_intro_detail_text p{
        font-size: 1.5rem;
        line-height: 3.0rem;
        font-weight: 500;
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
    }

    .career_interview{
        width: 100%;
        height: 63rem;
        margin-top: 8.0rem;
    }
    .career_interview .career_interview_area{
        width: 100%;
        margin-top: 6.0rem;

        display: flex;
        justify-content: center;
        gap: 2.0rem;
    }
    .career_interview_area .slick-prev{
        top: 21rem;
        left: 0;
        width: 4rem;
        height: 4rem;
        z-index: 1;
        border-radius: 2rem;
        background: url(../../assets/img/common/arrow_left_icon.svg) no-repeat right 1.5rem center, var(--gradient-bg);
        background-size: 1rem auto, cover;
        transform: rotate(180deg) translate(0, 50%);
    }
    .career_interview_area .slick-prev:before{
        content: '';
    }
    .career_interview_area .slick-next{
        top: 21rem;
        right: 0;
        width: 4rem;
        height: 4rem;
        z-index: 1;
        border-radius: 2rem;
        background: url(../../assets/img/common/arrow_left_icon.svg) no-repeat right 1.5rem center, var(--gradient-bg);
        background-size: 1rem auto, cover;
    }
    .career_interview_area .slick-next:before{
        content: '';
    }
    .career_interview_area .career_interview_box{
        width: auto;
    }
    .career_interview_box .career_interview_box_img{
        margin-left: 2rem;
    }
    .career_interview_box .career_interview_box_img img{
        width: 31.5rem;
        height: 42.0rem;

        border-radius: 1.0rem;
    }
    .career_interview_box .career_interview_card{
        width: 26.5rem;
        height: 16.0rem;
        margin: 0 auto;

        background-color: white;
        border-radius: 1.0rem;
        box-shadow: 0.2rem 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.3);

        position: relative;
        top: -8.0rem;
        padding: 2rem;
    }
    .career_interview_card .career_interview_card_name{
        width: 22.5rem;
        height: 4.0rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2.0rem;
    }
    .career_interview_card_name .career_interview_card_name_ja{
        font-size: 1.8rem;
        line-height: 1.8rem;
        font-weight: 700;
        color: black;
    }
    .career_interview_card_name .career_interview_card_name_en{
        font-size: 1.0rem;
        line-height: 1.0rem;
        font-weight: 700;
        color: var(--color-career-text_blue);
    }
    .career_interview_card .career_interview_card_role{
        width: 22.5rem;
        height: 2.0rem;

        display: flex;
        align-items: center;

        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: 500;
        color: #9fa0a0;
        white-space: nowrap;
    }
    .career_interview_card .career_interview_card_btn{
        width: 22.5rem;
        height: 4.0rem;

        /* TODO: 汎用ボタンを設置 */
        border: solid 1px var(--color-career-text_blue);
        border-radius: 0.6rem;
        color: var(--color-career-text_blue);

        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 500;

        cursor: pointer;
        margin-top: 2rem;
    }
    .career_interview_card .career_interview_card_btn .icon-arrow {
        position: absolute;
        right: 3.5rem;
        width: 1.5rem;
        height: 1.2rem;
        color: var(--color-career-text_blue);
        transition: all .5s ease-out;
    }
    .career_interview_card .career_interview_card_btn .icon-arrow svg {
        width: 1.5rem;
        height: 1.2rem;
        right: 0;
    }
    .career_interview_detail{
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);

        position: fixed;
        inset: 0;
        z-index: 1000;
        display: grid;
    }
    .career_interview_detail.hide{
        display: none;
    }
    .career_interview_detail .career_interview_detail_panel{
        width: 35.5rem;
        padding: 3.0rem 2.0rem;

        background-color: white;
        border-radius: 1.6rem;
        position: fixed;
        top: 4rem;
        bottom: 4rem;
        margin-left: 1rem;
    }
    .career_interview_detail_panel .career_interview_detail_intro{
        display: flex;
        height: 100%;
    }
    .career_interview_detail_intro .career_interview_detail_img{
        width: 39.0rem;
        height: 52.0rem;
    }
    .career_interview_detail_intro .career_interview_detail_img img{
        width: 39.0rem;
        height: 52.0rem;
        border-radius: 1.6rem;
    }
    .career_interview_detail_panel .career_interview_detail_desc{
        width: 65.0rem;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .career_interview_detail_desc .career_interview_detail_name_area{
        display: flex;
        flex-direction: column;
    }
    .career_interview_detail_name_area .career_interview_detail_name_ja{
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: black;    
    }
    .career_interview_detail_name_area .career_interview_detail_name_en{
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: var(--color-career-text_blue);
        margin-top: 1rem;
    }
    .career_interview_detail_desc .career_interview_detail_role{
        margin-top: 1rem;

        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 500;
        color: #9fa0a0;
    }
    .career_interview_detail_desc .career_interview_detail_text{
        height: 47.5rem;
        overflow: scroll;
        margin-top: 2rem;
        padding: 2rem 0;
        border-top: solid 1px var(--color-career-text_blue);
        border-bottom: solid 1px var(--color-career-text_blue);
        flex: 1 1 auto;
    }
    .career_interview_detail_desc .career_interview_detail_quest{
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: var(--color-career-text_blue);
        margin-top: -0.4rem;
        margin-bottom: -0.4rem;
    }
    .career_interview_detail_desc .career_interview_detail_quest:nth-child(n+2){
        padding-top: 4.0rem;
    }
    .career_interview_detail_answer{
        padding-top: 2rem;
    }
    .career_interview_detail_answer p{
        margin: 0;
        font-size: 1.4rem;
        line-height: 2.8rem;
        font-weight: 500;
        margin-top: -0.7rem;
        margin-bottom: -0.7rem;
    }
    .career_interview_detail_panel .career_interview_detail_closeBtn{
        width: 2.5rem;
        height: 2.5rem;
        color: black;

        display: flex;
        justify-content: center;
        align-items: center;

        background: none;
        border: none;
        padding: 0;

        position: absolute;
        top: 3.0rem;
        right: 2.0rem;

        cursor: pointer;
    }

    .career_position{
        width: 100%;
        height: auto;
        margin-top: 14.0rem;
    }
    .career_position .career_position_area{
        width: 100%;
        height: auto;
        margin-top: 4rem;
    }
    .career_position_area .career_position_box{
        width: 35.5rem;
        height: auto;
        margin: 0 auto;
        margin-top: 4.0rem;
        border-radius: 2.0rem;
        background-color: var(--color-career-bg);

        padding: 4.0rem 2.0rem;
    }
    .career_position_intro_area .career_position_intro_role{
        height: 2rem;
        font-size: 1.8rem;
        line-height: 1.8rem;

        font-weight: 500;
    }
    .career_position_intro_area .career_position_intro_title{
        margin-top: 1.0rem;

        height: 3.0rem;
        font-size: 2.25rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: black;
    }
    .career_position_intro_area .career_position_intro_text{
        width: 31.5rem;
        margin-top: 3.0rem;
    }
    .career_position_intro_area .career_position_intro_text p{
        font-size: 1.5rem;
        line-height: 3.0rem;
        font-weight: 500;
        color: black;
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
    }
    .career_position_intro_area .career_position_images{
        margin-top: 4.0rem;
        width: 31.5rem;
        height: 31.5rem;
    }
    .career_position_intro_area .career_position_images img{
        width: 31.5rem;
        height: 31.5rem;
        border-radius: 2.0rem;
    }
    .career_position_box .career_position_info_area{
        width: 100%;
        height: auto;
        margin-top: 3.0rem;
        display: flex;
        flex-direction: column;
    }
    .career_position_info_area .career_position_info_box{
        width: 31.5rem;
        height: auto;
    }
    .career_position_info_area .career_position_info_box:nth-child(n+2){
        width: auto;
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        border-top: 1px solid;
    }
    .career_position_info_box .career_position_info_title{
        height: 2.0rem;

        font-size: 1.6rem;
        line-height: 2.0rem;
        font-weight: 700;
    }
    .career_position_info_box .career_position_info_text{
        width: 100%;
        height: auto;
        margin-top: 0.65rem;

        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-bottom: -0.35rem;
        font-weight: 500;
        color: black;
    }

    .career_department{
        --dur: .32s;
        --easing: cubic-bezier(.2, .7, .2, 1);

        margin-top: 6rem;
        padding: 4.0rem 1.0rem;
        border-radius: 2.0rem;
        background-color: var(--color-career-bg);
    }
    .career_department_item{
        height: auto;
        margin-top: 4rem;
        background-color: white;
        border-radius: 1.0rem;
    }
    .career_department_item:nth-child(n+2){
        margin-top: 1.0rem;
    }
    .career_department_item .career_department_item_btn{
        width: 33.5rem;
        height: 6.0rem;

        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .career_department_item_btn .career_department_item_icon{
        width: 5.5rem;
        padding-left: 1.5rem;
    }
    .career_department_item_btn .career_department_item_icon img{
        width: 4rem;
    }
    .career_department_item_title{
        position: absolute;
        width: 33.5rem;
        font-size: 1.8rem;
        line-height: 2.0rem;
        font-weight: 700;
        color: currentColor;
        text-align: center;
    }
    .svg_plus{ color: currentColor; width: 2rem; height: 2rem; }
    .svg_minus{ color: currentColor; width: 2rem; height: 2rem; }
    .svg_close{ color: currentColor; width: 3.0rem; height: 3.0rem; }

    .svg_plus svg, .svg_minus svg, .svg_close svg { width: 100%; height: 100%; }

    .career_department_item:nth-child(1) .career_department_item_btn{ color: var(--color-career-department_1); }
    .career_department_item:nth-child(2) .career_department_item_btn{ color: var(--color-career-department_2); }
    .career_department_item:nth-child(3) .career_department_item_btn{ color: var(--color-career-department_3); }
    .career_department_item:nth-child(4) .career_department_item_btn{ color: var(--color-career-department_4); }
    .career_department_item:nth-child(5) .career_department_item_btn{ color: var(--color-career-department_5); }
    .career_department_item:nth-child(6) .career_department_item_btn{ color: var(--color-career-department_6); }
    .career_department_item:nth-child(7) .career_department_item_btn{ color: var(--color-career-department_7); }

    .career_department_item_btn .career_department_item_tgl{
        padding-right: 1.5rem;

        display: flex;
        align-items: center;
    }
    .career_department_item .career_department_item_btn .career_department_item_tgl .svg_minus{
        display: none;
    }
    .career_department_item.on .career_department_item_btn .career_department_item_tgl .svg_plus{
        display: none;
    }
    .career_department_item.on .career_department_item_btn .career_department_item_tgl .svg_minus{
        display: block;
    }

    .career_department_item .career_department_item_text{
        width: 33.5rem;

        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--dur) var(--easing), opacity var(--dur) var(--easing);
        opacity: 0;
    }
    .career_department_item_text .career_department_item_text_inner{
        overflow: hidden;
        padding: 0rem 1.5rem 0rem 1.5rem;
    }
    .career_department_item.on .career_department_item_text{
        grid-template-rows: 1fr;
        opacity: 1;
    }
    .career_department_item.on .career_department_item_text .career_department_item_text_inner{
        padding: 1rem 1.5rem 3rem 1.5rem;
    }
    .career_department_item_text p{
        font-size: 1.4rem;
        line-height: 2.8rem;
        font-weight: 500;
        color: black;
        margin-top: -0.7rem;
        margin-bottom: -0.7rem;
    }
    @media (prefers-reduced-motion: reduce){
        .career_department_item .career_department_item_text{
            transition: none;
        }
    }
    .career_relation{
        width: 100%;
        height: 100%;
        margin-top: 10.0rem;

        display: flex;
        justify-content: center;
    }
    .career_relation img{
        width: 33.5rem;
        height: 96.0rem;
    }
}