@charset "UTF-8";
/* CSS Document */

/* person role **********************************************************************/

/* 共通 */
.p-career-person .roles_base{
    position: relative;
}

.p-career-person .roles_base h3{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    padding-bottom: 30px;
    font-weight: 500;
}

.p-career-person #roles_slider.slick-initialized div{
    height: 100%;
}

.p-career-person .slick-track {
    display: flex;
	flex-wrap: wrap;
}

.p-career-person .slick-slide {
    position: static;
    height: auto !important;
}

.p-career-person .roles_slider_card_2{
    width: 700px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.p-career-person .roles_slider_card_3{
    width: 1050px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.p-career-person .roles_slider_card_4{
    width: 100%;
}


.p-career-person .slidercard div.card{
    width: 350px;
    border: #dcdcdc solid 1px;
    border-right: none;
    text-align: left;
    padding: 20px 12px;
}

.p-career-person .slidercard div.card.last_card{
    border-right: #dcdcdc solid 1px;
}

.p-career-person .slidercard div.slick-slide{
	width: 350px;
}

.p-career-person .slidercard div.card article{
    display: block;
}

.p-career-person .slidercard div.card p{
	color: #000;
	font-size: 12px;
	position: relative;
    line-height: 1.6;
    text-align:justify;
    text-justify:distribute;
    padding-top: 10px;
}

.p-career-person .slidercard div.card h4{
    font-size: 16px;
    font-weight: 500;
}

.p-career-person .slidercard div.card h5{
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    padding: 10px 0px 0px;
   
}


.p-career-person #bt_slider_box.off{
    display: none;
}

.p-career-person .bt_slider{
    transition: all 500ms 0s ease;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 29px;
    right: 0px;
    background-color: #000;
    cursor: pointer;
}

.p-career-person .bt_slider::before{
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-top: #FFF solid 3px;
    border-right: #FFF solid 3px;
    top: 50%;
    left: 40%;
    transform: translate(-50%,-50%) rotate(45deg) ;
}

.p-career-person #bt_slider_prev.bt_slider{
    right: 40px;
}

.p-career-person #bt_slider_prev.bt_slider::before{
    left: 60%;
    transform: translate(-50%,-50%) rotate(-135deg);
}

.p-career-person .bt_slider:hover{
    opacity: .7;
}

.p-career-person #bt_slider_prev.nobutton,
.p-career-person #bt_slider_next.nobutton{
    pointer-events: none;
    opacity: .3;
}



.p-career-person .roles_slider_card_4{
    border-left: #dcdcdc solid 1px;
    border-right: #dcdcdc solid 1px;
}

.p-career-person .roles_slider_card_4.no_border_l{
    border-left: none;
}

.p-career-person .roles_slider_card_4.no_border_r{
    border-right: none;
}



/* 1142px */



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

    .p-career-person .roles_slider_card_3{
        width: 100%;
        display: block;
        justify-content: none;
        margin: 0 auto;
    }

    .p-career-person .roles_slider_card_3{
        border-left: #dcdcdc solid 1px;
        border-right: #dcdcdc solid 1px;
    }
    
    .p-career-person .roles_slider_card_3.no_border_l{
        border-left: none;
    }
    
    .p-career-person .roles_slider_card_3.no_border_r{
        border-right: none;
    }
    


}


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

    .p-career-person .roles_slider_card_2{
        width: 100%;
        display: block;
        justify-content: none;
        margin: 0 auto;
    }

    .p-career-person .roles_slider_card_2{
        border-left: #dcdcdc solid 1px;
        border-right: #dcdcdc solid 1px;
    }
    
    .p-career-person .roles_slider_card_2.no_border_l{
        border-left: none;
    }
    
    .p-career-person .roles_slider_card_2.no_border_r{
        border-right: none;
    }
    


    .p-career-person .roles_base h3{
        font-size: 26px;
        padding-bottom: 26px;
    }

    .p-career-person .slidercard div.card h5{
        font-size: 14px;
    }


    .p-career-person .bt_slider{
        transition: all 500ms 0s ease;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 32px;
        right: 0px;
        background-color: #000;
        cursor: pointer;
    }

    .p-career-person .bt_slider::before{
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: #FFF solid 3px;
        border-right: #FFF solid 3px;
        top: 50%;
        left: 40%;
        transform: translate(-50%,-50%) rotate(45deg) ;
    }

    .p-career-person #bt_slider_prev.bt_slider{
        right: 28px;
    }
    
    
}



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

    .p-career-person .slidercard div.card{
        width: calc(87vw - 1px) ;
    }

    .p-career-person .slidercard div.slick-slide{
        width: calc(87vw - 1px) ;
       
    }
    
    .p-career-person .roles_slider_card_2,
    .p-career-person .roles_slider_card_3,
    .p-career-person .roles_slider_card_4{
        border-left: none;
        border-right: none;
    }
    
    

}


/* person role **********************************************************************/



















/* woman **********************************************************************/



.p-woman header h2{
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    font-size: 50px;
    letter-spacing: 4px;
}

.p-woman header h2 .header_br{
    display: none;
}

.p-woman header h2 small{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    padding-bottom: 30px;
    font-weight: 600;
}



/* woman 共通 */

.p-woman .woman_box{
    font-size: 1.5rem;
    padding: 80px 70px;
}

.p-woman .woman_box.woman_box_s {
    padding: 80px 110px;
}

.p-woman .woman_box.woman_box_e {
    padding: 0px 110px 0px;
}

.p-woman .woman_flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.p-woman .woman_flex li{
    margin: 0;
}

.p-woman .woman_box h2{
    font-size: 30px;
    letter-spacing: 3px;
    text-align: center;
}

.p-woman .woman_box h2 span{
    display: inline-block;
    padding: 6px 40px;
    line-height: 1.4;
    color: #FFF;
}

.p-woman .woman_box .ctxtbox{
    padding: 50px 0px 70px;
}

.p-woman .woman_box .ctxtbox span{
    display: inline-block;
}

.p-woman .woman_box .txt_justify{
    text-align:justify;
    text-justify:distribute;
}

.p-woman .only_900,
.p-woman .only_767,
.p-woman .only_560,
.p-woman .only_480{
    display: none;
}

.p-woman .no_900,
.p-woman .no_767,
.p-woman .no_560,
.p-woman .no_480{
    display: inline-block;
}



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

    .p-woman .woman_box{
        font-size: 1.5rem;
        padding: 80px 5.30303vw;
    }
    
    .p-woman .woman_box.woman_box_s {
        padding: 80px 8.333333vw;
    }
    
}


@media screen and (max-width: 1000px) {
    .p-woman .woman_box{
        font-size: 1.5rem;
        padding: 5vw 4vw;
    }
    
    .p-woman .woman_box.woman_box_s {
        padding: 5vw 5vw;
    }
    
    .p-woman .woman_box.woman_box_e {
        padding: 0px 5vw 0px;
    }

    .p-woman .woman_box .ctxtbox{
        padding: 5vw 0px 7vw;
    }
}



@media screen and (max-width: 900px) {
    .p-woman .only_900{
        display: inline-block;
    }

    .p-woman .no_900{
        display: none;
    }
}



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

    .p-woman header h2 .header_br{
        display: inline-block;
    }

    .p-woman .woman_box h2{
        font-size: 24px;
        letter-spacing: 2px;
    }

    .p-woman .woman_box h2 span{
        padding: 5px 30px 6px;
    }

    .p-woman .woman_box .ctxtbox{
        text-align:justify;
        text-justify:distribute;
    }

    .p-woman .woman_box .ctxtbox span{
        display: inline;
    }
    
    .p-woman .only_767{
        display: inline-block;
    }

    .p-woman .no_767{
        display: none;
    }
}


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

    .p-woman header h2{
        font-size: 28px;
    }

    .p-woman header h2 .header_br{
        display: inline-block;
    }
    
    .p-woman header h2 small{
        font-size: 15px;
        padding-bottom: 16px
    }

    .p-woman .woman_box{
        font-size: 1.5rem;
        padding: 7vw 5vw;
    }

    .p-woman .woman_box .ctxtbox{
        padding: 7vw 0 9vw;
    }
    
    .p-woman .woman_box.woman_box_s {
        padding: 7vw 5vw;
    }
    
    .p-woman .woman_box.woman_box_e {
        padding: 0px 5vw 0px;
    }


    .p-woman .woman_box h2{
        font-size: 5vw;
    }

    .p-woman .woman_box h2 span{
        padding: 1vw 5vw 1.5vw;
    }

    .p-woman .only_560{
        display: inline-block;
    }

    .p-woman .no_560{
        display: none;
    }
}

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

    .p-woman .only_480{
        display: inline-block;
    }

    .p-woman .no_480{
        display: none;
    }
}


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

    .p-woman header h2{
        font-size: 24px;
    }

    .p-woman header h2 small{
        font-size: 13px;
        padding-bottom: 16px
    }
}


/* woman 共通 */


/* woman_header woman_area_1 */

.p-woman #woman_header{
    font-size: 1.5rem;
}

.p-woman #woman_header span{
    display: inline-block;
}

.p-woman #woman_header a{
    display: inline-block;
    color: #ed3649;
    text-decoration: underline;
    margin: 10px 0px 15px;
}

.p-woman #woman_area_1{
    background-color: #f8e9f6;
}

.p-woman #woman_area_1 h2 span{
    background-color: #e61f64;
}

.p-woman #woman_area_1 ul {
    margin-top: 50px;
}

.p-woman #woman_area_1 ul li{
    width: 32.46%;
    background-color: #FFF;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 1.31%;
}


@media screen and (max-width: 1000px) {
    .p-woman #woman_area_1 ul {
        margin-top: 5vw;
    }
}

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

    .p-woman #woman_header{
        text-align:justify;
        text-justify:distribute;
    }

    .p-woman #woman_header span{
        display: inline;
    }

    .p-woman #woman_area_1 ul li{
        width: 48.5%;
        margin-bottom: 3%;
    }

}

/* woman_header woman_area_1 */


/* woman_area_2 */


.p-woman #woman_area_2 #bt_discussion{
    padding-bottom: 70px;
}

.p-woman #woman_area_2 #bt_discussion a{
    position: relative;
    border-radius: 20px;
    background-color: #e66a95;
    overflow: hidden;
}

.p-woman #woman_area_2 #bt_discussion a figure{
    width: 55%;
}

.p-woman #woman_area_2 #bt_discussion a div{
    position: relative;
    width: 43.5%;
    color: #FFF;
    text-align: left;
    padding: 50px 10px 10px 40px;
}

.p-woman #woman_area_2 #bt_discussion a div h3{
    font-size: 40px;
    letter-spacing: 2px;
    padding-bottom: 40px;
}

.p-woman #woman_area_2 #bt_discussion a div p{
    line-height: 1.8;
    font-size: 16px;
}

.p-woman #woman_area_2 #bt_discussion a div aside{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    background-color: #FFF;
    color: #e66a95;
    border-radius: 20px;
    letter-spacing: 2px;
    font-weight: 500;
    bottom: 40px;
}

.p-woman #woman_area_2 #bt_discussion a div aside i {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    height: .75em;
    width: .75em;
    line-height: 1.5625;
    transition: transform 0.2s linear;
    transform: translate(0%, -50%);
}

.p-woman #woman_area_2 #bt_discussion a div aside i::after,
.p-woman #woman_area_2 #bt_discussion a div aside i::before {
    content: "";
    position: absolute;
    border: solid 0px #e66a95;
}

.p-woman #woman_area_2 #bt_discussion a div aside i::after {
    width: 100%;
    height: 1.5px;
    border-radius: .8px;
    background-color: #e66a95;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.p-woman #woman_area_2 #bt_discussion a div aside i::before {
    top: 50%;
    left: 50%;
    width: 8.5px;
    height: 8.5px;
    margin-left: 1.5px;
    border-width: 1.5px 1.5px 0 0;
    transform: translate(-50%, -50%) rotate(45deg);
}














.p-woman #woman_area_2 #woman_menbox{
    background-color: #6a99e6;
    color: #FFF;
    padding: 50px 5% 80px;
}

.p-woman #woman_area_2 #woman_menbox h3{
    font-size: 34px;
    letter-spacing: 3px;
    line-height: 1.4;
}

.p-woman #woman_area_2 #woman_menbox ul{
    max-width: 960px;
}

.p-woman #woman_area_2 #woman_menbox ul li{
    width: 250px;
}

.p-woman #woman_area_2 #woman_menbox ul li p{
    padding-top: 25px;
    font-size: 95%;
}


@media screen and (max-width: 1240px) {
    .p-woman #woman_area_2 #bt_discussion a div{
        padding: 3vw 0vw .8vw 2.5vw;
    }

    .p-woman #woman_area_2 #bt_discussion a div h3{
        font-size: 3.3vw;
        padding-bottom: 3.3vw;
    }
    
    .p-woman #woman_area_2 #bt_discussion a div p{
        font-size: 1.3vw;
    }

    .p-woman #woman_area_2 #bt_discussion a div aside{
        bottom: 3.3vw;
    }
    
}


@media screen and (max-width: 1080px) {
    .p-woman #woman_area_2 #woman_menbox ul li{
        width: 30.5%;
    }
}

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

    .p-woman #woman_area_2 #bt_discussion{
        padding-bottom: 5vw;
    }
    
    .p-woman #woman_area_2 #woman_menbox{
        padding: 5vw 5% 8vw;
    }

    .p-woman #woman_area_2 #woman_menbox h3{
        font-size: 3.4vw;
        letter-spacing: 2px;
    }

    .p-woman #woman_area_2 #bt_discussion a div h3{
        font-size: 3.5vw;
        padding-bottom: 2.5vw;
    }

    .p-woman #woman_area_2 #bt_discussion a div p{
        font-size: 1.35vw;
    }

}



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

    .p-woman #woman_area_2 #bt_discussion a{
        display: block;
    }

    .p-woman #woman_area_2 #bt_discussion a figure{
        width: 100%;
    }
    
    .p-woman #woman_area_2 #bt_discussion a div{
        position: relative;
        width: 100%;
        color: #FFF;
        text-align: left;
        padding: 30px 5%;
    }

    .p-woman #woman_area_2 #bt_discussion a div h3{
        font-size: 35px;
        padding-bottom: 40px;
    }

    .p-woman #woman_area_2 #bt_discussion a div p{
        font-size: 15px;
    }

    .p-woman #woman_area_2 #bt_discussion a div aside{
        bottom: auto;
        top: 30px;
        right: 5%;
    }

}



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

    .p-woman #woman_area_2 #woman_menbox h3{
        font-size: 24px
    }

    .p-woman #woman_area_2 #woman_menbox ul.woman_flex{
        display: block;
    }

    .p-woman #woman_area_2 #woman_menbox ul.woman_flex li{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: #91b2e4 solid 1px;
    }

    .p-woman #woman_area_2 #woman_menbox ul.woman_flex li:last-child{
        border-bottom: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .p-woman #woman_area_2 #woman_menbox ul.woman_flex li figure{
        width: 30%;
        padding-top: 4px;
    }

    .p-woman #woman_area_2 #woman_menbox ul.woman_flex li p{
        padding-top: 0px;
        width: 65%;
    }

}


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

    .p-woman #woman_area_2 #bt_discussion a{
        display: block;
    }

    .p-woman #woman_area_2 #bt_discussion a figure{
        width: 100%;
    }
    
    .p-woman #woman_area_2 #bt_discussion a div{
        position: relative;
        width: 100%;
        color: #FFF;
        text-align: left;
        padding: 30px 5%;
    }

    .p-woman #woman_area_2 #bt_discussion a div h3{
        font-size: 30px;
        padding-bottom: 25px;
    }

    .p-woman #woman_area_2 #bt_discussion a div p{
        font-size: 15px;
    }

    .p-woman #woman_area_2 #bt_discussion a div aside{
        width: 40px;
        top: 25px;
    }

    .p-woman #woman_area_2 #bt_discussion a div aside span{
        display: none;
    }

    .p-woman #woman_area_2 #bt_discussion a div aside i {
        right: 15px;
    }

}

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

    .p-woman #woman_area_2 #bt_discussion a{
        border-radius: 15px;
    }

    .p-woman #woman_area_2 #bt_discussion a div{
        padding: 25px 5% 15px;
        
    }

    .p-woman #woman_area_2 #bt_discussion a div h3{
        font-size: 6.25vw;
        padding-bottom: 25px;
        letter-spacing: 1px;
    }


    .p-woman #woman_area_2 #bt_discussion a div aside{
        width: 30px;
        height: 30px;
        top: 24px;
    }

    .p-woman #woman_area_2 #bt_discussion a div aside i {
        right: 10px;
    }

    .p-woman #woman_area_2 #bt_discussion a div p{
        font-size: 14px;
        text-align:justify;
        text-justify:distribute;
    }

}


/* woman_area_2 */



/* woman_area_3 woman_area_4 */




.p-woman #woman_area_3{
    background-color: #f8f7e9;
}

.p-woman #woman_area_3 h2 span,
.p-woman #woman_area_3 .voice_box dl{
    background-color: #ee9745;
}

.p-woman #woman_area_3 .voice_box dl::before{
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 35" style="enable-background:new 0 0 30 35;" xml:space="preserve"><path fill="%23ee9745" d="M30,8.66S15.77,16.78,0,0C4.1,29.06,30,35,30,35Z"/></svg>');
}


.p-woman #woman_area_4{
    background-color: #e9f8f5;
}

.p-woman #woman_area_4 h2 span,
.p-woman #woman_area_4 .voice_box dl{
    background-color: #45bdb0;
}

.p-woman #woman_area_4 .voice_box dl::before{
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 35" style="enable-background:new 0 0 30 35;" xml:space="preserve"><path fill="%2345bdb0" d="M30,8.66S15.77,16.78,0,0C4.1,29.06,30,35,30,35Z"/></svg>');
}





.p-woman .woman_box_3_4 li{
    position: relative;
    width: 31.775701%;
    padding-bottom: 70px;
    background-image: url(/recruit/assets_sub/images/woman/line.svg);
    background-size: 3px 2px;
    background-position: left bottom;
    background-repeat: repeat-x;

    font-size: 14px;
}

.p-woman .woman_box_3_4 li h3{
    font-size: 18px;
    padding: 20px 0px 25px;
    letter-spacing: 2px;
    text-align: center;
}

.p-woman .woman_box_3_4 li small{
    display: inline-block;
    font-size: 85%; 
    line-height: 1.6;  
    padding-top: 7px;
}


.p-woman .woman_box_3_4 li a{
    position: absolute;
    width: 100%;
    height: 21px;
    bottom: 20px;
    padding-left: 30px;
    padding-top: 3px;
    line-height: 1;
}

.p-woman .woman_box_3_4 li a::before{
    content: "";
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    background-image: url(/recruit/assets_sub/images/woman/arrow_s.svg);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

.p-woman .woman_box_3_4 .voice_box{
    position: relative;
    display: block;
    padding-top: 80px;
}

.p-woman .woman_box_3_4 .voice_box h3{
    position: absolute;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1;
    transform-origin: left bottom;
    transform: rotate(90deg);
    left: 0;
    top: 25px;
}

.p-woman .woman_box_3_4 .voice_box dl{
    position: relative;
    width : calc(100% - 110px) ;
    margin: 0 0 0 110px;
    border-radius: 20px;
    padding: 15px 30px 15px 15px;
    margin-bottom: 20px;
}

.p-woman .woman_box_3_4 .voice_box dl::before{
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 35px;
    right: 100%;
    top: 45px;

    background-size: 30px 35px; 
	background-position: center bottom;
	background-repeat: repeat-x;
}


.p-woman .woman_box_3_4 .voice_box dt{
    width: 100px;
    margin: 0;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.p-woman .woman_box_3_4 .voice_box dd{
    width : calc(100% - 120px) ;
    margin: 0;
}

.p-woman .woman_box_3_4 .voice_box dd h4 strong{
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    padding: 4px 15px 7px;
    border-radius: 5px;
    background-color: #FFF;
}

.p-woman .woman_box_3_4 .voice_box dd span{
    display: block;
    font-size: 14px;
    padding-top: 10px;
    line-height: 1.8;
    color: #FFF;
}


@media screen and (max-width: 1000px) {
    
    .p-woman .woman_box_3_4 li h3{
        font-size: 2vw;
        padding: 2vw 0px 2.5vw;
        letter-spacing: 0px;
    }
}


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

    .p-woman .woman_box_3_4 li{
        position: relative;
        width: 48%;
        margin-bottom: 30px;
    }

    .p-woman .woman_box_3_4 li:last-child{
        margin:0px auto 0px;
    }

    .p-woman #woman_area_3 li:last-child{
        padding-bottom: 40px;
    }

    .p-woman .woman_box_3_4 li h3{
        font-size: 2.7vw;
        padding: 2.5vw 0px 2.5vw;
        letter-spacing: 0px;
    }


    .p-woman .woman_box_3_4 .voice_box h3{
        position: static;
        font-size: 40px;
        transform: rotate(0deg);
        top: auto;
        padding-bottom: 30px;
    }

    .p-woman .woman_box_3_4 .voice_box dl{
        position: relative;
        width : calc(100% - 25px) ;
        margin: 0 0 0 25px;
        border-radius: 15px;
        padding: 15px 30px 15px 15px;
        margin-bottom: 20px;
    }

    .p-woman .woman_box_3_4 .voice_box dl::before{
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 24px;
        right: 100%;
        top: 35px;
    
        background-size: 20px 24px; 
        background-position: center bottom;
        background-repeat: repeat-x;
    }

    .p-woman .woman_box_3_4 .voice_box dt{
        width: 80px;
        margin: 0;
        border-top-left-radius: 10px;
        overflow: hidden;
    }
    
    .p-woman .woman_box_3_4 .voice_box dd{
        width : calc(100% - 95px) ;
        margin: 0;
    }
    
    .p-woman .woman_box_3_4 .voice_box dd h4 strong{
        display: inline-block;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.4;
        padding: 3px 10px 5px;
        border-radius: 5px;
        background-color: #FFF;
    }
    
    .p-woman .woman_box_3_4 .voice_box dd span{
        display: block;
        font-size: 13px;
        padding-top: 10px;
        line-height: 1.8;
        color: #FFF;
    }

    .p-woman .woman_box_3_4 .ctxtbr{
        display: none;
    }
}


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

    .p-woman .woman_box_3_4 ul.woman_flex{
        max-width: 360px;
    }

    .p-woman .woman_box_3_4 li{
        position: relative;
        width: 100%;
        margin-bottom: 50px;
    }

    .p-woman .woman_box_3_4 li h3{
        font-size: 18px;
        padding:17px 0px 20px;
        letter-spacing: 0px;
    }
}

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

    .p-woman .woman_box_3_4 .voice_box dl{
        max-width: 360px;
        position: relative;
        width : 100%;
        margin: 0px auto;
        border-radius: 15px;
        padding: 12px;
        margin-bottom: 20px;
    }

    .p-woman .woman_box_3_4 .voice_box dl::before{
        display: none;
    }

    .p-woman .woman_box_3_4 .voice_box dt{
        width: 65px;
        margin: 0;
        border-top-left-radius: 10px;
        overflow: hidden;
    }
    
    .p-woman .woman_box_3_4 .voice_box dd{
        width : calc(100% - 75px) ;
        margin: 0;
    }

}




/* woman_area_3 woman_area_4 */



/* woman_area_5 */

.p-woman #woman_area_5{
    background-color: #eff3f9;
}

.p-woman #woman_area_5 h2 span{
    background-color: #8d8fcf;
}

.p-woman #woman_area_5 figure{
    padding: 50px;
    background-color: #FFF;
}


@media screen and (max-width: 1000px) {
    
    .p-woman #woman_area_5 figure{
        padding: 20px;
    }
}


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

    .p-woman #woman_area_5 figure{
        padding: 20px;
    }

    .p-woman #woman_area_5 figure span{
        display: block;
        overflow-x: scroll;
        padding-bottom: 30px;
    }

    .p-woman #woman_area_5 figure span img{
        width: 700px;
        max-width: none;
    }

}





/* woman_area_5 */



/* woman_people */

.p-woman #woman_people h1{
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 2px;
}

.p-woman #woman_people .ctxtbox_people{
    padding: 30px 0px 50px;
}

.p-woman #woman_people li{
    width: 31.775701%;
    border: 1px solid #DCDCDC;
    margin-bottom: 2.3364485%;
}


.p-woman #woman_people .result__list__card__inner {
    padding: 2rem 2rem 0 2rem;
    transition: 0.3s all ease;
    text-align: left;
}

.p-woman #woman_people .result__list__card__ttl {
    font-family: "Oswald", sans-serif;
    display: block;
    margin-bottom: 2rem;
    color: #000;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    font-weight: 500;
    line-height: 1.1;
    font-size: 2rem;
}

.p-woman #woman_people .result__list__card__txt {
    display: block;
    margin-bottom: 1.8rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.47;
}

.p-woman #woman_people .result__list a {
    font-family: "Oswald", sans-serif;
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 6rem;
    transition: 0.3s all ease;
    transform-origin: bottom center;
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.p-woman #woman_people .result__list a::after {
    display: inline-flex;
    content: "READ MORE";
    position: absolute;
    align-items: center;
    justify-content: flex-start;
    bottom: 1.8rem;
    right: 1.8rem;
    height: 3.3rem;
    padding-right: 4rem;
    background: no-repeat url("/recruit/assets_sub/images/career/arrow--circle--right--red--fill.svg") right center/3.3rem auto;
    transition: 0.3s all ease;
    color: #000;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    font-weight: 400;
    line-height: 1.1;
    font-size: 1.2rem;
}


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

    .p-woman #woman_people .ctxtbox_people{
        padding: 3vw 0px 5vw;
    }

}


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

    .p-woman #woman_people h1{
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 1.4;
        padding: 10px 0px;
    }

    .p-woman #woman_people li{
        width: 48%;
        border: 1px solid #DCDCDC;
        margin-bottom: 4%;
    }

    .p-woman #woman_people .result__list__card__inner {
        padding: 1.5rem 1.5rem 0 1.5rem;
        transition: 0.3s all ease;
        text-align: left;
    }
    
    .p-woman #woman_people .ctxtbox_people{
        text-align:justify;
        text-justify:distribute;
    }

}


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

    .p-woman #woman_people .ctxtbox_people{
        padding: 7vw 0 9vw;
    }

    .p-woman #woman_people li{
        width: 100%;
        border: 1px solid #DCDCDC;
        margin-bottom: 4%;
    }
}




/* woman_people */




/* award_box */

#award_box{
    font-size: 14px;
}

#award_box p{
    padding: 80px;
    border-top: #000 double 3px;
}

#award_box ul{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}

#award_box ul li{
    width: 48%;
    
}

#award_box ul li figure{
    border: #dcdcdc solid 1px;
    height: 220px;
}

#award_box ul li figure img{
    object-fit: contain;
    height: 100%;
}

#award_box ul li figcaption{
   padding: 15px 0px 30px;
   line-height: 1.4;
}


@media screen and (max-width: 1000px) {
    #award_box p{
        padding: 8vw;
    }

}


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

    #award_box ul li{
        width: 49%;
    }

    #award_box ul li figure{
        height: auto;
    }

    #award_box ul li figure img{
        object-fit:cover;
        height: auto;
    }

    #award_box ul li figcaption{
        padding: 10px 0px 30px;
        line-height: 1.4;
        font-size: 11px;
     }
}

/* award_box */



















/* crosstalk **********************************************************************/


/* header */
 
.crosstalk .content__header {
    min-height: 10.5rem;
   
}

.crosstalk .content__header .ttl--1 {
    margin-top: 1.6rem;
}

.crosstalk .ttl--1 em {
    font-size: 2.5rem;
}

.crosstalk .ttl--1 span {
    font-size: 1.3rem;
    padding-bottom: 10px;
}

.crosstalk .crosstalk__header {
    background-color: #e66a95;
    color: #FFF;
    position: relative;
    padding: 0px 0px 50px;
    overflow: hidden;
}

.crosstalk .crosstalk__header figure{
    position: relative;
}

.crosstalk .crosstalk__header figure div{
    position: absolute;
    width: 105%;
    z-index: 10;
    bottom: -5px;
    left: -2.5%;
}

.crosstalk header h2{
    line-height: 1;
    padding-top: 20px;
}

.crosstalk header h2 small {
    display: block;
    font-family: 'Noto Sans JP', 'Meiryo', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 20px;
    padding: 10px 0px;
    font-weight: 600;
}



.crosstalk #crosstalk_start{
    padding: 65px 5% 90px;
}

.crosstalk #crosstalk_start h1{
    font-size: 35px;
    padding-bottom: 60px;
    line-height: 1.4;
    font-weight: 500;
}

.crosstalk #crosstalk_start p{
    max-width: 910px;
    margin: 0 auto;
    text-align:justify;
    text-justify:distribute;
    font-size: 14px;
    line-height: 2.4;
}


@media screen and (max-width: 1240px) {
    .crosstalk .crosstalk__header {
        padding: 0px 0px 4vw;
    }
}

@media screen and (max-width: 1000px) {
    .crosstalk #crosstalk_start {
        padding: 9vw 5% 12vw;
    }
}

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

    .crosstalk #crosstalk_start h1{
        font-size: 4.56vw;
        padding-bottom: 8vw;
        line-height: 1.4;
        font-weight: 500;
    }

    .crosstalk #crosstalk_start p{
        line-height: 2;
    }
    
}

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

    .crosstalk #crosstalk_start {
        padding: 9vw 5% 14vw;
    }

    .crosstalk header h2 small {
        font-size: 50%;
    }
    
}


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

    .crosstalk #crosstalk_start h1{
        font-size: 6vw;
        padding-bottom: 6vw;
    }

}


/* member */

#crosstalk_member{
    background-color: #f5f5f5;
    padding-top: 60px;
}

.crosstalk .woman_box#crosstalk_member h2 span{
    color: #000;
    font-weight: 700;
    padding-bottom: 100px;
}

#crosstalk_member li{
    position: relative;
    width: 31.481481%;
    border-radius: 10px;
    color: #FFF;
    padding: 65px 25px 25px;
    line-height: 1.6;
}

#crosstalk_member li.m_c1{
    background-color: #ee9745;
}

#crosstalk_member li.m_c2{
    background-color: #45bdb0;
}

#crosstalk_member li.m_c3{
    background-color: #8d8fcf;
}

#crosstalk_member li figure{
    display: block;
    position: absolute;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    top: -60px;
    left: calc(50% - 60px) ;
}

#crosstalk_member li div{
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 15px;
    letter-spacing: 2px;
}

#crosstalk_member .note{
    text-align: right;
    padding-top: 15px;
    font-size: 90%;
}


@media screen and (max-width: 1000px) {
    #crosstalk_member{
        padding-top: 6vw;
    }

    #crosstalk_member li{
        width: 32%;
        padding: 65px 15px 20px;
    }

    #crosstalk_member li div{
        font-size: 24px;
    }

    #crosstalk_member li p{
        font-size: 14px;
    }
}


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

    .crosstalk .woman_box#crosstalk_member h2 span{
        color: #000;
        font-weight: 700;
        padding-bottom: 6.5vw;
    }

    #crosstalk_member ul.woman_flex{
        display: block;
    }

    #crosstalk_member li{
        width: calc(100% - 50px) ;
        padding: 10px 15px 20px 90px;
        margin: 0px 0px 20px 50px;
        text-align: left;
    }

    #crosstalk_member li:last-of-type{
        margin-bottom: 0px;
    }

    #crosstalk_member li figure{
        top: calc(50% - 50px) ;
        left: -50px;
    }

    #crosstalk_member li div{
        font-size: 30px;
        padding-bottom: 10px;
    }

}


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

    .crosstalk .woman_box#crosstalk_member h2 span{
        color: #000;
        font-weight: 700;
        padding-bottom: 70px;
    }

    #crosstalk_member li{
        width: 100%;
        padding: 40px 15px 15px 15px;
        margin: 0px auto 50px;
        text-align: center;
    }

    #crosstalk_member li figure{
        width: 70px;
        top: -35px;
        left: calc(50% - 35px) ;
    }

    #crosstalk_member li div{
        font-size: 26px;
        padding-bottom: 5px;
    }

}

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

    #crosstalk_member li p{
        font-size: 13px;
    }
}


/* member */




/* crosstalk_area title*/


#crosstalk_area .crosstalk_contbox aside{
    color: #e66a95;
    font-size: 20px;
    padding-bottom: 10px;
    letter-spacing: 2px;
}

#crosstalk_area .crosstalk_contbox h1{
    font-size: inherit;
}

#crosstalk_area .crosstalk_contbox h1 span{
    display: inline-block;
    background-color: #e66a95;
    color: #FFF;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 2.5px;
    padding: 6px 7px 10px 22px;
    margin-bottom: 7px;
}

#crosstalk_area .crosstalk_contbox h3{
    position: relative;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 1.5px;
    padding: 60px 5% 20px;
    margin-bottom: 40px;
}

#crosstalk_area .crosstalk_contbox h3::before{
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: calc(50% - 20px) ;
}



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

    #crosstalk_area .crosstalk_contbox h1 span{
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 2px;
        padding: 6px 5px 10px 15px;
    }
}


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

    #crosstalk_area .crosstalk_contbox h1 span{
        display: inline-block;
        background-color: inherit;
        color: #FFF;
        font-size: inherit;
        font-weight: 500;
        letter-spacing: 0px;
        padding: 0px;
        margin: 0px;
    }

    #crosstalk_area .crosstalk_contbox h1 span i{
        display: inline-block;
        background-color: #e66a95;
        color: #FFF;
        font-size: 4.8vw;
        font-weight: 500;
        letter-spacing: 2.5px;
        padding: 6px 7px 10px 15px;
        margin-bottom: 4px;
    }

    #crosstalk_area .crosstalk_contbox h1 span i.i_pr{
        padding-right: 15px;
    }

    #crosstalk_area .crosstalk_contbox h3{
        font-size: 17px;
        padding: 8vw 5% 20px;
        margin-bottom: 40px;
    }

}

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

    #crosstalk_area .crosstalk_contbox h1 span i{
        letter-spacing: 2px;
        padding: 6px 2px 10px 10px;
        margin-bottom: 4px;
    }

    #crosstalk_area .crosstalk_contbox h1 span i.i_pr{
        padding-right: 10px;
    }

}

/* crosstalk_area title*/



/* crosstalk_area txt*/

#crosstalk_area .crosstalk_contbox{
    padding-bottom: 90px;
}

#crosstalk_area .crosstalk_contbox#crosstalk_4{
    padding-bottom: 0px;
}

#crosstalk_area .crosstalk_contbox dl{
    margin: 0;
}

#crosstalk_area .crosstalk_contbox dl dt{
    width: 110px;
    min-height: 150px;
    padding-top: 5px;
    padding-bottom: 55px
}

#crosstalk_area .crosstalk_contbox dl dt div {
    position: relative;
    width: 80px;
    height: 80px;
}

#crosstalk_area .crosstalk_contbox dl dt div span{
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

#crosstalk_area .crosstalk_contbox dl dt div.member_1 span{
    background-image: url(/recruit/assets_sub/images/woman/crosstalk/crosstalk_member_miyach.jpg);
    background-size: cover;
    border: #ee9745 solid 3px;
}

#crosstalk_area .crosstalk_contbox dl dt div.member_2 span{
    background-image: url(/recruit/assets_sub/images/woman/crosstalk/crosstalk_member_mikami.jpg);
    background-size: cover;
    border: #45bdb0 solid 3px;
}

#crosstalk_area .crosstalk_contbox dl dt div.member_3 span{
    background-image: url(/recruit/assets_sub/images/woman/crosstalk/crosstalk_member_takamoto.jpg);
    background-size: cover;
    border: #8d8fcf solid 3px;
}

#crosstalk_area .crosstalk_contbox dl dt div::before{
    content: "";
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    display: block;
    width: 100%;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    bottom: -13px;
    left: 0;
    z-index: 10;
    color: #FFF;
    padding-top: 2px;
    letter-spacing: .5px;
}

#crosstalk_area .crosstalk_contbox dl dt div.member_1::before{
    content: "M.MIYACHI";
    background-color: #ee9745;
}

#crosstalk_area .crosstalk_contbox dl dt div.member_2::before{
    content: "M.MIKAMI";
    background-color: #45bdb0;
}

#crosstalk_area .crosstalk_contbox dl dt div.member_3::before{
    content: "C.TAKAMOTO";
    background-color: #8d8fcf;
}

#crosstalk_area .crosstalk_contbox dl dd{
    width: calc(100% - 110px) ;
    margin-left: 0em;
    padding-bottom: 55px;
    line-height: 2;
    font-size: 14px;
    text-align:justify;
    text-justify:distribute;
}


#crosstalk_area .crosstalk_contbox #crosstalk_2_flex_1 figure{
    width: 46.5%;
}

#crosstalk_area .crosstalk_contbox #crosstalk_2_flex_1 dl{
    width: 48%;
}

#crosstalk_area .crosstalk_contbox #crosstalk_3_flex_1 figure,
#crosstalk_area .crosstalk_contbox #crosstalk_3_flex_2 figure{
    width: 32.5%;
}


#crosstalk_area .crosstalk_contbox #crosstalk_3_flex_1 dl,
#crosstalk_area .crosstalk_contbox #crosstalk_3_flex_2 dl{
    width: 62%;
}



@media screen and (max-width: 767px) {
    #crosstalk_area .crosstalk_contbox {
        padding-bottom: 9vw;
    }


    #crosstalk_area .crosstalk_contbox dl dt{
        width: 70px;
        min-height: 150px;
        padding-top: 5px;
        padding-bottom: 40px
    }
    
    #crosstalk_area .crosstalk_contbox dl dt div {
        position: relative;
        width: 56px;
        height: 56px;
    }

    #crosstalk_area .crosstalk_contbox dl dt div span{
        display: block;
        position: relative;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        overflow: hidden;
        z-index: 1;
    }

    #crosstalk_area .crosstalk_contbox dl dt div::before{
        font-size: 9px;
        height: 18px;
    }

    #crosstalk_area .crosstalk_contbox dl dd{
        width: calc(100% - 70px) ;
        margin-left: 0em;
        padding-bottom: 40px;
        line-height: 2;
        font-size: 14px;
        text-align:justify;
        text-justify:distribute;
    }




    #crosstalk_area .crosstalk_contbox #crosstalk_2_flex_1 figure,
    #crosstalk_area .crosstalk_contbox #crosstalk_2_flex_1 dl,
    #crosstalk_area .crosstalk_contbox #crosstalk_3_flex_1 figure,
    #crosstalk_area .crosstalk_contbox #crosstalk_3_flex_2 figure,
    #crosstalk_area .crosstalk_contbox #crosstalk_3_flex_1 dl,
    #crosstalk_area .crosstalk_contbox #crosstalk_3_flex_2 dl{
        width: 100%;
    }
    
}


/* crosstalk_area txt*/



/* crosstalk_area photo*/

#crosstalk_area .crosstalk_contbox #crosstalk_p1_1{
    max-width: 880px;
    margin: 0 auto 80px;
}

#crosstalk_area .crosstalk_contbox #crosstalk_p1_2,
#crosstalk_area .crosstalk_contbox #crosstalk_p2_2{
    max-width: 700px;
    margin: 20px auto 80px;
}

#crosstalk_area .crosstalk_contbox #crosstalk_p4{
    padding-top: 80px;
}


@media screen and (max-width: 767px) {
    #crosstalk_area .crosstalk_contbox #crosstalk_p1_1,
    #crosstalk_area .crosstalk_contbox #crosstalk_p2_1{
        margin: 0 auto 10.5vw;
    }

    #crosstalk_area .crosstalk_contbox #crosstalk_p1_2,
    #crosstalk_area .crosstalk_contbox #crosstalk_p2_2,
    #crosstalk_area .crosstalk_contbox #crosstalk_p3_1,
    #crosstalk_area .crosstalk_contbox #crosstalk_p3_2{
        max-width: 700px;
        margin: 20px auto 10.5vw;
    }

    #crosstalk_area .crosstalk_contbox #crosstalk_p4{
        padding-top: 10.5vw;
    }
}


/* crosstalk_area photo*/










/* careerarea */

#crosstalk_career .careerarea{
    position: relative;
    margin: 0px auto 160px;

    width: 100%;
    max-width: 880px;
}

#crosstalk_career .careerarea:last-of-type{
    margin-bottom: 100px;
}


#crosstalk_career .careerarea aside{
    position: absolute;
    width: 130px;
    height: 145px;
    top: -60px;
    left: -65px;
    z-index: 20;
}

#crosstalk_career .careerarea aside figure{
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    bottom: 0;
    left: 5px;
}

#crosstalk_career .careerarea h1{
    display: flex;
    height: 50px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 2px;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFF;
}

#crosstalk_career .careerarea::before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}


#crosstalk_career .careerarea.m_c1 h1,
#crosstalk_career .careerarea.m_c1::before{
    background-color: #ee9745;
}

#crosstalk_career .careerarea.m_c2 h1,
#crosstalk_career .careerarea.m_c2::before{
    background-color: #45bdb0;
}

#crosstalk_career .careerarea.m_c3 h1,
#crosstalk_career .careerarea.m_c3::before{
    background-color: #8d8fcf;
}


#crosstalk_career .careerarea .careerbox{
    position: relative;
    z-index: 2;
    padding: 20px 45px 45px;
    width: 100%;
    margin: 0 auto;
}

#crosstalk_career .careerarea.m_c1 .careerbox{
    background-color: #f8f7e9;
}

#crosstalk_career .careerarea.m_c2 .careerbox{
    background-color: #e9f8f5;
}

#crosstalk_career .careerarea.m_c3 .careerbox{
    background-color: #eff3f9;
}

#crosstalk_career .careerarea .careerbox dl{
    padding: 15px 0px;
    border-bottom: #000 solid 1px;
}

#crosstalk_career .careerarea.m_c1 .careerbox dl{
    border-color: #ee9745;
}

#crosstalk_career .careerarea.m_c2 .careerbox dl{
    border-color: #45bdb0;
}

#crosstalk_career .careerarea.m_c3 .careerbox dl{
    border-color: #8d8fcf;
}

#crosstalk_career .careerarea .careerbox dl dt{
    width: 90px;
    line-height: 2;
}

#crosstalk_career .careerarea .careerbox dl dt span{
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 30px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

#crosstalk_career .careerarea.m_c1 .careerbox dl dt span{
    background-color: #ee9745;
}

#crosstalk_career .careerarea.m_c2 .careerbox dl dt span{
    background-color: #45bdb0;
}

#crosstalk_career .careerarea.m_c3 .careerbox dl dt span{
    background-color: #8d8fcf;
}

#crosstalk_career .careerarea .careerbox dl dd{
    width: calc(100% - 115px) ;
    text-align: left;
    line-height: 2;
    margin-left: 0;
    text-align:justify;
    text-justify:distribute;
}


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

    #crosstalk_career{
        padding-top: 70px;
    }

    #crosstalk_career .careerarea{
        margin: 0px auto 100px;
    }

    #crosstalk_career .careerarea aside{
        position: absolute;
        width: 90px;
        height: 100px;
        top: -40px;
        left: -25px;
        z-index: 20;
    }
    
    #crosstalk_career .careerarea aside figure{
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        bottom: 0;
        left: 5px;
    }

    #crosstalk_career .careerarea .careerbox{
        padding: 20px 5% 45px;
    }

    #crosstalk_career .careerarea .careerbox dl dt{
        width: 70px;
    }

    #crosstalk_career .careerarea .careerbox dl dd{
        width: calc(100% - 85px) ;
        text-align: left;
        line-height: 2;
    }

}


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

    #crosstalk_career .careerarea:last-of-type{
        margin: 0px auto 10vw;
    }
    
}




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

    #crosstalk_career .careerarea:last-of-type{
        margin: 0px auto 50px;
    }

    #crosstalk_career .careerarea h1{
        height: 40px;
        font-size: 20px;
    }

    #crosstalk_career .careerarea aside{
        position: absolute;
        width: 90px;
        height: 100px;
        top: -45px;
        left: -15px;
        z-index: 20;
    }

    #crosstalk_career .careerarea .careerbox dl dt{
        width: 60px;
    }

    #crosstalk_career .careerarea .careerbox dl dt span{
        font-size: 13px;
    }

    #crosstalk_career .careerarea .careerbox dl dd{
        width: calc(100% - 70px) ;
        text-align: left;
        line-height: 2;
        font-size: 13px;
    }


}


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

    #crosstalk_career .careerarea h1{
        height: 40px;
        font-size: 20px;
        justify-content:unset;
        text-align: left;
        padding-left: 85px;
    }
}

/* careerarea */



/* woman__toindex */

.woman__toindex{
    display: block;
    margin: 0 auto 100px;
    padding: 0 5vw;
}

.woman__toindex a {
    display: block;
    position: relative;
    width: 100%;
    max-width: 480px;
    padding:25px 6rem 1.1rem 3rem;
    background-color: #ED3649;
    border-radius: 3px;
    line-height: 1;
    height: 64px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    margin:0 auto;
}

.woman__toindex a::after {
    display: block;
    content: "";
    position: absolute;
    box-sizing: content-box;
    right: 0;
    top: 1rem;
    width: 2.6rem;
    height: calc(100% - 2rem);
    padding: 0 1.4rem 0 1.4rem;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    background: no-repeat url("/recruit/assets_sub/images/career/arrow--right--white.svg") center/2.4rem auto;
}

.woman__toindex a:hover {
    opacity: 1;
    background-color: #C60018;
}

@media screen and (max-width: 1000px) {
    .woman__toindex{
        display: block;
        margin: 0 auto 10vw;
        padding: 0 5vw;
    }

}

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

    .woman__toindex a {
        padding:14px 6rem 1.1rem 1rem;
        font-size: 14px;
        line-height: 1.2;
    }
}


/* woman__toindex */