@charset "utf-8";

/*デフォルトの三角形背景を非表示*/
.careers-page::before{
    display: none;
}

/* ---------- 
breadcrumb
----------*/
#careers .breadcrumb{
    position: absolute;
    z-index: 5;
}

#careers .breadcrumb .breadcrumb-item a{
    color: var(--color-text-sub);
}

#careers .breadcrumb .breadcrumb-item span{
    color: var(--color-text-sub);
}

#careers .breadcrumb .breadcrumb-item:not(:last-child):after{
    border-top: 1px solid var(--color-text-sub);
    border-right: 1px solid var(--color-text-sub);
}

#careers .breadcrumb.footer{
    position: relative;
}

/* ---------- 
btn-wrap careers-btn(白背景_グラデーション違いボタン)
----------*/
@media screen and (min-width: 701px) {
    .btn-wrap.careers-btn .btn-hover-grad:hover, .btn-wrap.careers-btn .btn-hover-grad-white:hover, .btn-wrap.careers-btn .btn-hover-grad-right:hover{
        background: linear-gradient(to right, var(--color-banner_C2F1FD), var(--color-link_009BDA));
        color: var(--color-text-sub);
    }
}

/* ---------- 
btn-wrap btn-hover-grad-gray(グレー背景ボタン)
----------*/
/*グレーのボタン用*/
.careers-entry .btn-wrap .btn-hover-grad.btn-hover-grad-gray{
    background: var(--color-sub);
    color: var(--color-text);
}

.careers-entry .btn-wrap .btn-hover-grad.btn-hover-grad-gray:after{
    border-top: 1px solid var(--color-text);
    border-right: 1px solid var(--color-text);
}

@media screen and (min-width: 701px) {
    .btn-wrap .btn-hover-grad.btn-hover-grad-gray:hover{
        background: linear-gradient(to right, var(--color-link_009BDA) , var(--color-link_083C71));
        color: var(--color-text-sub);
    }

    .btn-wrap .btn-hover-grad.btn-hover-grad-gray:hover:after{
        border-top: 1px solid var(--color-text-sub);
        border-right: 1px solid var(--color-text-sub);
    }
}

/* ---------- 
careers-kv
----------*/
.careers-kv .careers-kv-img{
    position: relative;
    z-index: 2;
}

.careers-kv-text-wrap{
    background: linear-gradient(to bottom right, var(--color-corp) 50%, var(--color-254696) 50%);
    padding-bottom: 70px;
}

.careers-kv-title{
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 6px;
    font-weight: 500;
    font-size: clamp(120px, 8.57vw, calc(120px * var(--ratio)));
    margin-top: -0.21em;
    margin-bottom: 70px;
    color: var(--color-text-sub);
}

.careers-kv-title .careers-kv-title-en{
    font-size: clamp(120px, 8.57vw, calc(120px * var(--ratio)));
    font-family: "Unna", serif;
    line-height: 1;
}
.careers-kv-title .careers-kv-title-en .narrow{
    letter-spacing: -0.1em;
}
.careers-kv-title .careers-kv-title-ja{
    font-size: clamp(14px, 1vw, calc(14px * var(--ratio)));
    letter-spacing: 0.05em;
    margin-top: -0.35em;
}

@media screen and (max-width: 700px) {
    .careers-kv-text-wrap{
        padding-bottom: 60px;
    }
    .careers-kv-title{
        gap: 0;
        font-size: calc(50px / var(--fs-base) * 1rem);
        margin-top: -0.27em;
        margin-bottom: 50px;
    }
    .careers-kv-title .careers-kv-title-en{
        font-size: calc(66px / var(--fs-base) * 1rem);
    }

    .careers-kv-title .careers-kv-title-ja{
        font-size: calc(14px / var(--fs-base) * 1rem);
    }
}

/* ---------- 
careers-kv-news
----------*/
.careers-kv-news .sec-title-a{
    color: var(--color-text-sub);
}

.careers-kv-news .news-list{
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.careers-kv-news .news-list li {
    position: relative;
    border-bottom: 1px solid var(--color-text-sub)
}
.careers-kv-news .news-list li a {
    display: flex;
    align-items: center;
    padding: 17px 30px;
    color: var(--color-text-sub);
}
/* .careers-kv-news .news-list li .new-icon {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    display: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FAB000;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text-sub);
    letter-spacing: 0.05em;
}
.careers-kv-news .news-list li.new .new-icon {
    display: flex;
    align-items: center;
    justify-content: center;
} */
.careers-kv-news .news-list li:first-of-type {
    border-top: 1px solid var(--color-text-sub);
}
.careers-kv-news .news-list li .time {
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1vw, calc(14px * var(--ratio)));
    font-weight: 400;
    margin-right: 19px;
}
.careers-kv-news .news-list li .category {
    width: clamp(100px, 7.14vw, calc(100px * var(--ratio)));
    border: 1px solid var(--color-3ED4F8);
    border-radius: 99px;
    margin-right: 20px;
    padding: 6px 0;
    text-align: center;
    font-size: clamp(12px, 0.89vw, calc(12px * var(--ratio)));
    font-weight: 400;
    color: var(--color-3ED4F8);
    letter-spacing: 0.025em;
}
.careers-kv-news .news-list li .news-title {
    position: relative;
    /*width: 100%;*/
    flex: 1;
    padding-right: 30px;
}
.careers-kv-news .news-list li .news-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8.5px;
    height: 8.5px;
    border-top: 1px solid var(--color-text-sub);
    border-right: 1px solid var(--color-text-sub);
    transform: translateY(-50%) rotate(45deg);
}

/* 複数行下線アニメーション用 */
.careers-kv-news .news-list li .news-title .link-text{
    color: var(--color-text-sub);
    background-image: linear-gradient(var(--color-text-sub), var(--color-text-sub));
    font-size: clamp(16px, 1.14vw, calc(16px * var(--ratio)));
    line-height: calc(30/16);
}

@media screen and (min-width: 701px) {
    /* ホバー時 */
    .careers-kv-news .news-list li:hover .news-title::after {
        transition: 0.2s linear;
        right: -10px;
    }

    .careers-kv-news .news-list li:hover .link-text{
        background-size: 100% 1px;
    }

    .link-text:hover {
        background-size: initial;
    }
}
/* @media screen and (min-width: 701px) and (max-width: 1100px) {
    .careers-kv-news .news-list li .new-icon {
        left: -25px;
        width: 50px;
        height: 50px;
        font-size: 12px;
    }
} */
@media screen and (max-width: 700px) {
    .careers-kv-news .news-list {
        margin-bottom: 20px;
    }
    .careers-kv-news .news-list li a {
        flex-wrap: wrap;
        padding: 20px 0;
    }
    /* .careers-kv-news .news-list li .new-icon {
        top: 15%;
        left: auto;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: calc(10px / var(--fs-base) * 1rem);
    } */
    .careers-kv-news .news-list li .time {
        font-size: calc(14px / var(--fs-base) * 1rem);
    }
    .careers-kv-news .news-list li .category {
        padding: 5px 0;
        font-size: calc(12px / var(--fs-base) * 1rem);
    }

    .careers-kv-news .news-list li .news-title {
        flex: auto;
        margin-top: 10px;
        padding-right: 0;
        font-size: calc(12px / var(--fs-base) * 1rem);
        line-height: calc(23/12);
    }
    .careers-kv-news .news-list li .news-title .link-text{
        font-size: calc(12px / var(--fs-base) * 1rem);
        line-height: calc(23/12);
    }
    .careers-kv-news .news-list li .news-title::after {
        top: -25px;
        right: auto;
        left: 18em;
        transform: rotate(45deg);    
    }
}


/* ---------- 
careers-section(共通設定)
----------*/
.careers-section{
    padding: 65px 0 80px;
}

.careers-section .careers-section-lead{
    font-size: clamp(16px, 1.14vw, calc(16px * var(--ratio)));
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: calc(34/16);
    margin-bottom: 40px;
}

@media screen and (max-width: 700px) {
    .careers-section{
        padding: 60px 0;
    }

    .careers-section .careers-section-lead{
        font-size: calc(15px / var(--fs-base) * 1rem);
        line-height: calc(30/15);
    }
}

/* ---------- 
careers-entry
----------*/
.careers-entry-list{
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 30px;
    align-items: stretch;
    margin-bottom: 40px;
}

.careers-entry-list .careers-entry-list-item{
    background-color: var(--color-text);
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.careers-entry-list-item-title{
    font-size: clamp(24px, 1.71vw, calc(24px * var(--ratio)));
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: calc(44/24);
    margin-bottom: 20px;
}

.careers-entry-list-item-text{
    color: var(--color-text-sub);
    padding: 30px 60px 35px;
    text-align: center;
    flex-shrink: 0;
}

.careers-entry-list-item-text .btn-box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.careers-entry-list .btn-hover-grad{
    max-width: clamp(365px, 26.07vw, calc(365px * var(--ratio)));
    width: 100%;
    line-height: 1.2;
}

.careers-entry-list-item-img{
    margin-top: auto;
    flex-shrink: 0;
}

.careers-entry-list-item-img img{
    display: block;
    width: 100%;
    height: auto;
}



@media screen and (max-width: 1100px) {
    .careers-entry-list{
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 700px) {
    .careers-entry-list-item-title{
        font-size: calc(20px / var(--fs-base) * 1rem);
        line-height: calc(30/20);
    }

    .careers-entry-list-item-text{
        padding: 30px;
    }

    .careers-entry-list .btn-hover-grad{
        padding-left: 0px;
        border-radius: 36px;
    }

    .careers-entry-list .btn-hover-grad:after{
        left: initial;
    }
}

/* ---------- 
careers-work
----------*/
.careers-work{
    background: linear-gradient(to bottom right,var(--color-D9D9D9)  50%, var(--color-DEDEDE) 50%);
}

.careers-work .careers-work-list-item{
    margin-bottom: 40px;
}
.careers-work .careers-work-list-item:last-of-type{
    margin-bottom: 0;
}

.careers-work .slide-title{
    margin-bottom: 30px;
}

@media screen and (max-width: 700px) {
    .careers-work .slide-title{
        margin-bottom: 20px;
    }
}

/* ---------- 
index-block
----------*/
.careers-work .index-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.careers-work .index-list li {
    position: relative;
    width: 48.6%;
    border-bottom: 1px solid var(--color-corp);
    background: var(--color-text-sub);
}
.careers-work .index-list li:nth-child(1),
.careers-work .index-list li:nth-child(2) {
    border-top: 1px solid var(--color-corp);
}
.careers-work .index-list li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 40px;
    width: 8.5px;
    height: 8.5px;
    border-top: 1px solid var(--color-corp);
    border-right: 1px solid var(--color-corp);
    transform: translateY(-50%) rotate(45deg);
}
.careers-work .index-list li a {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 3em;
}
.careers-work .index-list li a p {
    font-size: clamp(18px, 1.28vw, calc(18px * var(--ratio)));
    color: var(--color-corp);
    letter-spacing: 0.025em;
    line-height: 1.5;
}
.careers-work .index-list li a img {
    width: clamp(77px, 5.5vw, calc(77px * var(--ratio)));
    height: clamp(77px, 5.5vw, calc(77px * var(--ratio)));
}

@media screen and (min-width: 701px) {
    .careers-work .index-list li:hover{
        background: var(--color-sub);
    }
    .careers-work .index-list li:hover:after {
        right: 20px;
        transition: right 0.3s ease;
    }
}
@media screen and (max-width: 700px) {
    .careers-work .index-list {
        flex-direction: column;
    }
    .careers-work .index-list li {
        width: 100%;
    }
    .careers-work .index-list li:nth-child(2) {
        border-top: none;
    }
    .careers-work .index-list li:after {
        right: 30px;
    }
    .careers-work .index-list li a p {
        font-size: calc(15px / var(--fs-base) * 1rem);
    }
}

/* ---------- 
careers-people(コンテンツ内共通)
----------*/
.careers-people{
    overflow: hidden;
}
.careers-people .interview-section{
    margin-bottom: 60px;
}

/* ---------- 
careers スライダー共通（interview / message）
----------*/
.interview-swiper,
.message-swiper {
    margin-bottom: 30px;
    overflow: visible;
}

.interview-swiper .swiper-wrapper,
.message-swiper .swiper-wrapper {
    align-items: stretch;
}

.activities-section .interview-swiper .swiper-slide,
.activities-section .message-swiper .swiper-slide {
    width: 326px;
}

.interview-swiper-img,
.message-swiper-img {
    width: 100%;
    overflow: hidden;
}

.interview-swiper-img img,
.message-swiper-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 1101px) {
    /* 固定サイズでトリミング表示を維持 */
    .interview-swiper-img img,
    .message-swiper-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

.interview-swiper-content,
.message-swiper-content {
    width: 100%;
    padding: 30px;
    padding-top: clamp(30px, 2.143vw, calc(30px * var(--ratio)));
    background: var(--color-sub);
    box-sizing: border-box;
}

/* ページネーション（数字表示） */
.swiper-pagination {
    position: relative;
    margin: 30px 0 0;
    width: 100%;
    text-align: center;
    padding-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination span {
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1vw, calc(14px * var(--ratio)));
    font-weight: 400;
    color: var(--color-text);
}
.swiper-pagination span.current,
.swiper-pagination span.total {
    padding: 0 10px;
}
.swiper-pagination span.separator {
    display: inline-block;
    height: 0.85em;
    width: 1px;
    background: var(--color-text);
}

@media screen and (max-width: 700px) {
    .swiper-pagination span {
        font-size: calc(16px / var(--fs-base) * 1rem);
    }

    .swiper-pagination span.separator {
        height: 1em;
    }
}

/* ナビゲーション（矢印・スライダー下部） */
.interview-swiper-pagination,
.message-swiper-pagination {
    position: relative;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.interview-swiper-button-next,
.interview-swiper-button-prev,
.message-swiper-button-next,
.message-swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-text);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
}

.interview-swiper-button-next,
.message-swiper-button-next {
    left: calc(50% + 66px);
}

.interview-swiper-button-prev,
.message-swiper-button-prev {
    left: calc(50% - 66px);
}

.interview-swiper-button-next:before,
.interview-swiper-button-prev:before,
.message-swiper-button-next:before,
.message-swiper-button-prev:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translate(-50%);
}

.interview-swiper-button-next:before,
.message-swiper-button-next:before {
    border-top: 1px solid var(--color-text);
    border-right: 1px solid var(--color-text);
    right: calc(50% - 4px);
}

.interview-swiper-button-prev:before,
.message-swiper-button-prev:before {
    border-bottom: 1px solid var(--color-text);
    border-left: 1px solid var(--color-text);
    left: 50%;
}

#support_case .btn-wrap {
    margin-bottom: 80px;
}

@media screen and (min-width: 701px) {
    .interview-swiper-button-next:hover,
    .interview-swiper-button-prev:hover,
    .interview-swiper-pause-button:hover,
    .message-swiper-button-next:hover,
    .message-swiper-button-prev:hover,
    .message-swiper-pause-button:hover {
        background: var(--color-text);
    }
    .interview-swiper-button-next:hover:before,
    .message-swiper-button-next:hover:before {
        border-top: 1px solid var(--color-text-sub);
        border-right: 1px solid var(--color-text-sub);
    }
    .interview-swiper-button-prev:hover:before,
    .message-swiper-button-prev:hover:before {
        border-bottom: 1px solid var(--color-text-sub);
        border-left: 1px solid var(--color-text-sub);
    }
    .interview-swiper-pause-button:hover:before,
    .interview-swiper-pause-button:hover:after,
    .message-swiper-pause-button:hover:before,
    .message-swiper-pause-button:hover:after {
        background: var(--color-text-sub);
    }
}

/* ---------- 
interview-section（スライダー）
----------*/
.interview-swiper-img {
    aspect-ratio: 326 / 245;
}

.interview-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
    width: clamp(326px, 23.286vw, calc(326px * var(--ratio)));
}

.interview-swiper-content {
    height: clamp(270px, 19.286vw, calc(270px * var(--ratio)));
}

.interview-swiper-title{
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: clip;
    overflow: hidden;
}

.interview-swiper-title a{
    font-size: clamp(16px, 1.143vw, calc(16px * var(--ratio)));
    line-height: calc(30/16);
    font-weight: 500;
    color: var(--color-text);
    background-image: linear-gradient(var(--color-text), var(--color-text));
}

.interview-swiper-title .link-text[target="_blank"] {
    background-image:
        linear-gradient(var(--color-text), var(--color-text)),
        url(../../images/common/icon_external-link-black.svg);
    background-size: 0% 1px, 1em 1em;
    background-position: left bottom, right center;
}


.interview-swiper-link-wrap {
    display: block;
    font-size: clamp(12px, 0.86vw, calc(12px * var(--ratio)));
    line-height: 1.83;
    max-height: calc(1em * 1.83 * 3);
    overflow: hidden;
    text-overflow: clip;
}

.interview-swiper-link-wrap a:not(:last-child) {
    margin-right: 10px;
}

.interview-swiper-link-wrap .link-hover-line {
    line-height: 1.83;
}

/* PC時は下線アニメーションを表示 */
@media screen and (min-width: 700px) {
    .interview-item:hover .interview-swiper-img{
        filter:  brightness(0.85);
    }

    .interview-item:hover .interview-swiper-title .link-text {
        background-size: 100% 1px;
    }

    .interview-item:hover .interview-swiper-title .link-text[target="_blank"] {
        background-size: calc(100% - 1.4em) 1px, 1em 1em;
    }
}

@media screen and (max-width: 700px) {
    .interview-item .interview-swiper-title {
        font-size: calc(16px / var(--fs-base) * 1rem);
    }

    .interview-swiper-link-wrap a:not(:last-child) {
        margin-right: 5px;
    }

    .interview-item .interview-swiper-title .link-text[target="_blank"] {
        background-size: calc(100% - 1.4em) 1px, 1em 1em;
    }
}

/* ---------- 
message-section（スライダー）
----------*/
.message-swiper-img {
    aspect-ratio: 242 / 242;
}

.message-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
    width: clamp(242px, 17.286vw, calc(242px * var(--ratio)));
}

.message-swiper-content {
    height: clamp(220px, 15.714vw, calc(220px * var(--ratio)));
}

.message-swiper-text {
    margin-bottom: 20px;
}

.message-swiper-name .link-text {
    display: inline-block;
    color: var(--color-text);
    font-weight: 500;
    font-family: "Inter", sans-serif;
    background-image: linear-gradient(var(--color-text), var(--color-text));
    text-overflow: clip;
    margin-bottom: 7px;
    padding-bottom: 3px;
}

.message-swiper-position{
    font-size: clamp(12px, 0.86vw, calc(12px * var(--ratio)));
    line-height: calc(22/12);
    max-height: calc(1em * 1.83 * 3);
    overflow: hidden;
    text-overflow: clip;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: var(--color-text);
}

.message-swiper-link-wrap {
    display: block;
    font-size: clamp(12px, 0.86vw, calc(12px * var(--ratio)));
    line-height: 1.83;
    max-height: calc(1em * 1.83 * 2);
    overflow: hidden;
    text-overflow: clip;
}

.message-swiper-link-wrap a:not(:last-child) {
    margin-right: 10px;
}

.message-swiper-link-wrap .link-hover-line {
    line-height: 1.83;
}

/* PC時は下線アニメーションを表示 */
@media screen and (min-width: 700px) {
    .message-item:hover .message-swiper-img{
        filter:  brightness(0.85);
    }

    .message-item:hover .message-swiper-name .link-text {
        background-size: 100% 1px;
    }
}

@media screen and (max-width: 700px) {
    .message-swiper-position{
        font-size: calc(12px / var(--fs-base) * 1rem);
    }
    .message-swiper-link-wrap a:not(:last-child) {
        margin-right: 5px;
    }
}

/* ---------- 
careers-movie
----------*/
.careers-movie{
    background: linear-gradient(to bottom right, var(--color-corp) 50%, var(--color-254696) 50%);
    position: relative;
    padding-bottom: 0;
}

.careers-movie .sec-title-a{
    color: var(--color-text-sub);
}

.careers-movie .careers-section-lead{
    color: var(--color-text-sub);
}


.careers-movie-item{
    max-width: clamp(840px, 60vw, calc(840px * var(--ratio)));
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
}


.careers-movie-item .careers-movie-item-text{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-text-sub);
    padding: 26px 0;
    gap: 20px;
    font-size: clamp(16px, 1.143vw, calc(16px * var(--ratio)));
    font-weight: 500;
    color: var(--color-text);
}

.careers-movie-item .careers-button-next{
    position: relative;
    width: 26px;
    height: 26px;
    background-color: var(--color-text);
    border-radius: 50%;
    z-index: 10;
    cursor: pointer;
}

.careers-movie-item .careers-button-next:before{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translate(-50%);
    border-top: 1px solid var(--color-text-sub);
    border-right: 1px solid var(--color-text-sub);
    right: calc(50% - 4px);
}

/*アニメーションゆっくりさせる*/
.careers-movie-item a .careers-movie-item-img {
    transition: opacity 0.3s ease;
}
.careers-movie-item a .careers-movie-item-text {
    transition: background 0.3s ease, color 0.3s ease;
}
.careers-movie-item a .careers-button-next {
    transition: background-color 0.3s ease;
}
.careers-movie-item a .careers-button-next:before {
    transition: border-color 0.3s ease;
}

/*PC時のホバーアニメーション*/
@media screen and (min-width: 701px) {
    .careers-movie-item a:hover .careers-movie-item-img{
        opacity: 0.7;
    }

    .careers-movie-item a:hover .careers-movie-item-text{
        background: var(--color-text);
        color: var(--color-text-sub);
    }

    .careers-movie-item a:hover .careers-button-next{
        background-color: var(--color-text-sub);
    }

    .careers-movie-item a:hover .careers-button-next:before{
        border-top: 1px solid var(--color-text);
        border-right: 1px solid var(--color-text);
    }
}

@media screen and (max-width: 700px) {
    .careers-movie-item{
        margin-bottom: 60px;
    }
    .careers-movie-item .careers-movie-item-text{
        padding: 20px 0;
        font-size: clamp(15px, 1.07vw, calc(15px * var(--ratio)));
    }
    .careers-movie-item .careers-button-next{
        width: 25px;
        height: 25px;
    }
    .careers-movie-item .careers-button-next:before{
        width: 7px;
        height: 7px;
    }
}