@charset "utf-8";

/*------------page_common--------------*/
#teaser{
    margin-top: 120px;
    background: url("../images/common/bg_teaser.jpg") no-repeat top center;
    height: 200px;
}
.message #teaser,
.history #teaser,
.numbers #teaser, 
.smilealbum #teaser,
.questionary #teaser,
.smilealbum #teaser,
.symposium #teaser {
    background: url("../images/common/dangqian_bj.png") no-repeat top center;
}
.teaser_tit{
    padding-top: 54px;
}
.teaser_tit .en{
    display: block;
    font-size: 70px;
    line-height: 1;
}
.teaser_tit .ja{
    display: block;
    font-size: 18px;
    line-height: 1.2;
}
#breadcrumb{
    padding: 18px 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.breadcrumb_txt{
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 14px;
}
.breadcrumb_txt a{
    color: #000;
}
.breadcrumb_txt span{
    display: flex;
    align-items: center;
    margin: 0 12px;
}
.hdl{
    font-size: 36px;
    font-weight: 500;
    color: #707070;
    text-align: center;
    position: relative;
    padding-bottom: 16px;
    box-sizing: border-box;
}
.hdl:before{
    background: #ff981f;
    width: 55px;
    height: 5px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    content: '';
    z-index: 2;
    position: absolute;
}

@media screen and (max-width: 767px) {
    #teaser{
        margin-top: 50px;
        background: url("../images/common/bg_teaser.jpg") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
        height: 120px;
    }
    .teaser_tit{
        padding-top: 30px;
    }
    .teaser_tit .en{
        display: block;
        font-size: 40px;
        line-height: 1;
    }
    .teaser_tit .ja{
        display: block;
        font-size: 14px;
        line-height: 1.2;
    }
    #breadcrumb{
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .breadcrumb_txt{
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 12px;
    }
    .breadcrumb_txt a{
        color: #000;
    }
    .breadcrumb_txt span{
        display: flex;
        align-items: center;
        margin: 0 8px;
    }
    .hdl{
        font-size: 20px;
        font-weight: 500;
        color: #707070;
        text-align: center;
        position: relative;
        padding-bottom: 10px;
        box-sizing: border-box;
    }
    .hdl:before{
        background: #ff981f;
        width: 30px;
        height: 3px;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        content: '';
        z-index: 2;
        position: absolute;
    }
}

/*------------event_list--------------*/
.event_list{
    padding: 50px 0 180px;
}
.event_list ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -66px;
}
.event_list li{
    width: calc(33% - 2.3rem);
    margin-bottom: 66px;
    margin-right: 4rem;
}

.event_list li:nth-child(3n) {
    margin-right: 0;
}
.event_list li .listbox{
    padding: 24px 28px 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    text-align: center;
    background: #fafafa;
    transition: all 0.3s;
}
.event_list li .listbox:hover{
    transition: all 0.3s;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
}

.event_list li .listimg img {
    height: 175px;
    width: 100%;
    object-fit: cover;
}
.event_list li .listtit{
    margin: 20px 0;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
}
.event_list li .listtag{
    display: block;
    margin: 14px auto;
    background: url(../images/top/bg_link03.png) no-repeat top center;
    width: 85px;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
}
.event_list li .listtag01{
    background: url("../images/top/bg_link04.png") no-repeat top center;
}
.event_list li .listtxt{
    font-size: 16px;
}
.event_list li .listico{
    margin-top: 15px;
    text-align: center;
}
.event_list li .listico img{
    width: 32px;
}
@media screen and (max-width: 767px) {
    .event_list{
        padding: 30px 0 50px;
    }
    .event_list ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: -30px;
    }
    .event_list li{
        width: calc(50% - 5px);
        margin-bottom: 30px;
    }
    .event_list li .listbox{
        padding: 12px 12px 12px;
        border-radius: 8px;
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        text-align: center;
        background: #fafafa;
        transition: all 0.3s;
    }
    .event_list li .listbox:hover{
        transition: all 0.3s;
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    }
    .event_list li .listtit{
        margin: 10px 0;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 500;
        text-align: center;
    }
    .event_list li .listtag{
        display: block;
        margin: 10px auto;
        background: url(../images/top/bg_link03.png) no-repeat top center;
        width: 85px;
        line-height: 30px;
        font-size: 13px;
        color: #fff;
        text-align: center;
        font-weight: 500;
        letter-spacing: 2px;
    }
    .event_list li .listtag01{
        background: url("../images/top/bg_link04.png") no-repeat top center;
    }
    .event_list li .listtxt{
        font-size: 13px;
    }
    .event_list li .listico{
        margin-top: 10px;
        text-align: center;
    }
    .event_list li .listico img{
        width: 20px;
    }
}
/*------------event_detail--------------*/
.event_detail{
    padding: 50px 0 180px;
}
.event_detail_box{
}
.event_detail_tit{
    font-size: 36px;
    font-weight: 500;
    padding-left: 28px;
    margin-bottom: 24px;
    box-sizing: border-box;
}
.event_detail_box .top_box{
    background: #fafafa;
    padding: 50px 50px 60px;
    box-sizing: border-box;
}
.event_detail_img img{
    border-radius: 8px;
}
.event_detail_des{
    margin-top: 30px;
    padding: 0 30px;
    box-sizing: border-box;
}

.event_detail_des .des_tit{
    font-size: 40px;
    line-height: 1;
    margin-bottom: 26px;
    color: #707070;
    font-weight: 400 !important;
}
.event_detail_des .des_flex{
    display: flex;
    justify-content: left;
    margin-bottom: 35px;
}
.event_detail_des .des_flex dl{
    width: 320px;
    align-items: center;
}
.event_detail_des dl{
    display: flex;
    justify-content: left;
}
.event_detail_des dt{
    width: 105px;
    display: block;
    background: url(../images/top/bg_link06.png) no-repeat top center;
    line-height: 29px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
}
.event_detail_des dd{
    width: calc(100% - 105px);
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 18px;
}
.event_detail_box+.event_detail_box{
    margin-top: 85px;
}
.recruit_contact{
    padding: 60px 135px 75px;
    border: 3px solid #ebebeb;
    border-radius: 8px;
    box-sizing: border-box;
}
.recruit_contact_box{
    margin-top: 60px;
}
.recruit_contact_box dl{
    display: flex;
    justify-content: left;
    border-top: 1px solid #dedede;
}
.recruit_contact_box dt{
    width: 250px;
    background: #fafafa;
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 18px;
    padding: 24px 16px 45px;
    box-sizing: border-box;
    font-weight: 500;
}
.recruit_contact_box dt.other{
}
.recruit_contact_box dl.last{
    border-bottom: 1px solid #dedede;
}
.recruit_contact_box dt .must{
    display: inline-block;
    width: 50px;
    line-height: 25px;
    text-align: center;
    background: #ff981f;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    margin-right: 15px;
    color: #fff;
}
.recruit_contact_box dt .rust{
    display: inline-block;
    width: 50px;
    line-height: 25px;
    text-align: center;
    background: #707070;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    margin-right: 15px;
    color: #fff;
}
.recruit_contact_box dd{
    width: calc(100% - 250px);
    padding: 20px 0 40px 26px;
    box-sizing: border-box;
}
.recruit_contact_box dd input[type=text],
.recruit_contact_box dd input[type=tel],
.recruit_contact_box dd input[type=email]{
    display: block;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 3px;
    outline: none;
    color: #000;
    font-size: 16px;
    padding: 12px 15px;
    box-sizing: border-box;
}
.recruit_contact_box dd textarea{
    display: block;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 3px;
    outline: none;
    height: 266px;
    color: #000;
    font-size: 16px;
    padding: 12px 15px;
    box-sizing: border-box;
}
.recruit_contact_box dd select{
    display: block;
    width: 186px;
    border: 1px solid #dedede;
    border-radius: 3px;
    outline: none;
    font-size: 16px;
    padding: 10px 15px;
    color: #000;
    box-sizing: border-box;
}
.recruit_contact_box dd ul{
    display: flex;
    justify-content: left;
    align-items: center;
}
.recruit_contact_box dd ul li{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-right: 10px;
}
.recruit_contact_box dd ul label{
    display: flex;
    font-size: 16px;
    color: #707070;
    justify-content: left;
    align-items: center;
}
.recruit_contact_box dd ul input[type=text]{
    width: 95px;
    margin-left: 13px;
}
.recruit_contact_box dd ul input[type=radio]{
    display: none;
}
.recruit_contact_box dd ul input[type=radio]+span{
    display: inline-block;
    background: url("../images/event/ico_radio02.png") no-repeat top center;
    width: 21px;
    height: 21px;
    margin-right: 8px;
}
.recruit_contact_box dd ul input[type=radio]:checked+span{
    display: inline-block;
    background: url("../images/event/ico_radio01.png") no-repeat top center;
    width: 21px;
    height: 21px;
}
.recruit_contact_box .dd_box{
    margin-top: 50px;
}
.recruit_contact_box .dd_data input{
    padding: 8px 15px;
    background: #f4f4f4;
    width: 100%;
    display: block;
    color: #707070;
}
.dd_data_txt{
    padding-left: 14px;
}
.agree{
    margin: 40px 0 50px;
    text-align: center;
}

.agree a {
    text-decoration: underline;
}
.agree label{
    /*display: flex;*/
    font-size: 16px;
    color: #707070;
    align-items: center;
    justify-content: center;
}
/*.agree label input[type=checkbox]{
    display: none;
    opacity: 0;
}
.agree label input[type=checkbox]+span{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/event/ico_checkbox01.png") no-repeat top center;
    margin-right: 10px;
}
.agree label input[type=checkbox]:checked+span{
    background: url("../images/event/ico_checkbox02.png") no-repeat top center;
}*/
.submit_btn{
    text-align: center;
}
.agree b{
    font-weight: 400 !important;
}
.submit_btn input{
    display: inline-block;
    margin: 0 auto;
    border: none;
    outline: none;
    width: 280px;
    cursor: pointer;
    line-height: 55px;
    text-align: center;
    background: url("../images/event/bg_submite.png") no-repeat top center;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .event_detail{
        padding: 30px 0 50px;
    }
    .event_detail_box{
    }
    .event_detail_tit{
        font-size: 24px;
        font-weight: 500;
        padding-left: 0;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    .event_detail_box .top_box{
        background: #fafafa;
        padding: 20px 20px 30px;
        box-sizing: border-box;
    }
    .event_detail_img img{
        border-radius: 8px;
    }
    .event_detail_des{
        margin-top: 10px;
        padding: 0 0;
        box-sizing: border-box;
    }
    .event_detail_des .des_tit{
        font-size: 24px;
        line-height: 1;
        margin-bottom: 15px;
        color: #707070;
        font-weight: 400 !important;
    }
    .event_detail_des .des_flex{
        display: block;
        justify-content: left;
        margin-bottom: 10px;
    }
    .event_detail_des .des_flex dl{
        width: 100%;
        align-items: center;
    }
    .event_detail_des .des_flex dl+dl{
        margin-top: 10px;
    }
    .event_detail_des dl{
        display: flex;
        justify-content: left;
    }
    .event_detail_des dt{
        display: block;
        background: url(../images/top/bg_link06.png) no-repeat top center;
        -webkit-background-size: contain;
        background-size: contain;
        width: 74px;
        height: 21px;
        line-height: 21px;
        font-size: 12px;
        color: #fff;
        text-align: center;
        font-weight: 500;
        letter-spacing: 2px;
    }
    .event_detail_des dd{
        width: calc(100% - 74px);
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 14px;
    }
    .event_detail_box+.event_detail_box{
        margin-top: 40px;
    }
    .recruit_contact{
        padding: 30px 10px 30px;
        border: 2px solid #ebebeb;
        border-radius: 8px;
        box-sizing: border-box;
    }
    .recruit_contact_box{
        margin-top: 30px;
    }
    .recruit_contact_box dl{
        display: block;
        justify-content: left;
        border-top: 1px solid #dedede;
    }
    .recruit_contact_box dt{
        width: 100%;
        background: #fafafa;
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 16px;
        padding: 15px 10px 15px;
        box-sizing: border-box;
        font-weight: 500;
    }
    .recruit_contact_box dt.other{
    }
    .recruit_contact_box dl.last{
        border-bottom: 1px solid #dedede;
    }
    .recruit_contact_box dt .must{
        display: inline-block;
        width: 50px;
        line-height: 25px;
        text-align: center;
        background: #ff981f;
        border-radius: 4px;
        font-weight: 400;
        font-size: 14px;
        margin-right: 15px;
        color: #fff;
    }
    .recruit_contact_box dt .rust{
        display: inline-block;
        width: 50px;
        line-height: 25px;
        text-align: center;
        background: #707070;
        border-radius: 4px;
        font-weight: 400;
        font-size: 14px;
        margin-right: 15px;
        color: #fff;
    }
    .recruit_contact_box dd{
        width: 100%;
        background: #fafafa;
        padding: 0 10px 15px 10px;
        box-sizing: border-box;
    }
    .recruit_contact_box dd input[type=text]{
        display: block;
        width: 100%;
        border: 1px solid #dedede;
        border-radius: 3px;
        outline: none;
        color: #707070;
        font-size: 14px;
        padding: 10px 15px;
        box-sizing: border-box;
    }
    .recruit_contact_box dd textarea{
        display: block;
        width: 100%;
        border: 1px solid #dedede;
        border-radius: 3px;
        outline: none;
        height: 160px;
        color: #707070;
        font-size: 14px;
        padding: 10px 15px;
        box-sizing: border-box;
    }
    .recruit_contact_box dd select{
        display: block;
        width: 100%;
        border: 1px solid #dedede;
        border-radius: 3px;
        outline: none;
        font-size: 14px;
        padding: 10px 15px;
        color: #707070;
        box-sizing: border-box;
    }
    .recruit_contact_box dd ul{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .recruit_contact_box dd ul li{
        display: flex;
        justify-content: left;
        align-items: center;
        margin-right: 8px;
    }
    .recruit_contact_box dd ul label{
        display: flex;
        font-size: 14px;
        color: #707070;
        justify-content: left;
        align-items: center;
    }
    .recruit_contact_box dd ul input[type=text]{
        width: 60px;
        margin-left: 10px;
    }
    .recruit_contact_box dd ul input[type=radio]{
        display: none;
    }
    .recruit_contact_box dd ul input[type=radio]+span{
        display: inline-block;
        background: url("../images/event/ico_radio02.png") no-repeat top center;
        width: 21px;
        height: 21px;
        margin-right: 6px;
    }
    .recruit_contact_box dd ul input[type=radio]:checked+span{
        display: inline-block;
        background: url("../images/event/ico_radio01.png") no-repeat top center;
        width: 21px;
        height: 21px;
    }
    .recruit_contact_box .dd_box{
        margin-top: 25px;
    }
    .recruit_contact_box .dd_data input{
        padding: 8px 15px;
        background: #f4f4f4;
        width: 100%;
        display: block;
        color: #707070;
    }
    .dd_data_txt{
        padding-left: 10px;
    }
    .agree{
        margin: 20px 0 25px;
        text-align: left;
    }
    /*.agree label{
        display: flex;
        font-size: 16px;
        color: #707070;
        align-items: flex-start;
        justify-content: center;
    }
    .agree label input[type=checkbox]{
        display: none;
        opacity: 0;
    }
    .agree label input[type=checkbox]+span{
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url("../images/event/ico_checkbox01.png") no-repeat top center;
        margin-right: 10px;
    }
    .agree label input[type=checkbox]:checked+span{
        background: url("../images/event/ico_checkbox02.png") no-repeat top center;
    }*/
    .agree b{
        width: calc(100% - 24px);
        font-size: 14px;
    }
    .submit_btn{
        text-align: center;
    }
    .submit_btn input{
        display: inline-block;
        margin: 0 auto;
        border: none;
        outline: none;
        width: 280px;
        cursor: pointer;
        line-height: 55px;
        text-align: center;
        background: url("../images/event/bg_submite.png") no-repeat top center;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
    }

}
/*------------facilities--------------*/
.fac_top{
    padding: 50px 0 100px;
}
.fac_top_box{
    margin-top: 70px;
}
.fac_top_tit{
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    background: #ff981f;
    line-height: 50px;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
.fac_top .box{
    border: 5px solid #ff981f;
    border-radius: 0 0 5px 5px;
    background: #fff;
    padding: 40px 95px 50px;
    box-sizing: border-box;
}
.fac_top .box_tit{
    font-size: 28px;
    font-weight: 500;
    padding-left: 70px;
    box-sizing: border-box;
    color: #707070;
}
.fac_top .box_txt{
    margin-top: 10px;
    padding-left: 70px;
    box-sizing: border-box;
    font-size: 18px;
}
.fac_top .box_des{
    margin-top: 40px;
    background: #fafafa;
    padding: 50px 70px;
    box-sizing: border-box;
    border-radius: 5px;
}
.fac_top .box_des dl+dl{
    margin-top: 8px;
}
.fac_top .box_des dl{
    display: flex;
    justify-content: left;
}
.fac_top .box_des dt{
    width: 150px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 23px;
    line-height: 2;
    background: url("../images/facilities/ico_list01.png") no-repeat left top 10px;
    box-sizing: border-box;
}
.fac_top .box_des dd{
    width: calc(100% - 150px);
    font-size: 18px;
    line-height: 2;
}
.fac_data{
    padding: 80px 0 90px;
    background: #fafafa;
}
.fac_data_box{
    background: #fff;
    margin-top: 70px;
    padding: 50px 50PX 50px 80px;
    box-sizing: border-box;
    display: flex;
    justify-content: left;
}
.fac_data_box ul{
    /*width: 220px;*/
    order: 1;
    flex: 1;
}
.fac_data_box .img{
    width: 420px;
    order: 2;
}
.fac_data_box .img img{
    border-radius: 10px;
}
.fac_data_box ul dl{
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
}
.fac_data_box ul dt{
    width: 70px;
}
.fac_data_box ul dd{
    width: calc(100% - 70px);
}
.fac_data_box ul li{
    position: relative;
}
.fac_data_box ul li+li{
    margin-top: 36px;
}
.fac_data_box ul li+li:before{
    background: url("../images/facilities/ico_list02.png") no-repeat top center;
    width: 18px;
    height: 16px;
    left: 15px;
    top: -26px;
    content: '';
    z-index: 2;
    position: absolute;
}
.fac_person{
    padding: 75px 0 180px;
}
.fac_person_box{
    margin-top: 70px;
    border: 3px solid #ebebeb;
    border-radius: 8px;
    padding: 46px;
    display: flex;
    justify-content: left;
    box-sizing: border-box;
}
.fac_person_box .img{
    order: 2;
    width: 320px;
}
.fac_person_box .fac_person_txt{
    order: 1;
    line-height: 1.7;
    width: calc(100% - 320px);
    padding-right: 30px;
    box-sizing: border-box;
}
.fac_person_box .img img{
    border-radius: 8px;
}
@media screen and (max-width: 767px) {
    .fac_box{
        padding: 30px 0 50px;
    }
    .fac_top_box{
        margin-top: 35px;
    }
    .fac_top_tit{
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        background: #ff981f;
        line-height: 40px;
        color: #fff;
        border-radius: 5px 5px 0 0;
    }
    .fac_top .box{
        border: 3px solid #ff981f;
        border-radius: 0 0 5px 5px;
        background: #fff;
        padding: 20px 20px 20px;
        box-sizing: border-box;
    }
    .fac_top .box_tit{
        font-size: 20px;
        font-weight: 500;
        padding-left: 0;
        text-align: center;
        box-sizing: border-box;
        color: #707070;
    }
    .fac_top .box_txt{
        margin-top: 10px;
        padding-left: 0;
        box-sizing: border-box;
        font-size: 14px;
        text-align: center;
    }
    .fac_top .box_des{
        margin-top: 20px;
        background: #fafafa;
        padding: 20px 20px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .fac_top .box_des dl+dl{
        margin-top: 8px;
    }
    .fac_top .box_des dl{
        display: block;
        justify-content: left;
    }
    .fac_top .box_des dt{
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        padding-left: 18px;
        line-height: 2;
        background: url("../images/facilities/ico_list01.png") no-repeat left top 9px;
        -webkit-background-size: 16px;
        background-size: 16px;
        box-sizing: border-box;
    }
    .fac_top .box_des dd{
        width: 100%;
        font-size: 15px;
        line-height: 2;
    }
    .fac_data{
        padding: 80px 0 90px;
        background: #fafafa;
    }
    .fac_data_box{
        background: #fff;
        margin-top: 20px;
        padding: 20px;
        box-sizing: border-box;
        display: block;
        justify-content: left;
    }
    .fac_data_box ul{
        width: 100%;
        margin-top: 20px;
    }
    .fac_data_box .img{
        width: 100%;
    }
    .fac_data_box .img img{
        border-radius: 10px;
    }
    .fac_data_box ul dl{
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
    }
    .fac_data_box ul dt{
        width: 60px;
    }
    .fac_data_box ul dd{
        width: calc(100% - 60px);
    }
    .fac_data_box ul li{
        position: relative;
    }
    .fac_data_box ul li+li{
        margin-top: 28px;
    }
    .fac_data_box ul li+li:before{
        background: url("../images/facilities/ico_list02.png") no-repeat top center;
        width: 18px;
        height: 16px;
        left: 15px;
        top: -22px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .fac_person{
        padding: 40px 0 50px;
    }
    .fac_person_box{
        margin-top: 35px;
        border: 2px solid #ebebeb;
        border-radius: 8px;
        padding: 20px;
        display: block;
        justify-content: left;
        box-sizing: border-box;
    }
    .fac_person_box .img{
        order: 2;
        width: 100%;
        text-align: center;
    }
    .fac_person_box .fac_person_txt{
        order: 1;
        line-height: 1.7;
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
        font-size: 14px;
        box-sizing: border-box;
    }
    .fac_person_box .img img{
        border-radius: 8px;
    }
}

.faq_link{
    padding: 50px 0 85px;
}
.faq_link ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.faq_link li{
    width: 260px;
    margin: 0 13px;
}
.faq_link li a{
    display: block;
    padding: 22px 0 16px;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);
}
.faq_link li a img{
    margin: 11px auto 0;
    display: block;
    width: 33px;
}
.faq_box{
    background: #fafafa;
    padding: 90px 0 110px;
}
.faq_des{
    margin-top: 45px;
}
.faq_des dl+dl{
    margin-top: 38px;
}
.faq_des dl{
    border: 5px solid #00ceb5;
    border-radius: 3px;
}
.faq_des dt{
    background: url("../images/faq/ico_faq01.png") no-repeat right 38px center #00ceb5;
    font-size: 23px;
    position: relative;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    padding: 8px 60px 8px 80px;
    box-sizing: border-box;
}
.faq_des dt.on{
    background: url("../images/faq/ico_faq02.png") no-repeat right 38px center #00ceb5;
}
.faq_des dt span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    font-size: 40px;
    line-height: 1;
    color: #fff;
    z-index: 2;
}
.faq_des dd{
    display: none;
    background: #fff;
    padding: 35px 45px 35px 80px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    position: relative;
}
.faq_des dd span{
    position: absolute;
    top: 32px;
    left: 25px;
    color: #00ceb5;
    font-size: 40px;
    line-height: 1;
    z-index: 2;
}
.faq_box02{
    background: #fff;
}
@media screen and (max-width: 767px) {
    .faq_link{
        padding: 30px 0 30px;
    }
    .faq_link ul{
        display: flex;
        justify-content: space-between;
    }
    .faq_link li{
        width: 32%;
        margin: 0 0;
    }
    .faq_link li a{
        display: block;
        padding: 12px 0 8px;
        border-radius: 5px;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);
    }
    .faq_link li a img{
        margin: 8px auto 0;
        display: block;
        width: 18px;
    }
    .faq_box{
        background: #fafafa;
        padding: 40px 0 50px;
    }
    .faq_des{
        margin-top: 26px;
    }
    .faq_des dl+dl{
        margin-top: 20px;
    }
    .faq_des dl{
        border: 3px solid #8cc88b;
        border-radius: 3px;
    }
    .faq_des dt{
        background: url("../images/faq/ico_faq01.png") no-repeat right 10px center #00ceb5;
        font-size: 16px;
        position: relative;
        font-weight: 700;
        color: #fff;
        word-break: break-all;
        cursor: pointer;
        padding: 8px 40px 8px 40px;
        box-sizing: border-box;
    }
    .faq_des dt.on{
        background: url("../images/faq/ico_faq02.png") no-repeat right 10px center #00ceb5;
    }
    .faq_des dt span {
        position: absolute;
        top: 8px;
        transform: translateY(0);
        left: 10px;
        font-size: 28px;
        line-height: 1;
        color: #fff;
        z-index: 2;
    }
    .faq_des dd{
        word-break: break-all;
        display: none;
        background: #fff;
        padding: 15px 15px 15px 40px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;
        position: relative;
    }
    .faq_des dd span{
        position: absolute;
        top: 18px;
        left: 10px;
        color: #00ceb5;
        font-size: 28px;
        line-height: 1;
        z-index: 2;
    }
    .faq_box02{
        background: #fff;
    }
}
/*------------recruit--------------*/
.recruit_link li a{
    padding: 70px 0 48px;
    font-size: 20px;
    font-weight: 500;
}
.recruit_link{
    padding: 50px 0 180px;
}
.recruit_link li a img{
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
    .recruit_link li a{
        display: block;
        padding: 12px 6px 8px;
        border-radius: 5px;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);
    }
    .recruit_link{
        padding: 30px 0 50px;
    }
    .recruit_link li a img{
        margin-top: 8px;
    }
}

/*------------recruit--------------*/
.company_top{
    padding: 50px 0 80px;
}
.company_des{
    margin-top: 80px;
}
.company_des table{
    width: 100%;
    border: 1px solid #dedede;
}
.company_des table th{
    width: 22%;
    background: #fff4e8;
    padding: 13px 15px 13px 26px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    border-bottom: 1px solid #dedede;
}
.company_des table td{
    width: 78%;
    padding: 13px 180px 13px 50px;
    box-sizing: border-box;
    line-height: 1.7;
    font-size: 18px;
    border-bottom: 1px solid #dedede;
}
.company_recruit{
    background: #fafafa;
    padding: 85px 0 100px;
    margin-bottom: 130px;
}
.company_recruit_box{
    margin-top: 90px;
}
.company_recruit_flex{
    display: flex;
    justify-content: space-between;
}
.company_recruit_flex .listbox{
    width: 570px;
    border: 5px solid #69d0e3;
    border-radius: 5px;
    position: relative;
}
.company_recruit_flex .listpos{
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 2;
}
.company_recruit_flex .listbox01{
    width: 510px;
}
.company_recruit_flex .listtit{
    padding: 8px 0 12px;
    font-size: 23px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background: #69d0e3;
}
.company_recruit_flex .listdes{
    padding: 30px 40px 30px 45px;
    box-sizing: border-box;
}
.company_recruit_flex .listdes li+li{
    margin-top: 32px;
    position: relative;
}
.company_recruit_flex .listdes li+li:before{
    background: url("../images/recruit/ico_recruit04.png") no-repeat top center;
    width: 18px;
    height: 16px;
    left: 66px;
    top: -28px;
    content: '';
    z-index: 2;
    position: absolute;
}
.company_recruit_flex .listdes dl{
    display: flex;
    justify-content: left;
}
.company_recruit_flex .listdes dt{
    width: 30px;
    margin-top: 3px;
    height: 30px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    background: #8fcfe1;
    border-radius: 5px;
}
.company_recruit_flex .listdes dd{
    width: calc(100% - 30px);
    padding-left: 18px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}
.company_recruit .fac_top_box{
    margin-top: 65px;
    position: relative;
}
.company_recruit .fac_top_box .box{
    border: 5px solid #69c989;
}
.company_recruit .fac_top_tit{
    background: #69c989;
}
.fac_top_box_pos{
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 2;
}
.company_recruit_box .fac_top{
    padding: 0 !important;
    margin: 0 !important;
}
.company_recruit .box_des dl dt{
    background: url("../images/recruit/ico_list03.png") no-repeat left top 10px;
}
@media screen and (max-width: 767px) {
    .company_top{
        padding: 30px 0 50px;
    }
    .company_des{
        margin-top: 40px;
    }
    .company_des table{
        width: 100%;
        display: block;
        border: 1px solid #dedede;
    }
    .company_des table tbody{
        display: block;
    }
    .company_des table tr{
        display: block;
    }
    .company_des table th{
        display: block;
        width: 100%;
        background: #fff4e8;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;
        border-bottom: 1px solid #dedede;
    }
    .company_des table td{
        display: block;
        width: 100%;
        padding: 10px 10px 10px 10px;
        box-sizing: border-box;
        line-height: 1.7;
        font-size: 14px;
        border-bottom: 1px solid #dedede;
    }
    .company_recruit{
        background: #fafafa;
        padding: 40px 0 50px;
        margin-bottom: 50px;
    }
    .company_recruit_box{
        margin-top: 40px;
    }
    .company_recruit_flex{
        display: block;
        justify-content: space-between;
    }
    .company_recruit_flex .listbox{
        width: 100%;
        border: 3px solid #69d0e3;
        border-radius: 5px;
        position: relative;
    }
    .company_recruit_flex .listpos{
        position: absolute;
        top: -10px;
        left: -10px;
        z-index: 2;
        width: 50px;
    }
    .company_recruit_flex .listbox01{
        width: 100%;
        margin-top: 40px;
    }
    .company_recruit_flex .listtit{
        padding: 4px 0 6px;
        font-size: 18px;
        font-weight: 700;
        color: #ffffff;
        text-align: center;
        background: #69d0e3;
    }
    .company_recruit_flex .listdes{
        padding: 20px 20px 20px 20px;
        box-sizing: border-box;
    }
    .company_recruit_flex .listdes li+li{
        margin-top: 32px;
        position: relative;
    }
    .company_recruit_flex .listdes li+li:before{
        background: url("../images/recruit/ico_recruit04.png") no-repeat top center;
        width: 18px;
        height: 16px;
        left: 50px;
        top: -26px;
        content: '';
        z-index: 2;
        position: absolute;
    }
    .company_recruit_flex .listdes dl{
        display: flex;
        justify-content: left;
    }
    .company_recruit_flex .listdes dt{
        width: 30px;
        margin-top: 0;
        height: 30px;
        display: flex;
        font-weight: 500;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #fff;
        background: #8fcfe1;
        border-radius: 5px;
    }
    .company_recruit_flex .listdes dd{
        width: calc(100% - 30px);
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.8;
    }
    .company_recruit .fac_top_box{
        margin-top: 65px;
        position: relative;
    }
    .company_recruit .fac_top_box .box{
        border: 3px solid #FFC107;
    border-radius: 4px;;
        border-top: none;
    }
    .company_recruit .fac_top_tit{
        background: #69c989;
    }
    .fac_top_box_pos{
        position: absolute;
        top: -8px;
        left: -8px;
        z-index: 2;
        width: 50px;
    }
    .company_recruit_box .fac_top{
        padding: 0 !important;
        margin: 0 !important;
    }
    .company_recruit .box_des dl dt{
        background: url("../images/recruit/ico_list03.png") no-repeat left top 8px;
    }
}
.recruit_detail_link ul{
    justify-content: space-between;
}
.recruit_detail_link ul li{
    width: 260px;
    margin: 0;
}
.recruit_type{
    padding: 90px 0 100px;
    background: #fafafa;
}
.recruit_type_box{
    margin-top: 70px;
    border: 5px solid #FFC107;
    border-radius: 4px;
}
.recruit_type_tit{
    font-size: 23px;
    font-weight: 700;
    color: #000;
    background:#FFF8E1;
    text-align: center;
    padding: 8px 0 13px;
}
.recruit_type_box.on .recruit_type_tit{
    background:#FFF8E1;

}
.recruit_type_box .box{
    background: #fff;
    padding: 50px 70px 40px;
    box-sizing: border-box;
}
.recruit_type_box .box_tit{
    font-size: 21px;
    font-weight: 500;
    padding: 0 40px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.recruit_type_box .box_btn{
    text-align: center;
}
.btn01 a{
    display: inline-block;
    padding-left: 60px;
    box-sizing: border-box;
    width: 280px;
    line-height: 55px;
    text-align: left;
    letter-spacing: 2px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    background: url("../images/icon/ico_arrow_down_wh.svg") no-repeat right 20px center #ff981f;
    -webkit-background-size: 33px;
    background-size: 33px;
}
.recruit_type .box_dl{
    display: none;
}
.next_btn.on{
    display: none !important;
}
.recruit_type .box_dl_tit{
    border: 2px solid #ff981f;
    color: #ff981f;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    margin-bottom: 50px;
}
.recruit_type .box_dl_des dl+dl{
    margin-top: 38px;
}
.recruit_type .box_dl_des dl{
    display: flex;
    justify-content: left;
}
.recruit_type .box_dl_des dt{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #ff981f;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recruit_type .box_dl_des dd{
    width: calc(100% - 30px);
    padding-left: 17px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 2;
}
.recruit_type .box_dl_des dd span{
    font-weight: 500;
}
.recruit_type .box_dl_btn{
    margin-top: 55px;
    text-align: center;
}
.recruit_career{
    padding: 80px 0;
    background: #fff;
}
.recruit_career_txt{
    font-size: 21px;
    line-height: 2;
    font-weight: 500;
    text-align: center;
    margin: 40px 0 80px;
}
.recruit_support{
    background: #fafafa;
    padding: 80px 0 80px;
}
.recruit_support_box dl+dl{
    margin-top: 30px;
}
.recruit_support_box dl{
    border-radius: 3px;
    border: 5px solid #FFC107;
}
.recruit_support_box dt{
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: url(../images/faq/ico_faq01.png) no-repeat right 26px top 14px #FFC107;
    text-align: left;
    position: relative;
    padding: 8px 0 13px 70px;
    box-sizing: border-box;
}
.recruit_support_box dt.on{
    background: url(../images/faq/ico_faq02.png) no-repeat right 26px top 24px #FFC107;
}
.recruit_support_box dt span{
    font-size: 18px;
    display: inline-block;
    margin-left: 20px;
}
.recruit_support_box dt span.pos{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 0;
    line-height: 30px;
    background: #fff;
    border-radius: 3px;
    color: #ff981f;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 2;
}
.recruit_support_box dd{
    background: #fff;
    padding: 35px 110px;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    display: none;
    box-sizing: border-box;
}
.recruit_data{
    padding: 80px 0 150px;
}
.recruit_data_box{
    margin-top: 70px;
    border: 5px solid #dedede;
    border-radius: 3px;
    padding: 60px 90px 50px;
    box-sizing: border-box;
}
.recruit_data_box li+li{
    margin-top: 24px;
}
.recruit_data_box li{
    font-size: 21px;
    font-weight: 500;
    color: #707070;
    padding-left: 36px;
    background: url("../images/recruit/ico_recruit05.png") no-repeat left bottom 8px;
    box-sizing: border-box;
}
.recruit_data_box li .num{
    font-size: 55px;
    line-height: 0.8;
}
.recruit_data_box li .color01{
    color: #ff981f;
    font-weight: 700;
}
.recruit_data_txt{
    margin: 40px 0 15px;
    font-size: 16px;
}
.recruit_data_btn{
    text-align: center;
}
.recruit_data_btn a{
    padding-left: 30px;
    letter-spacing: 1px;
}

.box_dl_btn a{
    padding-left: 55px;
}
@media screen and (max-width: 767px) {

    .box_dl_btn a{
        padding-left: 30px;
    }
    .recruit_detail_link ul{
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: -10px;
    }
    .recruit_detail_link ul li{
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }
    .recruit_type{
        padding: 40px 0 50px;
        background: #fafafa;
    }
    .recruit_type_box{
        margin-top: 35px;
        border: 3px solid #ff981f;
        border-radius: 4px;
    }
    .recruit_type_tit{
        font-size: 18px;
        font-weight: 700;
        color: #000;
        text-align: center;
        padding: 8px 0 13px;
    }
    .recruit_type_box.on .recruit_type_tit{
    }
    .recruit_type_box .box{
        background: #fff;
        padding: 20px 10px 20px;
        box-sizing: border-box;
    }
    .recruit_type_box .box_tit{
        font-size: 16px;
        font-weight: 500;
        padding: 0;
        box-sizing: border-box;
        margin-bottom: 15px;
    }
    .recruit_type_box .box_btn{
        text-align: center;
    }
    .btn01 a{
        display: inline-block;
        padding-left: 60px;
        box-sizing: border-box;
        width: 220px;
        line-height: 40px;
        text-align: left;
        letter-spacing: 2px;
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        border-radius: 30px;
        background: url("../images/icon/ico_arrow_down_wh.svg") no-repeat right 20px center #ff981f;
        -webkit-background-size: 24px;
        background-size: 24px;
    }
    .recruit_type .box_dl{
        display: none;
    }
    .next_btn.on{
        display: none !important;
    }
    .recruit_type .box_dl_tit{
        border: 2px solid #ff981f;
        color: #ff981f;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .recruit_type .box_dl_des dl+dl{
        margin-top: 20px;
    }
    .recruit_type .box_dl_des dl{
        display: flex;
        justify-content: left;
    }
    .recruit_type .box_dl_des dt{
        width: 30px;
        height: 30px;
        border-radius: 4px;
        background: #ff981f;
        font-size: 16px;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .recruit_type .box_dl_des dd{
        width: calc(100% - 30px);
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 2;
    }
    .recruit_type .box_dl_des dd span{
        font-weight: 500;
    }
    .recruit_type .box_dl_btn{
        margin-top: 30px;
        text-align: center;
    }
    .recruit_career{
        padding: 40px 0;
        background: #fff;
    }
    .recruit_career_txt{
        font-size: 16px;
        line-height: 2;
        font-weight: 500;
        text-align: center;
        margin: 20px 0 40px;
    }
    .recruit_support{
        background: #fafafa;
        padding: 40px 0 40px;
    }
    .recruit_support_box dl+dl{
        margin-top: 15px;
    }
    .recruit_support_box dl{
        border-radius: 3px;
        border: 3px solid #FFC107;
    }
    .recruit_support_box dt{
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        background: url(../images/faq/ico_faq01.png) no-repeat right 10px top 10px #FFC107;
        text-align: left;
        position: relative;
        padding: 8px 40px 13px 46px;
        box-sizing: border-box;
    }
    .recruit_support_box dt.on{
        background: url(../images/faq/ico_faq02.png) no-repeat right 10px top 22px #FFC107;
    }
    .recruit_support_box dt span{
        font-size: 14px;
        display: inline-block;
        margin-left: 10px;
    }
    .recruit_support_box dt span.pos{
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-left: 0;
        line-height: 25px;
        background: #fff;
        border-radius: 3px;
        color: #ff981f;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        position: absolute;
        top: 8px;
        left: 10px;
        z-index: 2;
    }
    .recruit_support_box dd{
        background: #fff;
        padding: 20px 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: 2;
        display: none;
        box-sizing: border-box;
    }
    .recruit_data{
        padding: 40px 0 50px;
    }
    .recruit_data_box{
        margin-top: 35px;
        border: 3px solid #dedede;
        border-radius: 3px;
        padding: 30px 20px 30px;
        box-sizing: border-box;
    }
    .recruit_data_box li+li{
        margin-top: 15px;
    }
    .recruit_data_box li{
        font-size: 15px;
        font-weight: 500;
        color: #707070;
        padding-left: 24px;
        background: url("../images/recruit/ico_recruit05.png") no-repeat left top 8px;
        box-sizing: border-box;
    }
    .recruit_data_box li:nth-child(2),
    .recruit_data_box li:nth-child(4),
    .recruit_data_box li:nth-child(6)
    {
        background: url("../images/recruit/ico_recruit05.png") no-repeat left top 4px;
    }
    .recruit_data_box li .num{
        font-size: 30px;
        line-height: 0.8;
    }
    .recruit_data_box li .color01{
        color: #ff981f;
        font-weight: 700;
    }
    .recruit_data_txt{
        margin: 20px 0 10px;
        font-size: 14px;
    }
    .recruit_data_btn{
        text-align: center;
    }
    .recruit_data_btn a{
        padding-left: 30px;
        letter-spacing: 1px;
        width: 220px;
    }
}
.vocie_index{
    background: #fff;
    padding: 50px 0 180px;
}
.vocie_index .ul_box{
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: -66px;
}
.vocie_index .ul_box>div{
    margin-bottom: 66px;
    border-radius: 8px;
    background: #fafafa;
    box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
    .vocie_index{
        padding: 30px 0 50px;
        background: url(../images/top/sp_bg_top04.jpg) no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .vocie_index .ul_box{
        flex-wrap: wrap;
        margin-top: 0;
        margin-bottom: 0;
    }
    .vocie_index .ul_box>div{
        margin-bottom: 0;
        border-radius: 0;
        background: none;
        box-shadow: none;
    }
    .vocie_index .ul_box .slick-slide{
        padding: 5px 5px;
        box-sizing: border-box;
    }
    .vocie_index .ul_box .listbox{
        box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.2);
    }
}
.voice_detail{
    padding: 50px 0 180px;
}

.voice_detail_tit{
    font-size: 21px;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 30px;
}
.voice_detail_tit span{
    font-size: 70px;
    line-height: 1;
    margin-right: 20px;
}
.voice_person{
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 60px;
}
.voice_person .img img {
    border-radius: 20px;
}
.voice_person .des{
    width: 912px;
    padding: 45px 0 35px 176px;
    height: 320px;
    border-radius: 8px;
    box-sizing: border-box;
    background: url("../images/voice/bg_voice01.png") no-repeat top center;
}
.voice_person .img{
    position: absolute;
    top: 35px;
    left: 45px;
    z-index: 2;
    width: 240px;
}
.voice_person .des_tit{
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}
.voice_person .des_box{
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-bottom: -18px;
}
.voice_person .des_box dl:nth-child(4){
    width: 380px;
}
.voice_person .des_box dl{
    width: 315px;
    margin-bottom: 18px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.voice_person .des_box dt{
    width: 105px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 16px;
    text-align: center;
    background: #fff;
}
.voice_person .des_box dd{
    width: calc(100% - 105px);
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
}
.voice_person .des_txt{
    margin-top: 26px;
    font-size: 14px;
}
.voice_detail_box01{
    margin-bottom: 60px;
}
.voice_tit{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 20px;
}
.voice_tit .num{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    font-size: 32px;
    color: #fff;
    background: url("../images/voice/bg_voice02.png") no-repeat left top;
}
.voice_tit .text{
    width: calc(100% - 64px);
    padding-left: 20px;
    font-size: 24px;
    font-weight: 500;
    box-sizing: border-box;
}
.text_indent{
    font-size: 16px;
    line-height: 1.8;
    /*text-indent: 15px;*/
}
.com_box{
    padding: 40px 42px;
    border: 3px solid #ebebeb;
    border-radius: 8px;
    box-sizing: border-box;
}
.voice_detail_box02{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.voice_detail_box03{
    display: flex;
    justify-content: space-between;
}
.voice_detail_box02>div{
    width: 530px;
}
.voice_detail_box03 .img{
    width: 360px;
}
.voice_detail_box03 .com_box{
    width: 700px;
}
.voice_detail_box03{
    margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
    .voice_detail{
        padding: 30px 0 50px;
    }
    .voice_detail_tit{
        font-size: 16px;
        display: flex;
        justify-content: left;
        align-items: center;
        margin-bottom: 15px;
    }
    .voice_detail_tit span{
        font-size: 40px;
        line-height: 1;
        margin-right: 10px;
    }
    .voice_person{
        position: relative;
        display: block;
        justify-content: flex-end;
        margin-bottom: 30px;
    }
    .voice_person .des{
        width: 100%;
        margin-top: -50px;
        padding: 70px 20px 20px 20px;
        height: auto;
        border-radius: 8px;
        box-sizing: border-box;
        background: url("../images/voice/bg_voice01.png") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .voice_person .img{
        text-align: center;
        width: 100%;
        position: static;
        top: 35px;
        left: 45px;
        z-index: 2;
    }
    .voice_person .img img{
        width: 180px;
    }
    .voice_person .des_tit{
        font-size: 30px;
        color: #fff;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 20px;
    }
    .voice_person .des_box{
        display: block;
        justify-content: left;
        flex-wrap: wrap;
        margin-bottom: -10px;
    }
    .voice_person .des_box dl:nth-child(4){
        width: 100%;
    }
    .voice_person .des_box dl{
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .voice_person .des_box dt{
        width: 80px;
        line-height: 26px;
        border-radius: 15px;
        font-size: 14px;
        text-align: center;
        background: #fff;
    }
    .voice_person .des_box dd{
        width: calc(100% - 80px);
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 14px;
        color: #fff;
    }
    .voice_person .des_txt{
        margin-top: 15px;
        font-size: 12px;
    }
    .voice_detail_box01{
        margin-bottom: 30px;
    }
    .voice_tit{
        display: flex;
        justify-content: left;
        align-items: center;
        margin-bottom: 10px;
    }
    .voice_tit .num{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        font-size: 20px;
        color: #fff;
        background: url("../images/voice/bg_voice02.png") no-repeat left top;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .voice_tit .text{
        width: calc(100% - 40px);
        padding-left: 8px;
        font-size: 16px;
        line-height: 1.32;
        font-weight: 500;
        box-sizing: border-box;
    }
    .text_indent{
        font-size: 14px;
        line-height: 1.8;
        /*text-indent: 15px;*/
    }
    .com_box{
        padding: 20px 20px;
        border: 2px solid #ebebeb;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .voice_detail_box02{
        display: block;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .voice_detail_box03{
        display: block;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .voice_detail_box02>div{
        width: 100%;
        margin-top: 20px;
    }
    .voice_detail_box03 .img{
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .voice_detail_box03 .img img{
        width: 70%;
    }
    .voice_detail_box03 .com_box{
        width: 100%;
        margin-top: 20px;
    }
    .voice_detail_box03{
        margin-bottom: 30px;
    }
}



.bg_white {
    background: #fff !important;
    padding: 50px 0 85px;
}

.pd0 {
    padding: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}
.w_auto {
    width: 100% !important;
}

.img_radius img {
    width: 161px;
    height: 161px;
    border-radius: 100%;
}

/*radio01 css*/

.radio01-input {
    display: none;
}

.recruit_contact_box input[type="radio"] {
    display: none;
}

.radio01-parts,
.recruit_contact_box .wpcf7-radio .wpcf7-list-item-label {
    background: url(../images/event/ico_radio02.png) no-repeat top left;
    background-size: 21px auto;
    margin-right: 8px;
    padding-left: 30px;
}


.radio01-input:checked+.radio01-parts::after,
.recruit_contact_box .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label {
    display: inline-block;
    background: url(../images/event/ico_radio01.png) no-repeat top left;
    background-size: 21px auto;
}


/* css checkbox01 */

.checkbox01-input,
.recruit_contact_box .wpcf7-acceptance input[type="checkbox"],
.recruit_contact_box .wpcf7-checkbox input[type="checkbox"] {
    display: none;
}

.checkbox01-parts,
.recruit_contact_box .wpcf7-acceptance .wpcf7-list-item-label,
.recruit_contact_box .wpcf7-checkbox .wpcf7-list-item-label {
    background: url(../images/event/ico_checkbox01.png) no-repeat center left;
    background-size: 18px auto;
    margin-right: 10px;
    padding-left: 25px;
}

.recruit_contact_box .wpcf7-checkbox .wpcf7-list-item {
    display: block;
}


.checkbox01-input:checked+.checkbox01-parts::after,
.recruit_contact_box .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label,
.recruit_contact_box .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label {
    background: url(../images/event/ico_checkbox02.png) no-repeat center left;
    background-size: 18px auto;
}

.w95 {
    width: 95px !important;
    margin-left: 13px;
}

.radiolist {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .radiolist .wpcf7-list-item {
        margin: 0;
    }

    .w95 {
        width: 60px !important;
        margin-left: 10px;
    }

    .checkbox01-parts,
    .recruit_contact_box .wpcf7-acceptance .wpcf7-list-item-label,
    .recruit_contact_box .wpcf7-checkbox .wpcf7-list-item-label {
        background: url(../images/event/ico_checkbox01.png) no-repeat top 5px left;
        background-size: 18px auto;
        margin-right: 10px;
        padding-left: 25px;
        display: block;
    }

    .checkbox01-input:checked+.checkbox01-parts::after,
    .recruit_contact_box .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label,
    .recruit_contact_box .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label {
        background: url(../images/event/ico_checkbox02.png) no-repeat top 5px left;
        background-size: 18px auto;
        display: block;
    }
}