.pj_join{padding: 100px 0 200px;}

.pj_title{text-align: center;}
.pj_title>h2{font-family: "times new roman",times,serif;color: var(--base);font-size: 30px;}
.pj_title>h1{color: #666;font-size: 30px;margin: 15px 0;font-weight: 600;}
.pj_title>span{display: inline-block;width: 100px;border-top: 2px solid var(--base);}

.pj_join_w{margin-top: 60px;}
.pj_join_i{display: flex;justify-content: space-between;}
.pj_join_i:nth-child(2n){flex-direction: row-reverse;}
.pj_join_l{width: 50%;overflow: hidden;}
.pj_join_l>img{height: 436px;width: 100%;transition: .5s;object-fit: cover;}
.pj_join_l:hover img{transform: scale(1.1);}
.pj_join_r{width: 50%;background-color: #faf3e2;padding: 0 40px;display: flex;flex-direction: column;justify-content: center;}
.pj_join_r>h1{font-size: 24px;}
.pj_join_r>span{display: inline-block;width: 60px;border-top: 2px solid var(--base);margin: 20px 0;}
.pj_join_r>p{font-size: 16px;line-height: 2;}

@media screen and (max-width: 1200px) {
    .pj_title>h2{font-size: 2.6rem;}
    .pj_title>h1{font-size: 3rem;margin: 1rem 0;}
    .pj_title>span{width: 8rem;}

    .pj_join{padding: 6rem 0;}

    .pj_join_i{flex-direction: column;}
    .pj_join_i:nth-child(2n){flex-direction: column;}
    .pj_join_l{width: 100%;padding: 2rem 0;}
    .pj_join_l>img{height: auto;}
    .pj_join_r{width: 100%;padding: 3rem 2rem;}
    .pj_join_r>h1{font-size: 2.2rem;}
    .pj_join_r>p{font-size: 1.6rem;}
}