.gContact {
    color: #fff;
    background-image: url(../img/bg-grad-red-contact.webp);
    background-size: cover;
    background-position: center;
    padding: 15.9rem 6.6rem;
    max-width: 1364px;
    width: calc(1364/1440*100%);
    margin: 0 auto;
    border-radius: 1.6rem;
}
.gContact h2 {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: calc(40.32/42);
}
.gContact p {
    font-size: 1.6rem;
    font-weight: 350;
    line-height: calc(27.2/16);
}
.career-nav {
    background: #4B0002;
    padding: 8rem 0;
}
@media (max-width: 768px) {
.career-nav {
        padding: 3rem
}
    }
.career-nav ul {
        max-width: 1300px;
        margin: 0 auto;
        gap: 3.2rem;
    }
.career-nav li:not(:last-child) {
        margin-bottom: 2rem;
    }
.career-nav li > a {
        display: block;
        background-color: #fff;
        padding: 4.4rem;
    }
@media (max-width: 768px) {
.career-nav li > a {
            font-size: 1.8rem;
            padding: 2rem;
            font-size: 2rem
    }
        }
.career-nav .btn-white {
        border-radius: 0;
        width: 100%;
    }
@media (max-width: 768px) {
.page-header h2 {
        margin-bottom: 4rem;
        font-size: 3.6rem
}
    }
@media (max-width: 768px) {
.page-header h2 + p {
        font-size: 1.4rem
}
    }
.content .list {
    margin-top: 13.1rem;
}
@media (max-width: 768px) {
.content .list {
        margin-top: 6rem
}
    }
.content .list li {
        margin-bottom: 8.3rem;
    }
@media (max-width: 768px) {
.content .list li {
            margin-bottom: 6rem
    }
        }
@media (max-width: 768px) {
.content .list li .boxArrow {
            padding-right: 3rem;
            text-align: right
    }
        }
.content .list li:hover .boxArrow > span > span::before {
        opacity: 1;
    }
.content .list li:hover .boxArrow > span > span::after {
        opacity: 0;
    }
.content .list li:hover .boxArrow > span > span > span img {
        transform: translateX(2px);
    }
.post-thumbnail {
    position: relative;
    width: 50%;
    background: var(--Function-Neutral, #f7f2ed);
    overflow: hidden;
}
@media (max-width: 768px) {
.post-thumbnail {
        width: 100%
}
    }
.post-thumbnail::before {
    content: '';
    display: block;
    padding-top: calc(424 / 634 * 100%);
}
.post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.6s var(--easing);
}
.content .list li:hover .post-thumbnail img {
        transform: scale(1.05);
    }
.post-content {
    padding: 8.3rem;
}
@media (min-width: 767px) {
.post-content {
        max-width: 50%
}
    }
@media (max-width: 768px) {
.post-content {
        padding: 3.94rem 0 0 0
}
    }
.post-content .title {
        color: var(--Takram-Black, #000);
        font-feature-settings: 'palt' on;
        font-size: 2.4rem;
        font-style: normal;
        /* line-height: 96%; */
        line-height: 1.4;
        letter-spacing: 1.92px;
        margin-bottom: 3.3rem;
    }
@media (max-width: 768px) {
.post-content .title {
            font-size: 1.8rem;
            margin-bottom: 1.8rem
    }
        }
.content .list li .post-content .title,
    .content .list li .profile .name,
    .content .list li .profile .job {
        transition: color 0.6s var(--easing);
    }
.content .list li:hover .post-content .title,
    .content .list li:hover .profile .name,
    .content .list li:hover .profile .job {
        color: var(--Takram-Red, #ff4116);
    }
.profile {
    margin-bottom: 3.3rem;
}
.profile figure {
        position: relative;
        width: 5.8rem;
        margin-right: 1.9rem;
        background: var(--Function-Neutral, #f7f2ed);
    }
@media (max-width: 768px) {
        }
.profile .figure::before {
        content: '';
        display: block;
        padding-top: 100%;
    }
.profile .figure img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
.profile .name {
        color: var(--Text-Main, #222);
        font-size: 1.6rem;
        font-style: normal;
        line-height: 200%;
        letter-spacing: 1.28px;
    }
@media (max-width: 768px) {
        }
.profile .job {
        font-feature-settings: 'palt' on;
        font-size: 1.3rem;
        line-height: 150%;
        letter-spacing: 1.04px;
        color: #636363;
    }
.profile .profile-content {
        flex: 1;
    }