@charset "utf-8";
/***********/
/* 全体
/***********/
body {
    box-sizing: border-box;
    color: #222;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    margin: 0;
    width: 100%;
}

h1, h2, h3, p { margin: 0;}
p { font-size: 16px; font-weight: 400;}
img { vertical-align:top; width: 100%;}
a, label {transition: .2s ease}
a:hover,label:hover {opacity: .6;}
main { background-color: #F5F6F9;}
@media (max-width: 768px) {
    .usr_pc {display: none !important;}
}
@media (min-width: 769px) {
    .usr_sp {display: none !important;}
}

/***********/
/* 複数で使うところ 
/***********/
.txt_blue {
    color: #0063B2;
}
.txt_bold {
    font-weight: bold;
}
.txt_gray {
    color: #666;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1em;
}
.text_xs {
    color: #666;
    font-size: 0.75em;
}
.text_2xs {
    color: #666;
    font-size: 0.625em;
    margin-top: 10px;
}
.mg_120 {
    margin: 120px auto !important;
}

.wd-300 {
    width: 300px; /*point01のボタン*/
}
.wd-400 {
    width: 400px;
}
.marker {
    background: linear-gradient(transparent 60%, rgba(229, 169, 23, 0.5) 60%);
}
.txt_gray {
    font-size: 1.25em;
}
.h_70 {
    box-sizing: border-box;
    height: 70px;
}
.h_100 {
    box-sizing: border-box;
    height: 100px;
}
@media (max-width: 768px) {
    .wd_80p {
        width: 80%;
    }
    .wd_90p {
        width: 90%;
    }
    .wd_100p {
        width: 100%;
    }
    .text_2xs {
        margin-top: 0;
    }
    .mg_80 {
        margin: 80px auto !important; /*point02全体の上下*/
    }
}

/***********/
/* ボタン
/***********/
.btn_job_offer {
    font-size: 30px;
    text-align: center;
    width: 100%;
}
.btn_job_offer a {
    background-color: #E5A917;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    color: #222;
    display: block;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 auto;
    padding: 18px 0;
    position: relative;
    text-decoration: none;
}
.btn_job_offer a::after {
    bottom: 0;
    border: 0;
    border-right: solid 3px #fff;
    border-top: solid 3px #fff;
    content: '';
    height: 0.5em;
    margin: auto;
    position: absolute;
    right: 1.5em;
    top: 0;
    transform: rotate(45deg);
    width: 0.5em;
}
@media (max-width: 768px) {
    .btn_job_offer {
        font-size: 20px
    }
    .btn_job_offer a {
        padding: 15px 0;
    }
}

.btn_casual {
    font-size: 20px;
    text-align: center;
    width: auto;
}
.btn_casual a {
    background-color: #002F7B;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 auto;
    margin-top: 30px;
    padding: 15px 0;
    position: relative;
    text-decoration: none;
}
.btn_casual a::after {
    bottom: 0;
    border: 0;
    border-right: solid 3px #fff;
    border-top: solid 3px #fff;
    content: '';
    height: 0.5em;
    margin: auto;
    position: absolute;
    right: 1em;
    top: 0;
    transform: rotate(45deg);
    width: 0.5em;
}


/***********/
/* ヘッダー 
/***********/
header {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 5%;
    width: 62px;
    z-index: 10;
}
.header_inner .btn_job_offer a,
.header_inner .btn_casual a {
    border-radius: 10px 0 0 10px;
    font-size: 20px;
    writing-mode: vertical-rl;
}
.header_inner .btn_job_offer a {
    padding: 80px 20px 80px 15px;
}
.header_inner .btn_casual a {
    padding: 40px 20px 40px 15px;
}
.header_inner .btn_job_offer a::after,
.header_inner .btn_casual a::after {
    content: none;
}
@media (max-width: 768px) {
    header {
        bottom: 0 !important;
        height: 60px;
        top: auto;
        width: 100%;
    }
    .header_inner {
        display: flex;
        width: 100%;
    }
    .header_inner div {
        display: flex;
        flex: 1;
        justify-content: center;
    }
    .header_inner .btn_job_offer a,
    .header_inner .btn_casual a {
        align-items: center;
        border-radius: 10px 10px 0 0;
        box-sizing: border-box;
        display: flex;
        font-size: 0.8em;
        height: 70px;
        justify-content: center;
        margin: 0 auto;
        padding: 8px 5%;
        writing-mode: horizontal-tb;
        width: 80%;
    }
    .header_inner .btn_casual a {
        margin: 0;
    }
}


/***********/
/* fv 
/***********/
.fv {
    background-image: url(../img/pc/FV_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
}
.fv_logo_wrap {
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 20px 0;
    display: flex;
    height: 125px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
}
.fv_logo_wrap img {
    width: 160px;
}
.fv_content {
    display: flex;
    flex-direction: column;
    height: 600px;
    justify-content: center;
    margin: 0 auto;
    width: 90%;
}
.fv_content h1 {
    color: #fff;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1.5;
    margin-bottom: 40px;
}
.fv_content p {
    background-image: linear-gradient(90deg, rgba(0, 47, 123, 1), rgba(0, 99, 178, 1) 70%, rgba(0, 99, 224, 0) 99%);
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
    margin-left: calc(50% - 50vw);
    padding: 10px 10%;
    width: min(400px, 80%);
}

@media (max-width: 768px) {
    .fv {
        background-image: url(../img/sp/FV_sp.jpg);
        height: 440px;
    }
    .fv_logo_wrap {
        height: 100px;
        width: 160px;
    }
    .fv_logo_wrap img {
        width: 110px;
    }
    .fv_content {
        height: 440px;
        justify-content: flex-end;
        width: 100%;
    }
    .fv_content h1 {
        font-size: clamp(1em,7vw,2em);
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .fv_content p {
        background: linear-gradient(90deg, rgba(0,47,123,1) 50%, rgba(0,99,178,1) 100%);
        font-size: 1.25em;
        text-align: center;
        white-space: nowrap;
    }    
}

/***********/
/* こんなお悩みはありませんか
/***********/
.worries_wrap {
    margin: 0 auto;
    padding: 80px 0 0;
    text-align: center;
    width: 90%;
}
.intro_txt {
    width: min(30%, 525px);
}
.worries_wrap p {
    font-size: 2em;
}
.worries_wrap h2 {
    font-size: 2em;
    letter-spacing: 1.6px;
    margin-top: 0.5em;
}
.worries_wrap h2 span {
    font-size: 1.5em;
}
.worries_balloon_wrap {
    display: flex;
    gap: 1em;
    margin: 60px auto 120px;
    width: min(80%, 1200px);
}
.worries_balloon_wrap img {
    flex-grow: 1;
    width: 20%;
}
.worries_wrap p:last-of-type {
    font-weight: bold;
    line-height: 2;
    margin-bottom: 60px;
}
.full_block {
    width: 100%;
}
@media (max-width: 768px) {
    .worries_wrap {
        padding-top: 60px;
        width: 90%;
    }    
    .worries_balloon_wrap {
        width: 90%;
    }
    .worries_wrap img {
        width: 100% ;
    }
    .intro_txt.usr_sp{
        width: 80%;
    }
    .worries_balloon_wrap {
        flex-direction: column;
        margin: 40px auto 80px;
    }
    .worries_wrap p {
        font-size: 1.5em;
        line-height: 1.5;
    }
    .worries_wrap p:last-of-type {
        margin-bottom: 40px;
    }
}

/***********/
/* OSTechとは？
/***********/
.about_wrap {
    padding: 120px 0;
}
.about_column_wrap {
    align-items: center;
    display: flex;
    gap: 4em;
    margin: 0 auto;
    width: min(90%, 1200px);
}
.about_column_wrap img {
    border-radius: 10px;
    width: 50%;
}
.about_column_right h2 {
    margin-bottom: 30px;
    width: 90%;
}
.about_column_right h2 img {
    width: 70%;
}
.about_column_right p {
    line-height: 2;
    margin-bottom: 30px;
}
.about_column_right .annotation {
    font-size: 0.75em;
    padding: 0 0.5em;
}
@media (max-width: 768px) {
    .about_wrap {
        padding: 80px 0;
    }
    .about_column_wrap {
        flex-direction: column-reverse;
        gap: 0;
        width: 100%;
    }
    .about_column_right {
        width: 90%;
    }
    .about_column_right h2 img {
        width: 95%;
    }
    .about_column_right p:last-of-type {
        margin-bottom: 50px;
    }
    .about_column_wrap img {
        border-radius: 0;
        width: 100%;
    }
}

/***********/
/* 魅力
/***********/
.point_lead {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
.point_lead h2 {
    margin-bottom: 40px;
}
.point_lead h2 img {
    display: block;
    margin: 0 auto;
    width: 300px;
}
.point_lead p {
    font-size: 1.125em;
    line-height: 2;
}
.point_baloon {
    margin: 60px auto -50px;
    width: min(50%, 600px);
}
.point_content {
    background-color: #fff;
    padding: 110px 0 120px;
    width: 100%;
}
.point_column_wrap {
    align-items: start;
    display: flex;
    gap: 2em;
    margin: 0 auto;
    width: min(80%, 1200px);
}
.point_column_wrap div {
    flex-grow: 1;
}
.point_number {
    color: #0063B2;
    font-size: 3.375em;
    text-align: center;
}
.point_number p {
    font-weight: 600;
    line-height: 1 !important;
}
.point_number p:first-child {
    font-size: 0.37em;
    font-weight: bold;
    margin-bottom: 0;
}
.point_column_left {
    margin-right:  2em;
    width: 40%;
}
.point_column_right {
    width: 50%;
}
.point_column_right img {
    border-radius: 10px;
}
.point_content h3 {
    font-size: 2em;
    line-height: 1.5;
    margin-bottom: 40px;
}
.point_content p:not(.td_txt) {
    font-size: 1.125em;
    line-height: 2;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .point_lead h2 {
        margin-bottom: 20px;
    }
    .point_lead h2 img {
        width: 70%;
    }
    .point_lead p{
        font-size: 1em;
        line-height: 2;
    }
    .point_baloon {
        margin: 40px auto -50px;
        width: 80%;
    }
    .point_content {
        padding: 90px 0 80px;
    }
    .point_column_wrap {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }
    .point_number {
        text-align: center;
    }
    .point_column_left {
        width: 100%;
        margin-right: 0;
    }
    .point_content h3 {
        font-size: 1.5em;
        margin-bottom: 40px;
        text-align: center;
    }
    .point_number,
    .point_column_left {
        margin: 0 auto;
        width: 90%;
    }
    .point_column_right {
        margin-top: 20px;
        width: 100%;
    }
    .point_column_right.wd_90p {
        margin: 0 auto;
        width: 90%;
    }
    .point_column_right img {
        border-radius: 0;
        width: 100%;
    }
}


/* 案件例 */
.example_wrap {
    overflow: hidden;
    padding: 60px 0 40px;
}
.example_wrap p:not(.td_txt) {
    color: #E5A917;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.example_wrap h3 {
    font-size: 2em;
    margin-bottom: 20px;
    text-align: center;
}
.example_wrap .btn_job_offer {
    font-size: 20px;
}
@media (max-width: 768px) {
    .example_wrap {
        position: relative;
    }
    .example_label {
        margin-bottom: 10px;
    }
}



/* 青帯 */
.band_wrap {
    align-items: center;
    background-image: url(../img/pc/cv01-bg_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 500px;
    justify-content: center;
    text-align: center;
}
.band_wrap p {
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 60px;
}
.band_wrap p span {
    font-size: 0.75em;
}
.band_wrap .btn_job_offer {
    font-size: 1.5em;
}
.band_wrap .btn_job_offer a::after {
    border-top: solid 5px #fff;
    border-right: solid 5px #fff;
}
@media (max-width: 768px) {
    .band_wrap {
        align-items: normal;
        background-image: url(../img/sp/cv01-bg_sp.jpg);
    }
    .band_wrap p {
        font-size: 1.125em;
        line-height: 2;
        margin-bottom: 40px;
    }
    .band_wrap p span {
        font-size: 0.9em;
    }
    .band_wrap .btn_job_offer {
        font-size: 20px;
    }
}


/***********/
/* 不安
/***********/
.anxiety_wrap {
    padding: 80px 0 120px;
}
.anxiety_lead {
    text-align: center;
}
.anxiety_lead img:first-of-type {
    margin-bottom: 20px;
    width: 60%;
}
.anxiety_wrap h2 {
    font-size: 2em;
}
.anxiety_balloon_wrap {
    display: flex;
    gap: 2.5em;
    margin: 60px auto -110px;
    width: min(70%, 980px);
}
.anxiety_balloon_wrap img {
    flex-grow: 1;
    width: 30%;
}
.anxiety_content {
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 200px 5% 120px;
    width: min(80%, 1200px);
}
.anxiety_lead .txt_orange {
    color: #E5A917;
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 20px;
}
.mb_gray {
    margin-bottom: 135px;
}
.anxiety_content hr {
    background-color: #0063B2;
    border: none;
    height: 1px;
    margin: 80px auto;
}
.anxiety_column_wrap {
    align-items: start;
    display: flex;
    gap: 2em;
    margin: 0 auto;
    width: 90%;
}
.anxiety_column_wrap div {
    flex-grow: 1;
}
.anxiety_number p{
    color: #0063B2;
    font-size: 5.625em;
    font-weight: 500;
}
.anxiety_column_right {
    width: 80%;
}
.anxiety_subtxt {
    font-size: 0.563em;
}
.anxiety_column_right h3 {
    font-size: 2em;
    line-height: 1.5;
    margin-bottom: 45px;
}
.anxiety_column_right p {
    font-size: 1.125em;
    line-height: 2;
    margin-bottom: 30px;
}
.text_xl {
    font-size: 1.333em !important;
}
.anxiety_column_right img {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .anxiety_wrap {
        padding-bottom: 60px;
    }
    .anxiety_wrap h2 {
        font-size: 1.5em;
        line-height: 2;
    }
    .anxiety_balloon_wrap {
        flex-direction: column;
        gap: 1em;
        margin: 40px auto -365px;
        width: 80%;
    }    
    .anxiety_balloon_wrap img {
        width: 100%;
    }
    .anxiety_content {
        border-radius: 0;
        padding: 350px 0 80px;
        width: 100%;
    }
    .anxiety_lead .usr_sp {
        margin: 55px auto 20px;
        width: 55%;
    }
    .anxiety_column_wrap {
        flex-direction: column;
        gap: 1em;
        width: 90%;
    }
    .anxiety_column_right {
        width: 100%;
    }
    .anxiety_number {
        margin: 0 auto;
    }
    .anxiety_number p{
        font-size: 3.75em;
    }
    .anxiety_column_right h3 {
        font-size: 1.5em;
        margin-bottom: 30px;
        text-align: center;
    }    
    .anxiety_subtxt {
        font-size: 0.667em;
        white-space: nowrap;
    }
    .anxiety_content hr {
        border: none;
        margin: 30px auto 60px;
        width: 90%;
    }    
    .anxiety_column_right p {
        font-size: 1em;
    }
    .mb_gray {
        margin-bottom: 60px;
    }
    .anxiety_column_right img {
        margin: 0 auto 30px
    }
}


/***********/
/* 休暇・働き方 
/***********/
.vacation_wrap h4,
.way_wrap h4 {
    color: #E5A917;
    font-size: 1.125em;
    margin: 0 0 10px;
}
.vacation_wrap {
    margin: 30px auto;
    width: 90%;
}
.way_wrap {
    margin: 0 auto;
    width: 90%;
}
.flex_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}
.flex_item {
    background-color: #F5F6F9;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 3em;
    justify-content: center;
    padding: 10px 20px;
    width: 25%;
}
.vacation_wrap .flex_item:last-of-type {
    background-color: transparent;
    display: flex;
}
.flex_item p {
    font-weight: 400;
}
.way_wrap .no_content {
    background-color: transparent;
}
@media (max-width: 768px) {
    .vacation_wrap {
        margin-top: 0;
        width: 90%;
    }
    .flex_wrap {
        flex-direction: column;
        gap: 0.5em;
    }
    .flex_item {
        align-items: flex-end;
        flex-direction: row;
        height: auto;
        justify-content: normal;
        padding: 10px;
        width: auto;
    }
}

/***********/
/* 転職事例・内定までの流れ 
/***********/
.change_wrap {
    margin: 0 auto 120px;
    text-align: center;
    width: 80%;
}
.change_wrap h2 {
    font-size: 2em;
    margin-bottom: 60px;
    text-align: center;
}
.change_flow {
    width: min(100%,1000px);
}
.change_column_wrap {
    display: flex;
    gap: 2em;
    margin: 0 auto 30px;
    width: min(100%, 1000px);
}
.change_column_wrap:last-of-type {
    margin: 0 auto 160px;
}
.change_column_wrap img:nth-last-child(2) {
    flex-grow: 1;
    width: 70%;
}
.change_column_wrap img:first-of-type {
    height: auto;
    margin-bottom: 30px;
    object-fit: contain;
    width: min(30%, 235px);
}
.change_column_wrap img:last-of-type {
    margin-bottom: 160px;
    object-fit: contain;
    width: 70%;
}
@media (max-width: 768px) {
    .change_wrap {
        margin-bottom: 80px;
        width: 90%;
    }
    .change_wrap h2 {
        font-size: 1.5em;
        margin-bottom: 40px;
    }
    .change_column_wrap {
        align-items: center;
        flex-direction: column;
        gap: 0;
        margin-bottom: 40px;
    }    
    .change_column_wrap img:first-of-type {
        width: 70%;
    }
    .change_column_wrap img:last-of-type {
        margin-bottom: 0;
        width: 100%;
    }
    .change_column_wrap:last-of-type {
        margin-bottom: 80px;
    }
}


/***********/
/* まとめ 
/***********/
.casual_wrap {
    background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,47,123,1) 50%, rgba(0,99,178,1) 100%);
    height: auto;
    width: 100%;
}
.casual_item {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 99, 178, 0.5);
    margin: 0 auto;
    padding: 80px 1em;
    text-align: center;
    width: min(80%, 1000px);
}
.casual_wrap img {
    margin-bottom: 25px;
    width: 180px;
}
.casual_wrap h3 {
    font-size: 2em;
    margin-bottom: 40px;
}
.casual_wrap p:first-of-type {
    font-size: 1.125em;
    font-weight: bold;
    margin-bottom: 20px;
}
.casual_wrap p {
    line-height: 2;
}
.summary_content {
    align-items: center;
    background-image: url(../img/pc/cv02-bg_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 60px;
    height: 500px;
    justify-content: center;
    text-align: center;
}
.summary_content img {
    width: min(50%,700px);
}
@media (max-width: 768px) {
    .casual_wrap h3 {
        font-size: 1.5em;
        line-height: 1.5;
    }
    .casual_item {
        padding: 60px 1em;
    }
    .casual_item p:last-of-type {
        text-align: left;
    }
    .summary_content {
        background-image: url(../img/sp/cv02-bg_sp.jpg);
    }
    .summary_content img {
        width: 90%;
    }
}


/***********/
/* フッター 
/***********/
footer {
    align-items: center;
    background-color: #002F7B;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
}
@media (max-width: 768px) {
    footer {
        align-items: flex-start;
        height: 100px;
        padding: 20px 0;
    }
}


/***********/
/* 案件例
/***********/

/* 仕事概要 */
.carousel {
    overflow: hidden;
    width: 100%;
}
.job_card {
    background-color: #FAEED1;
    border: 3px solid #E5A917;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 30px 20px 20px;
    width: 400px;
}
.job_title {
    color: #222;
    display: -webkit-box;
    font-size: 1.125em;
    font-weight: bold;
    height: 80px;
    line-height: 1.5;
    margin: 0 auto 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.badge_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
    height: 25px;
}
.badge {
    background-color: #fff;
    border: 1px solid #0063B2;
    border-radius: 5px;
    color: #0063B2;
    display: inline-block;
    font-weight: bold;
    padding: 1% 2%;
}
.badge_new{
    background-color: #0063B2;
    border: 1px solid #0063B2;
    color: #fff;
}
table {
    background-color: #fff;
    border-collapse: collapse;
    border-top: 1px solid #0063B2;
    width: 100%;
}
td {
    border-bottom: 1px solid #0063B2;
    box-sizing: border-box;
    line-height: 1.5;
    padding: 10px;
}
td:first-child {
    color: #0063B2;
    font-weight: bold;
    text-align: center;
    width: 30%;
}
.td_skill,
.td_business_content {
    overflow: hidden;
    position: relative;
}
.td_business_content {
    box-sizing: border-box;
    height: 100px;
}
.top_pickup_box li {
    flex-shrink: 0;
    min-width: min(380px, 25vw);
}
.td_txt {
    color: #222;
    display: -webkit-box;
    line-height: 1.5;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.td_txt-1 {
    -webkit-line-clamp: 1;
}
.td_txt-2 {
    -webkit-line-clamp: 2;
}
.td_txt-5 {
    -webkit-line-clamp: 5;
}
.carousel__list {
    display: flex;
    gap: min(30px, 2vw);
    margin: 0;
    position: relative;
    transition: transform 0.5s ease;
    width: 100%;
}
.carousel__item {
    display: flex;
}
.job_nav {
    margin: 0 auto 20px;
    text-align: center;
}
.btn_top_arrow {
    background: #FFA200;
    border: none;
    border-radius: 100rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin: 20px 10px;
    padding: 0;
    position: relative;
    width: 40px;
}
.prev-button::before {
    border: 0;
    border-left: solid 3px #fff;
    border-top: solid 3px #fff;
    content: '';
    height: 0.5em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-45deg);
    width: 0.5em;
    bottom: 0;
}
.next-button::before {
    border: 0;
    border-right: solid 3px #fff;
    border-top: solid 3px #fff;
    content: '';
    height: 0.5em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    width: 0.5em;
    bottom: 0;
}
@media (max-width: 768px) {
    .job_card {
        width: 80vw;
    }
    td {
        font-size: 0.875em;
    }
    .carousel__list {
        gap: 1em;
    }
    .job_nav {
        align-items: center;
        display: flex;
        justify-content: space-between;
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
    }
    .example_btn {
        margin-top: 30px;
    }
}