body {
    margin: 0px;
    color: gray !important;
}
.column-t-t div div ul li{
    color: var(--Gray-700, #1E293B);
        font-family: "SF Pro DisplayR";
        font-size: 16px;
        font-style: normal;
        line-height: 24px;
}
p {
    margin: 0;
}

.gap-20px{
    gap: 20px;
}

.mb-24px {
    margin-bottom: 24px;
}

.sec-1-jobdetail {
    padding: 48px 0px;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.mb-16px {
    margin-bottom: 16px;
}

.column-t-t {
    flex-direction: column;
} 

.gap-32px {
    gap: 32px;
}

.gap-12px {
    gap: 12px;
}

.gap-8px {
    gap: 8px;
}

.text-bread-scrumbs-t a{
color: var(--Gray-300, #94A3B8) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.text-bread-scrumbs-t {
    color: var(--Gray-300, #94A3B8) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.row-t-css {
    max-width: 1260px;
    margin: auto;
}

.gap-16px {
    gap: 16px;
}

.gap-24px {
    gap: 24px;
}

.prl-15 {
    padding: 0px 15px;
}

.gap-4px {
    gap: 4px;
}

.name-job-t {
    color: var(--Gray-800, #1A1A1A);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}

.job-map-name {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.css-rikkeiedu-detail {
    border-radius: 16px;
        background: var(--Brand-25, #FFF6F7);
        padding: 32px;
}

.icon-text-job span {
color: var(--Gray-700, #1E293B);
    font-family: "SF Pro DisplayR";
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

.devider-t {
    color: #EDEDED;
}

.justify-beetween {
    justify-content: space-between;
}

.btn-applyJob-t button{
    padding: 12px 24px;
    border-radius: 8px;
border: 1px solid var(--Orange-500, #DD530F);
background: transparent;
}

.btn-applyJob-t button span{
   color: var(--Orange-500, #DD530F);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
}

.pb-24px {
    padding-bottom: 24px;
}

.bor-b-first {
border-bottom: 1px solid var(--Gray-50, #F0F0F0);
}

.Information-ttc {
    border-left: 3px solid var(--Brand-500, #BC2228);
padding-left: 12px;
}

.Information-ttc span {
color: var(--Brand-500, #BC2228);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.icon-information-t {
border-radius: 24px;
background: var(--Brand-50, #F8E9EA);
padding: 12px;
}


.information-icon-t span:first-child {
color: var(--Gray-500, #475569);
    font-family: "SF Pro DisplayR";
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
}

.information-icon-t span:last-child {
color: var(--Gray-700, #1E293B);
    font-family: "SF Pro DisplayB";
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
}

.ul-information-t {
    margin: 0;
    padding-left: 32px;
}

.ul-information-t li{
color: var(--Gray-500, #333);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

/*  */

.sec-2-jobdetail {
    padding-bottom: 80px;
}

.status-tt {
padding: 2px 8px;
border-radius: 16px;
border: 1px solid var(--Orange-100, #FFD1AE);
background: var(--Orange-25, #FFF4EC);
color: var(--Orange-500, #DD530F);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px; 
}

.list-job-t-t {
    border-radius: 8px;
border: 1px solid var(--Orange-100, #FFD1AE);
background: var(--White, #FFF);
padding: 32px 24px;
}

.list-job-t-t:hover {
    background: var(--Orange-25, #FFF4EC);
}

.btn-applyJob-t:hover button {
    cursor: pointer;
}

.hover-btn-applyJob-t:hover button {
border: 1px solid var(--Orange-500, #DD530F);
    background: var(--Orange-500, #DD530F);
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

.hover-btn-applyJob-t:hover button span {
    color: white;
}

.hover-btn-applyJob-t:hover button  svg path {
    stroke: white;
}

@media screen and (max-width: 500px) {
    .sec-1-jobdetail {
        padding: 16px;;
    }

    .text-bread-scrumbs-t {
font-size: 14px;
line-height: 20px; 
    }

    .flex {
        flex-wrap: wrap;
    }

    .icon-text-job span {
font-size: 14px;
line-height: 20px; 
    }

    .gap-16px-res {
gap: 16px;
    }

    .btn-applyJob-t {
        width: 100%;
    }

    .btn-applyJob-t button{
        width: 100%;
        justify-content: center;
    }

    .hover-btn-applyJob-t {
        display: none;
    }

    .sec-2-jobdetail {
        padding-bottom: 48px;
    }
}