
.container__recruit {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px auto;
}

.display--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color--red {
    color: #ff0000;
}

.word--wrap {
    word-wrap: break-word;
}

input,
select, textarea {
    font-size: 100%;
    font-family: Verdana, Helvetica, sans-serif;
}

.input--set__size {
    font-size: 100%;
    font-family: Verdana, Helvetica, sans-serif;
    height: 25px !important;
}

p {  
    margin: 0px !important;
    padding: 12px 0px !important;
}

.h_menu { 
 //  top: 0px;
}

header .inner nav .tel p {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

header .inner nav .contact {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.wp__content {
    width: 100%;
    max-width: 1200px;
    padding: 0px;
    min-height: 500px;
    background-color: #fff;
    line-height: 1.8;
}

.wp__content .wp_title {
    width: 100%;
    margin: 50px 0px 10px 0px;
}

.wp__content .wp_title .tilte {
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 700;
    color: #000;
}

.wp__content .wp_title .tilte span {
    font-weight: 300;
    font-size: 1.2rem;
    border-left: 1px solid #aaa;
    padding-left: 10px;
}

.wp__content #recruit {
    width: 100%;
    min-height: 300px;
}

.wp__content #recruit .title__content {
    margin-bottom: 20px;
    padding-left: 20px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #000;
}

.wp__content #recruit .list {
    margin: 5px 0px;
}

.wp__content #recruit .list .list__item {
    margin: 5px 0;
}

.wp__content #recruit .list .list__item .laber__listtitle {
    width: 10.35%;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    padding: 10px 0px;
    justify-items: revert;
    background: #f5f5f5;
    font-weight: 500;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wp__content #recruit .list .list__item .laber__listtitle h4 {
    margin: 0px;
    font-size: 1rem;
    font-weight: 500;
}

.wp__content #recruit .list .list__item .list__content {
    width: 89.65%;
    font-size: 1rem;
    padding: 10px;
    display: table-cell;
}

.wp__content #recruit .list .list__item .list__content ul {
    padding: 0px;
    margin: 0px;
}

.wp__content #recruit .list .list__item .list__content ul li {
    list-style-type: none;
}

.wp__content #recruit form {
    padding: 20px;
    background-color: #f9f9f9;
    font-size: 16px;
}

.wp__content #recruit form .group__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
}

.wp__content #recruit form .group__control .laber__form {
    width: 16.811%;
    line-height: 26px;
    padding-right: 10px;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wp__content #recruit form .group__control .input__form--width {
    width: 83.1%;
}

.wp__content #recruit form .group__control .input__form--width .input__1--size {
    width: 140px;
}

.wp__content #recruit form .group__control .input__form--width .radio_buttom {
    display: inline-block;
    padding: 0px 1px;
    overflow-wrap: break-word;
    margin: 0px 5px 0px 0px !important;
}

.wp__content #recruit form .group__control .input1--dp {
    display: inherit;
}

.wp__content #recruit form .group__control p input:focus {
    outline: none;
}

.wp__content #recruit form .group__control p .input__1 {
    width: 100px;
    padding: 1px 2px;
}

.wp__content #recruit form .group__control p .mgright--5 {
    margin-right: 5px;
}

.wp__content #recruit form .group__control p .mgleft--10 {
    margin-left: 10px;
}

.wp__content #recruit form .group__control p .input__2 {
    width: 316px;
    height: 19px;
}

.wp__content #recruit form .group__control p .input__3 {
    width: 60px;
    height: 19px;
}

.wp__content #recruit form select {
    width: 88px;
    height: 25px;
}

.wp__content #recruit form .btn__submit {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0px;
}

.wp__content #recruit form .btn__submit .submit {
    padding: 5px 30px;
    font-size: 22px;
}

@media only screen and (max-width: 1270px) {
    .wp__content {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 800px) {
    .flex__none--display {
        display: block !important;
    }
    .mobile__size--max {
        width: 100% !important;
    }
    .display--flex {
        display: inherit;
    }
    .mobile__label--max {
        width: 100% !important;
        display: inherit !important;
        text-align: left !important;
    }
    form {
        padding: 20px;
        background-color: #f9f9f9;
    }
    form h1 {
        font-size: 1.6rem;
    }
    .laber__listtitle h4 {
        padding-left: 10px;
        margin: 0px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 2.8vw;
        padding-top: 70px;
    }
    .h_menu {
        top: 1px;
    }
    main .pagetit .cate {
        font-size: 20px !important;
    }
    .laber__width--max {
        width: 100% !important;
    }
    .group__control {
        display: block !important;
    }
    #recruit .textarea__1 {
        width: 100%;
    }
    #recruit .textarea__2 {
        width: 100%;
    }
    .group__control p .mgleft--10 {
        margin-left: 0px !important;
    }

}

.con_main {
    overflow-wrap: break-word;
    padding: 0;
    margin: 0;
}


@media only screen and (max-width: 746px) {
   
    .laber__width--max {
        width: 100% !important;
    }
    .group__control {
        display: block !important;
    }
    #recruit .textarea__1 {
        width: 100%;
    }
    #recruit .textarea__2 {
        width: 100%;
    }
    .group__control p .mgleft--10 {
        margin-left: 0px !important;
    }
}

.con_main {
    overflow-wrap: break-word;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 425px) {
    .h_menu {
    top: 14px;
    }
    
}


/*# sourceMappingURL=style.css.map */