#breadcrumb_list {
    padding-top: 6.25rem;
}
@media screen and (max-width:63.9375rem) {
    #breadcrumb_list {
        padding-top: 0.75rem;
    }
}

.main {
    position: relative;
    padding-top: 5.5rem;
}
@media screen and (max-width:63.9375rem) {
    .main {
        padding-top: 0;
    }
}

.main img {
    width: 100%;
}

.main div.text
{
    position: absolute; 
    left: 2.5rem; 
    top: 20vw; 
    font-size: 4vw;
    color: #0D4D80;
    font-weight: bold;
}
@media screen and (max-width:119.9375rem) {
    .main div.text {
        top: 22vw; 
    }
}
@media screen and (max-width:63.9375rem) {
    .main div.text {
        left: 0.5rem; 
        top: 15vw; 
        font-size: 1.75rem;
    }
}
@media screen and (max-width: 31.25rem){
    .main div.text {
        font-size: 1.25rem;
    }
}

.scroll {
    font-size: 1.125rem;
    color: #333333;
    font-weight: bold;
    margin: 1.875rem 0rem;
}

.line {
    background-color: #222222;
    width: 0.0625rem;
    height: 12.5rem;
    margin: 0 auto;
}
@media screen and (max-width:63.9375rem) {
    .scroll, .line {
        display: none;
    }
}

#landing_company,
#landing_service,
#landing_analyst,
#landing_recruit {
    display: inline-block;
}

/* company start */
.company {
    font-size: 1.5625rem;
    color: #333333;
    margin-bottom: 1.875rem;
    text-align: center;
}
@media screen and (max-width:119.9375rem) {
    .company {
        font-size: 1.125rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .company {
        font-size: 0.875rem;
    }
}

.heading {
    font-size: 1.875rem;
    color: #2B7AB9;
    font-weight: bold;
    margin-top: 3.125rem;
}
@media screen and (max-width:119.9375rem) {
    .heading {
        text-align: center;
    }
}
@media screen and (max-width:63.9375rem) {
    .heading {
        font-size: 1.25rem;
        margin-top: 1.875rem;
    }
}

.heading2 {
    font-size: 1.875rem;
    color: #fff;
    font-weight: bold;
    margin-top: 3.75rem;
    text-align: center;
}
@media screen and (max-width:63.9375rem) {
    .heading2 {
        font-size: 1.25rem;
        margin-top: 1.875rem;
    }
}

.heading_j {
    font-size: 0.75rem;
    color: #2B7AB9;
    font-weight: bold;
    margin-bottom: 1.875rem;
    text-align: center;
}

.us {
    width: 73.687rem;
    height: auto;
    margin:0 auto;
    margin-bottom: 3.125rem;
    position: relative;
}
@media screen and (max-width:119.9375rem) {
    .us {
        width: 64rem;
    }
}
@media screen and (max-width:64rem) {
    .us {
        width: 100%;
        margin-bottom: 1.875rem;
    }
}

.us img {
    width: 73.687rem;
    height: 18.75rem;
    margin:0 auto;
    position: relative;
}
@media screen and (max-width:119.9375rem) {
    .us img {
        width: 64rem;
        height: auto;
    }
}
@media screen and (max-width:64rem) {
    .us img {
        width: 100%;
    }
}

.usimg_2 {
    width: 73.687rem;
    height: 14.062rem;
    margin: 0 auto 6.25rem;
    position: relative;
    display: flex;
}
@media screen and (max-width:119.9375rem) {
    .usimg_2 {
        width: 54.375rem;
        height: 9.375rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .usimg_2 {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content:space-between;
        margin: 0 auto;
    }
}

.us div.text {
    position: absolute; 
    left: 32.437rem; 
    top: 15.625rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .us div.text {
        left: 27.937rem; 
        top: 13.125rem; 
        font-size: 1.125rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .us div.text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        font-size: 0.875rem;
    }
}

.about1 {
    width: 14.062rem;
    height: 14.062rem;
    padding: 0rem 2.875rem 0rem 0rem;
    position: relative;
}
@media screen and (max-width:119.9375rem) {
    .about1 {
        width: 9.375rem;
        height: 9.375rem;
        padding: 0rem 2.812rem 0rem 0rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about1 {
        width: 7.5rem;
        height: 7.5rem;
        margin: 0.3125rem auto 1.875rem;
        padding: 0;
    }
}

@media screen and (max-width:119.9375rem) {
    .about1 img {
        width: 9.375rem;
        height: 9.375rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about1 img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.about1 div.text {
    position: absolute; 
    left: 2.687rem; 
    top: 6.125rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .about1 div.text {
        left: 0.75rem; 
        top: 3.831rem; 
        font-size: 1.125rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about1 div.text {
        left: 0.75rem;
        top: 3.125rem;
        font-size: 0.875rem;
    }
}

.about2 {
    width: 14.062rem;
    height: 14.062rem;
    position: relative;
    padding: 0 2.875rem;
}
@media screen and (max-width:119.9375rem) {
    .about2 {
        width: 9.375rem;
        height: 9.375rem;
        padding: 0 2.812rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about2 {
        width: 7.5rem;
        height: 7.5rem;
        margin:0.3125rem auto 1.875rem;
        padding: 0;
    }
}

@media screen and (max-width:119.9375rem) {
    .about2 img {
        width: 9.375rem;
        height: 9.375rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about2 img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.about2 div.text {
    position: absolute; 
    left: 7.5rem; 
    top: 6.125rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .about2 div.text {
        left: 5.187rem;
        top: 3.812rem;
        font-size: 1.125rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about2 div.text {
        left: 2rem;
        top: 3.125rem;
        font-size: 0.875rem;
    }
}

.about3 {
    width: 14.062rem;
    height: 14.062rem;
    padding: 0 2.875rem;
    position: relative;
}
@media screen and (max-width:119.9375rem) {
    .about3 {
        width: 9.375rem;
        height: 9.375rem;
        padding: 0 2.812rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about3 {
        position: relative;
        width: 7.5rem;
        height: 7.5rem;
        margin:0.3125rem auto 1.875rem;
        padding: 0;
    }
}

@media screen and (max-width:119.9375rem) {
    .about3 img {
        width: 9.375rem;
        height: 9.375rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about3 img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.about3 div.text {
    position: absolute; 
    left: 8.75rem;
    top: 6.125rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .about3 div.text {
        left: 6.312rem;
        top: 3.812rem; 
        font-size: 1.125rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about3 div.text {
        left: 2.875rem;
        top: 3.125rem; 
        font-size: 0.875rem;
    }
}

.about4 {
    width: 14.062rem;
    height: 14.062rem;
    padding: 0 0 0 2.875rem;
    position: relative;
}
@media screen and (max-width:119.9375rem) {
    .about4 {
        width: 9.375rem;
        height: 9.375rem;
        padding: 0 0 0 2.812rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about4 {
        width: 7.5rem;
        height: 7.5rem;
        margin: 0.3125rem auto 1.875rem;
        padding: 0;
    }
}

@media screen and (max-width:119.9375rem) {
    .about4 img {
        width: 9.375rem;
        height: 9.375rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about4 img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.about4 div.text {
    position: absolute; 
    left: 5.75rem; 
    top: 6.125rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .about4 div.text {
        left: 3.562rem; 
        top: 3.812rem; 
        font-size: 1.125rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .about4 div.text {
        left: 0.687rem; 
        top: 3.125rem; 
        font-size: 0.875rem;
    }
}
/* company end */

/* service start */
.service {
    width: 100%;
    background-color: #E0EAF6;
    font-size: 1.25rem;
}
@media screen and (max-width:63.9375rem) {
    .service {
        font-size: 0.75rem;
    }
}

.service_1 {
    width: 73.625rem;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 6.25rem;
}
@media screen and (max-width:119.9375rem) {
    .service_1 {
        width: 56.875rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .service_1 {
        width: 100%;
        justify-content:space-around;
        margin-top: 1.875rem;
        padding-bottom: 0;
    }
}
@media screen and (min-width:31.25rem) and (max-width:63.9375rem) {
    .service_1::after {
        content: '';
        width: 100%;
    }

    .simg4 {
        order: 1;
    }
    .simg5 {
        order: 1;
    }
    .simg6 {
        order: 1;
    }
}

.simg1 {
    width: 15.625rem;
    height: 15.625rem;
    position: relative;
    padding: 3.75rem 6.687rem 0 0;
}
@media screen and (max-width:119.9375rem) {
    .simg1 {
        padding: 3.75rem 2.5rem 0 0;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg1 {
        margin-bottom: 1.875rem;
        width: auto;
        height: auto;
        padding: 0;
    }
}

.simg1 div.text {
    position: absolute; 
    left: 4.687rem;
    top: 10rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .simg1 div.text {
        top: 10.062rem; 
    }
}
@media screen and (max-width:63.9375rem) {
    .simg1 div.text {
        left: 1.562rem;
        top: 2.437rem;
        font-size: 0.875rem;
    }
}

.simg2 {
    width: 15.625rem;
    height: 15.625rem;
    position: relative;
    padding: 3.75rem 6.687rem 0 6.687rem;
}
@media screen and (max-width:119.9375rem) {
    .simg2 {
        padding: 3.75rem 2.5rem 0 2.5rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg2 {
        margin-bottom: 1.875rem;
        width: auto;
        height: auto;
        padding: 0;
    }
}

.simg2 div.text {
    position: absolute; 
    left: 11.25rem;
    top: 10rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .simg2 div.text {
        left: 7.187rem;
        top: 10.062rem; 
    }
}
@media screen and (max-width:63.9375rem) {
    .simg2 div.text {
        left: 1.562rem;
        top: 2.437rem;
        font-size: 0.875rem;
    }
}

.simg3 {
    width: 15.625rem;
    height: 15.625rem;
    position: relative;
    padding: 3.75rem 0 0 6.687rem;
}
@media screen and (max-width:119.9375rem) {
    .simg3 {
        padding: 3.75rem 0 0 2.5rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg3 {
        margin-bottom: 1.875rem;
        width: auto;
        height: auto;
        padding: 0;
    }
}

.simg3 div.text {
    position: absolute; 
    left: 12rem;
    top: 9rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .simg3 div.text {
        left: 8rem;
        top: 9rem; 
    }
}
@media screen and (max-width:63.9375rem) {
    .simg3 div.text {
        width: 4.375rem;
        left: 1.75rem;
        top: 1.75rem;
        font-size: 0.875rem;
    }
}

.simg4 {
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    padding: 3.125rem 3.125rem 0 0;
}
@media screen and (max-width:119.9375rem) {
    .simg4 {
        padding: 3.125rem 1.437rem 0 0;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg4 {
        margin-bottom: 1.875rem;
        width: auto;
        height: auto;
        padding: 0;
    }
}

.simg4 div.text {
    position: absolute; 
    left: 2.5rem;
    top: 8.437rem; 
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    pointer-events: none;
}
@media screen and (max-width:63.9375rem) {
    .simg4 div.text {
        left: 0.875rem;
        top: 3.062rem;
        font-size: 0.875rem;
    }
}

.simg5 {
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    padding: 3.125rem 3.125rem 0 3.125rem;
}
@media screen and (max-width:119.9375rem) {
    .simg5 {
        padding: 3.125rem 1.437rem 0 1.437rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg5 {
        margin-bottom: 1.875rem;
        width: auto;
        height: auto;
        padding: 0;
    }
}

.simg5 div.text {
    position: absolute; 
    left: 6.25rem;
    top: 7.5rem;  
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .simg5 div.text {
        left: 4.562rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg5 div.text {
        left: 1.562rem;
        top: 2.437rem;
        font-size: 0.875rem;
    }
}

.simg6 {
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    padding: 3.125rem 0 0 3.125rem;
}
@media screen and (max-width:119.9375rem) {
    .simg6 {
        padding: 3.125rem 0 0 1.437rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg6 {
        margin-bottom: 1.875rem;
        width: auto;
        height: auto;
        padding: 0;
    }
}

.simg6 div.text {
    position: absolute; 
    left: 5.12rem;
    top: 8.437rem;  
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .simg6 div.text {
        left: 3.312rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .simg6 div.text {
        left: 0.687rem;
        top: 3.062rem;
        font-size: 0.875rem;
    }
}

@media screen and (max-width:63.9375rem) {
    .simg1 img,
    .simg2 img,
    .simg3 img,
    .simg4 img,
    .simg5 img,
    .simg6 img {
        width: 7.5rem;
        height: 7.5rem;
    }
}
/* service end */

/* analyst start */
@media screen and (max-width:119.9375rem) {
    .ana {
        width: 100%;
    }
}

.group_a {
    display: flex;
    width: 75rem;
    height: 21.875rem;
    margin:0 auto;
    margin-bottom: 6.25rem;
    justify-content: space-around;
}
@media screen and (max-width:119.9375rem) {
    .group_a {
        width: 60.058rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .group_a {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
}

.analyst,
.analyst2,
.analyst3 {
    width: 16.687rem;
    height: 21.875rem;
}
@media screen and (max-width:63.9375rem) {
    .analyst,
    .analyst2,
    .analyst3 {
        width: 10rem;
        height: 18rem;
    }
}

.analyst img {
    width: 12.715‬rem;
    height: 16.875rem;
    position: relative;
    z-index: 2;
}

.analyst2 img {
    width: 11.446rem;
    height: 16.875rem;
    position: relative;
    z-index: 2;
    object-fit: cover;
}

.analyst3 img {
    width: 12.342rem;
    height: 16.875rem;
    position: relative;
    z-index: 2;
}

@media screen and (max-width:63.9375rem) {
    .analyst img,
    .analyst2 img,
    .analyst3 img {
        width: auto;
        height: 10.783rem;
    }
}

.analyst1-back,
.analyst2-back,
.analyst3-back {
    position: absolute;
    width: 0rem;
    height: 0rem;
    border-top: 4.687rem solid #fff;
    border-right: 16.687rem solid #2B7AB9;
    border-bottom: 12.812rem solid #2B7AB9;
    border-left: 0rem;
    top: -13.125rem;
    z-index: 1;
}
@media screen and (max-width:63.9375rem) {
    .analyst1-back,
    .analyst2-back,
    .analyst3-back {
        position: absolute;
        width: 0rem;
        height: 0rem;
        border-top: 4.375rem solid #fff;
        border-right: 10.0625rem solid #2B7AB9;
        border-bottom: 8.125rem solid #2B7AB9;
        border-left: 0rem;
        top: -8.125rem;
        z-index: 1;
    }
}

.analyst1-text {
    position: absolute;
    width: 12.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    left: 2.187rem;
    top: 1.25rem;
    z-index: 2;
}
@media screen and (max-width:63.9375rem) {
    .analyst1-text {
        width: 10rem;
        font-size: .875rem;
        left: 0rem;
    }
}

.analyst2-text {
    position: absolute;
    width: 12.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    left: 2.187rem;
    top: 1.25rem;
    z-index: 2;
}
@media screen and (max-width:63.9375rem) {
    .analyst2-text {
        width: 10rem;
        font-size: .875rem;
        left: 0rem;
    }
}

.analyst3-text {
    position: absolute;
    width: 12.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    left: 1.975rem;
    top: 0.362rem;
    z-index: 2;
}
@media screen and (max-width:63.9375rem) {
    .analyst3-text {
        width: 10rem;
        font-size: .875rem;
        left: 0rem;
        top: 0.75rem;
    }
}
/* analyst end */

/* recruit start */
.recruit {
    width: 100%;
    background-color: #2B7AB9;
    font-size: 1.25rem;
    color: #fff;
}
@media screen and (max-width:63.9375rem) {
    .recruit {
        font-size: 0.75rem;
    }
}

.recruit2 {
    width: 66.25rem;
    margin: 0 auto;
    padding-top: 3.75rem;
}
@media screen and (max-width:119.9375rem) {
    .recruit2 {
        width: 59.375rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .recruit2 {
        width: 100%;
        margin: 1.875rem auto 0;
    }
}

@media screen and (max-width:63.9375rem) {
    .recruit2 img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.heading3 {
    font-size: 1.875rem;
    color: #fff;
    font-weight: bold;
    margin-top: 3.75rem;
    text-align: center;
}
@media screen and (max-width:63.9375rem) {
    .heading3 {
        margin-top: 1.875rem;
    }
}


.message {
    width: 50rem;
    display: flex;
    position: relative;
    text-align: left;
    margin: 3.75rem 0 0 16.25rem;
}
@media screen and (max-width:119.9375rem) {
    .message {
        width: 40.625rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .message {
        width: 80%;
        margin: 0 auto 3.75rem;
        height: 7.5rem;
    }
}

.m_line {
    width: 41.25rem;
    height: 0.0625rem;
    background-color: #fff;
    left: 0rem;
    z-index: 3;
    position: absolute;
    pointer-events: none;
}
@media screen and (max-width:119.9375rem) {
    .m_line {
        width: 31.25rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .m_line {
        width: calc(100% - 3.75rem);
        top: -1.875rem;
    }
}

.message_img {
    width: 14.062rem;
    height: 14.062rem;
    position: absolute;
    right: 0rem;
    top: -3.437rem;
    z-index: 0;
}
@media screen and (max-width:63.9375rem) {
    .message_img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.message a {
    color: #fff;
    z-index: 0;
}

.message_text {
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: 0.75rem;
    z-index: 2;
}
@media screen and (max-width:63.9375rem) {
    .message_text {
        font-size: 0.875rem;
        top: -0.5rem;
    }
}

.career {
    width: 50rem;
    display: flex;
    position: relative;
    margin: 14.062rem 16.25rem 0 0;
}
@media screen and (max-width:119.9375rem) {
    .career {
        width: 40.625rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .career {
        width: 80%;
        margin: 0 auto 3.75rem;
        height: 7.5rem;
    }
}

.c_line {
    width: 41.25rem;
    height: 0.0625rem;
    background-color: #fff;
    right: 0rem;
    z-index: 3;
    position: absolute;
}
@media screen and (max-width:119.9375rem) {
    .c_line {
        width: 31.25rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .c_line {
        width: calc(100% - 3.75rem);
        top: -1.875rem;
    }
}

.career_img {
    width: 14.062rem;
    height: 14.062rem;
    position: absolute;
    left: 0rem;
    top: -3.437rem;
    z-index: 0;
}
@media screen and (max-width:63.9375rem) {
    .career_img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.career_text {
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-align: left;
    position: absolute;
    right: 0rem;
    top: 0.75rem;
    z-index: 2;
}
@media screen and (max-width:63.9375rem) {
    .career_text {
        font-size: 0.875rem;
        top: -0.5rem;
    }
}

.career a {
    color: #fff;
}

.interview {
    width: 50rem;
    display: flex;
    margin: 14.062rem 0 0 16.25rem;
    position: relative;
}
@media screen and (max-width:119.9375rem) {
    .interview {
        width: 40.625rem;
        display: flex;
        margin: 14.062rem 0 0 16.25rem;
        position: relative;
    }
}
@media screen and (max-width:63.9375rem) {
    .interview {
        width: 80%;
        margin: 0 auto;
        height: 7.5rem;
    }
}

.i_line {
    width: 41.25rem;
    height: 0.0625rem;
    background-color: #fff;
    z-index: 3;
    position: absolute;
}
@media screen and (max-width:119.9375rem) {
    .i_line {
        width: 31.25rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .i_line {
        width: calc(100% - 3.75rem);
        top: -1.875rem;
    }
}

.interview_img {
    width: 14.062rem;
    height: 14.062rem;
    position: absolute;
    right: 0rem;
    top: -3.437rem; 
    z-index: 0;
}
@media screen and (max-width:63.9375rem) {
    .interview_img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

.interview a {
    color: #fff;
}

.interview_text {
    width: 12.5rem;
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: 0.75rem; 
    z-index: 2;
}
@media screen and (max-width:63.9375rem) {
    .interview_text {
        font-size: 0.875rem;
        top: -0.5rem;
    }
}

.recruit_bottom {
    padding-bottom: 18.75rem;
}
@media screen and (max-width:63.9375rem) {
    .recruit_bottom {
        padding-bottom: 0rem;
    }
}
/* recruit end */

/* info start */
.info_container {
    width: 66.25rem;
    margin: 6.25rem auto;
    display: flex;
}
@media screen and (max-width:119.9375rem) {
    .info_container {
        width: 57.25rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .info_container {
        width: 22.4375rem;
        margin: 0 auto 1.875rem;
        flex-wrap: wrap;
    }
}

.info_container a {
    color: #2B7AB9
}

.info_title {
    width: 7rem;
    font-size: 1.562rem;
    color: #2B7AB9;
    font-weight: bold;
    text-align: left;
}

.info_title_sub {
    width: 11rem;
    font-size: 0.75rem;
    color: #2B7AB9;
    font-weight: bold;
    margin-top: 0.625rem;
    text-align: left;
}
@media screen and (max-width:119.9375rem) {
    .info_title_sub {
        width: 8.5rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .info_title_sub {
        width: calc(100% - 7rem);
    }
}

.info_list {
    margin-bottom: 1rem;
}
@media screen and (max-width:119.9375rem) {
    .info_list {
        width: auto;
    }
}
@media screen and (max-width:63.9375rem) {
    .info_list {
        width: 100%;
    }
}

.info_list td:nth-child(1) {
    width: 7rem;
    font-size: 0.875rem;
    color: #333333;
    text-align: left;
    vertical-align: top;
}
@media screen and (max-width:63.9375rem) {
    .info_list td:nth-child(1) {
        width: 6rem;
        font-size: 0.75rem;
    }
}

.info_list td:nth-child(2) {
    width: 37.75rem;
    font-size: 0.875rem;
    color: #333333;
    text-align: left;
}
@media screen and (max-width:119.9375rem) {
    .info_list td:nth-child(2) {
        width: 31.25rem;
    }
}
@media screen and (max-width:63.9375rem) {
    .info_list td:nth-child(2) {
        width: calc(100% - 6rem);
        font-size: 0.75rem;
    }
}

.info_more {
    width: 3.5rem;
    font-size: 0.875rem;
    text-align: right;
    display: flex;
    align-items: flex-end;
}
@media screen and (max-width:63.9375rem) {
    .info_more {
        width: 100%;
        font-size: 0.875rem;
        display: block;
    }
}
/* info end */