/* -------------------------------base(mobile)↓-------------------------------------- */
/* h1 start */
h1::before{
    content: "Recruiting";
}
/* h1 end */

/* recruitingGuide start */
.recruitingGuide{
    margin: calc(calc(301 - 132 - 89)* var(--site-horizontal-ratio)) auto 0;
    width: calc(352 * var(--site-horizontal-ratio));
}
.recruitingGuide>span:nth-child(1){
    font-weight: 700;
    font-size: calc(18 * var(--site-horizontal-ratio));
    line-height: calc(36 * var(--site-horizontal-ratio));
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
}
.recruitingGuide>p{
    margin: calc(calc(867 - 739 - 108) * var(--site-horizontal-ratio)) auto 0;
    font-weight: 500;
    font-size: calc(16 * var(--site-horizontal-ratio));
    line-height: calc(32 * var(--site-horizontal-ratio));
    letter-spacing: 0.1em;
}
/* recruitingGuide end */

/* content start */
.content{
    margin: calc(calc(301 - 132 - 89)* var(--site-horizontal-ratio)) auto 0;
    width: calc(352 * var(--site-horizontal-ratio));
    font-weight: 500;
    font-size: calc(16 * var(--site-horizontal-ratio));
    line-height: calc(32 * var(--site-horizontal-ratio));
    letter-spacing: 0.1em;
}
.content>span:nth-child(1){
    font-weight: 700;
    font-size: calc(16 * var(--site-horizontal-ratio));
    line-height: calc(24 * var(--site-horizontal-ratio));
    letter-spacing: 0.1em;
    display: flex;
    flex-direction: column;
}
.content>span:nth-child(1)::before{
    font-family: var(--site-font-family-Spartan);
    font-size: calc(30 * var(--site-horizontal-ratio));
    line-height: calc(33.6 * var(--site-horizontal-ratio));
    letter-spacing: initial;
    color: #FF5151;
}
.content:is(.BusinessDescription)>span:nth-child(1)::before{
    content: "Business";
}
.content:is(.JobDescription)>span:nth-child(1)::before{
    content: "Job";
}
.content:is(.Flow)>span:nth-child(1)::before{
    content: "Flow";
}
.content:is(.Departments)>span:nth-child(1)::before{
    content: "Departments";
}
.content:is(.Requirement)>span:nth-child(1)::before{
    content: "Requirement";
}
.content:is(.Guide)>span:nth-child(1)::before{
    content: "Recruiting";
}
.content ul>li{
    list-style: disc;
    list-style-position: inside;
}
.content table th,
.content table td{
    display: block;
    width: 100%;
}
.content table th{
    text-align: left;
}
.content table td{
    border-width: calc(1 * var(--site-horizontal-ratio));
    border-style: solid;
    border-image-source: linear-gradient(to right, #FF5151, #FFEE2F);
    border-image-slice: 1;
    border-top: none;
    border-left: none;
    border-right: none;
}
/* content end */

/* btn-gradient start */
.btn-gradient{
    margin: calc(calc(301 - 132 - 89) * var(--site-horizontal-ratio)) auto calc(calc(4007 - 3339 - 588) * var(--site-horizontal-ratio));
    height: calc(64 * var(--site-horizontal-ratio));
    font-size: calc(18 * var(--site-horizontal-ratio));
}
.btn-gradient::before{
    content: "ENTRY";
}
/* btn-gradient end */

/*== landscape responsive ==*/
@media screen and (max-width: 767px) and (orientation: landscape){
}
/*== landscape responsive ==*/
/* -------------------------------base(mobile)↑-------------------------------------- */

/* ---------------------------desktop(include ipad)↓--------------------------------- */
@media screen and (min-width: 768px){
    /* recruitingGuide start */
    .recruitingGuide{
        margin: calc(calc(659 - 317 - 162) * var(--site-horizontal-ratio)) auto 0;
        width: calc(1000 * var(--site-horizontal-ratio));
    }
    .recruitingGuide>span:nth-child(1){
        font-size: calc(34 * var(--site-horizontal-ratio));
        line-height: calc(68 * var(--site-horizontal-ratio));
    }
    /* recruitingGuide end */

    /* content start */
    .content{
        width: calc(1000 * var(--site-horizontal-ratio));
        position: relative;
        padding-left: calc(320 * var(--site-horizontal-ratio));
    }
    .content>span:nth-child(1){
        font-size: calc(24 * var(--site-horizontal-ratio));
        line-height: calc(36 * var(--site-horizontal-ratio));
        gap: calc(10 * var(--site-horizontal-ratio));
        position: absolute;
        left: 0;
    }
    .content>span:nth-child(1)::before{
        font-size: calc(40 * var(--site-horizontal-ratio));
        line-height: calc(44.8 * var(--site-horizontal-ratio));
    }
    .content table{
        width: 100%;
    }
    /* content end */
}

@media screen and (min-width: 1960px){

}
/* ---------------------------desktop(include ipad)↑--------------------------------- */