header .logo {
    background: none;
    height: auto;
    bottom: 18px;
    transition: 1s
}
header .logo img {
    width: 144px;
    transition: 1.4s
}
.main {
    padding: 144px;
    margin: 76px 0 0 0;
    text-align: center;
    background: url(/images/recruit_bg.jpg) center bottom no-repeat;
    background-size: cover;
    color: #FFF;
    text-align: center;
}
.main h1 {
    font-size: 52px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 24px 0;
    background: url(/images/line_wh.png) center bottom no-repeat;
    background-size: 64px 1px;
}
.main h1 span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 20px 0 0 0;
}
.main p {
    color: #ffffff;
    font-size: 14px;
    line-height: 2;
    margin: 52px 0 0 0;
}
.main .btn {
    font-size: 16px;
    display: inline-block;
    padding: 24px 16px;
    border: 2px solid #FFF;
    font-weight: 700;
    color: #FFF;
    margin: 32px 0 0 0;
}
.main .btn li {
    float: left;
}
.main .btn li a {
    color: #FFF;
    border-right: 1px solid #FFF;
    display: inline-block;
    padding: 0 12px 0 12px;
}
.main .btn li:last-child a {
    border-right: none;
    padding: 0 12px 0 12px;
}
.our_culture,
.office,
.member,
.interview,
.guideline {
    padding-top: 80px;
}
.our_culture h2,
.office h2,
.member h2,
.interview h2,
.guideline h2 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 24px 0;
    background: url(/images/line.png) center bottom no-repeat;
    background-size: 64px 1px;
}
.our_culture h2 span,
.office h2 span,
.member h2 span,
.interview h2 span,
.guideline h2 span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 20px 0 0 0;
}
.our_culture h2 {
    position: relative;
}
.our_culture {
    position: relative;
}
.our_culture h2 {
    position: absolute;
    width: 100%;
    text-align: center;
}
.our_culture ul {
    margin: 0 32px;
    border-right: 1px solid #ededed;
}
.our_culture li {
    width: 33.33333%;
    float: left;
    padding: 200px 32px 64px 32px;
    box-sizing: border-box;
    border-left: 1px solid #ededed;
}
.our_culture h3 span {
    display: block;
    border-left: 1px solid #000;
}
.our_culture li:nth-child(1) h3 {
    background: url(/recruit/images/our_culture1.png) center bottom no-repeat;
    background-size: 70%;
    padding: 0 0 1.5vw 0;
}
.our_culture li:nth-child(2) h3 {
    background: url(/recruit/images/our_culture2.png) center bottom no-repeat;
    background-size: 60%;
    padding: 0 0 1.5vw 0;
}
.our_culture li:nth-child(3) h3 {
    background: url(/recruit/images/our_culture3.png) center bottom no-repeat;
    background-size: 45%;
    padding: 0 0 1.5vw 0;
}
.our_culture h3 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin: 0 -32px 32px -33px;
}
.our_culture p {
    font-size: 13px;
    line-height: 1.8;
    margin: 0 0 1em 0;
}
.office {
    background-color: #f6f6f6;
}
.office .lead {
    text-align: center;
}
.office .lead p {
    font-size: 14px;
    line-height: 1.8;
    margin: 32px 0 0 0;
}
.office .image {
    margin: 96px 0 0 0;
}
.office .image img {
    width: 100%;
}
.member ul {
    margin: 72px 32px 0 32px;
}
.member li {
    width: 33.3333333%;
    float: left;
}
.member .image img {
    width: 100%;
}
.member h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 24px 0;
    position: relative;
}
.member h3 .post {
    color: #9ba0a4;
    display: inline-block;
    padding: 16px 0;
    border-bottom: 3px solid #86c8f1;
    box-sizing: border-box;
    position: absolute;
    left: 0;
}
.member h3 .name {
    color: #000;
    width: 100%;
    display: inline-block;
    padding: 16px 16px 16px 3em;
    border-bottom: 3px solid #e6e6e6;
    box-sizing: border-box;
}
.member .profile {
    padding: 32px;
}
.member .profile p {
    font-size: 13px;
    line-height: 1.8;
}
.member .members {
    margin: 40px 0 0 0;
    background-color: #4c5462;
    padding: 32px 16px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.interview h2 {
    margin-bottom: 72px;
}
.interview .staff {
    padding: 120px 64px 120px 64px;
}
.interview .staff.kg {
    background: url(/recruit/images/interview_kg.png) center center no-repeat;
    background-size: cover;
    color: #FFF;
}
.interview .staff.tm {
    background: url(/recruit/images/interview_tm.png) center center no-repeat;
    background-size: cover;
}
.interview .staff.dy {
    background: url(/recruit/images/interview_dy.png) center center no-repeat;
    background-size: cover;
    color: #FFF;
}
.interview .staff.nm {
    background: url(/recruit/images/interview_nm.png) center center no-repeat;
    background-size: cover;
}
.interview .staff.ny {
    background: url(/recruit/images/interview_ny.png) center center no-repeat;
    background-size: cover;
    color: #FFF;
}
.interview .profile {
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.interview .interview {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0;
}
.interview .staff:nth-child(2n+1) .profile {
    float: right;
}
.interview .staff:nth-child(2n+1) .interview {
    padding-right: 64px;
}
.interview h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}
.interview .old_school {
    font-size: 12px;
    margin: 40px 0 0 0;
}
.interview .name {
    font-family: Arial;
    font-size: 42px;
    font-weight: 700;
    margin: 12px 0 0 0;
}
.interview .tag {
    margin: 32px 0 0 0;
}
.interview .tag li {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px 0 0;
    border-radius: 32px;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
}
.interview .tag .male {
    background: #58dffc;
}
.interview .tag .female {
    background: #fd5d5d;
}
.interview .tag .fresh {
    background: #1bbeb8;
}
.interview .tag .mid_career {
    background: #ff9c00;
}
.interview .tag .arts {
    background: #124c5e;
}
.interview .tag .sciences {
    background: #eae200;
}
.interview .tag .internship {
    background: #d93fff;
}
.interview .question h4 {
    font-size: 24px;
    font-weight: 700;
}
.interview .answer + .question h4 {
    margin: 80px 0 0 0;
}
.interview .answer {
    margin: 32px 0 0 0;
}
.interview .answer p {
    font-size: 14px;
    line-height: 1.8;
}
.guideline {
    margin: 0 64px;
}
.guideline h3 {
    font-size: 26px;
    margin: 80px 0 0 0;
    padding: 0 0 24px 0;
    text-align: center;
}
.guideline .fresh h3 {
    border-bottom: 2px solid #1bbeb8;
}
.guideline .mid-career h3 {
    border-bottom: 2px solid #ff9c00;
}
.guideline .internship h3 {
    border-bottom: 2px solid #d93fff;
}
.guideline table {
    margin: 48px auto 0 auto;
    border: 1px solid #dcdcdc;
    width: 75%;
}
.guideline th {
    border: 1px solid #dcdcdc;
    padding: 16px;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    line-height: 1.4;
    font-size: 14px;
}
.guideline .fresh th br {} .guideline td {
    border: 1px solid #dcdcdc;
    padding: 16px;
    line-height: 1.4;
    font-size: 14px;
}
.guideline .fresh th {
    background-color: #e5f8f7;
}
.guideline .mid-career th {
    background-color: #fdefd7;
}
.guideline .internship th {
    background-color: #f8e1fd;
}
.guideline .btn {
    text-align: center;
    margin: 40px 0 120px 0;
}
.guideline .btn a {
    display: inline-block;
    border-radius: 4px;
    font-weight: 700;
    padding: 24px 80px;
    color: #FFF;
}
.guideline .fresh .btn a {
    background-color: #1bbeb8;
}
.guideline .mid-career .btn a {
    background-color: #ff9c00;
}
.guideline .internship .btn a {
    background-color: #d93fff;
}
footer {
    border-top: 1px solid #dcdcdc;
}