@charset "utf-8";

#container.details {
    overflow: visible;
}
@media only screen and (max-width:1215px) {
    #container.details {
        overflow: hidden;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/
.bgGradient {
    position: relative;
    overflow: visible;
    border-radius: 10rem;
    padding-top: 0.6rem;
}

.bgGradient::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(to bottom right, #fffdfd 15%, #d8e5f7 100%);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    z-index: -999;
    pointer-events: none;
}

@media only screen and (max-width:1215px) {
    .bgGradient {
        padding-top: 0;
        order: 1;
        padding-top: 11.4rem;
    }

    .bgGradient::before {
        background-image: linear-gradient(to bottom right, #fffdff 15%, #d8e5f7 100%);
    }
}

/*-----------------------------------------------
    secRecruit
-----------------------------------------------*/
.secRecruit {
    padding-bottom: 20rem;
}

.secRecruit .recruitText {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.secRecruit .sectionSubTitle:before {
    background-color: var(--textColor);
}

.secRecruit .secSearch {
    margin-top: 5rem;
}

.secRecruit .secSearch .box {
    background-color: var(--Colorwhite);
    padding: 7.5rem 15.5rem;
    border-radius: 10rem;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
}

.searchBox {
    position: relative;
    max-width: 85rem;
    width: 100%;
}

.searchBox .icon {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.4rem;
    height: 1.4rem;
    opacity: 1;
    pointer-events: none;
}

.searchBox input {
    width: 100%;
    padding: 2rem 2rem 2rem 4.5rem;
    font-size: var(--pcFontSize14);
    border-radius: 0.3rem;
}

.keywords .searchBox input {
    width: 100%;
    padding: 2rem 2rem 2rem 4.5rem;
    font-size: var(--pcFontSize14);
    border: 1px solid var(--tag_borderColor);
    border-radius: 0.3rem;
}

.secSearch .tagInnerBox {
    display: flex;
    padding: 7px 0px;
}

.secSearch .tagInnerBox.keywords {
    padding-bottom: 3.3rem;
    margin-bottom: 2.2rem;
    border-bottom: 0.1rem solid var(--tag_borderColor);
}

.secSearch .tagTit {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    width: 14rem;
    padding-top: 1.4rem;
}

.secSearch .tag {
    flex: 1;
}

.secSearch .catalog {
    width: auto;
    margin: 0.5rem 0.5rem 0.5rem 0;
    display: inline-block;
}

.secSearch .catalog label {
    cursor: pointer;
    display: inline-flex;
}

.secSearch .catalog input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.secSearch .catalogitem {
    display: block;
    padding: 1.3rem 1rem;
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    border-radius: 0.3rem;
    text-align: left;
    border: 1px solid var(--tag_borderColor);
    color: var(--ColorTag);
}

.secSearch .inputCatalog:checked+.catalogitem {
    background: var(--ColorTag);
    color: var(--Colorwhite);
}

.secSearch .topWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.secSearch .btnInner {
    width: 32rem;
    height: 8rem;
    background: var(--textColor);
    border-radius: 4rem;
    color: var(--Colorwhite);
    font-size: var(--pcFontSize18);
    display: flex;
    justify-content: center;
    align-items: center;
}

.secSearch .reset {
    font-size: var(--pcFontSize18);
    width: 32rem;
    height: 8rem;
    border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2rem;
    border: 1px solid var(--textColor);
}

.secSearch .tabTit {
    font-size: var(--pcFontSize22);
    text-align: center;
    letter-spacing: var(--pcLetterSpacing22_50);
    margin-top: 8rem;
}

.secSearch .tabTit .num {
    font-size: var(--pcFontSize48);
    margin-right: 0.5rem;
    vertical-align: -5px;
}

.secSearch .backBox {
    padding-top: 3.5rem;
    border-top: 0.1rem solid var(--tag_borderColor);
    margin: 2.5rem auto 0;
}

.secRecruit .viewMoreButton {
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    /* margin: 12rem auto 0; */
    width: 50rem;
    height: 10rem;
    border-radius: 5rem;
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_50);
    padding: 2rem 2rem 2rem 4.8rem;
}

.secRecruit .viewMoreButton::after {
    right: 2.8rem;
}

.secRecruit .viewMoreButton::before {
    right: 4.1rem;
}

.secRecruit .boxListRecruit {
    margin-top: 8rem;
}

.secRecruit .listRecruit {
    display: flex;
    flex-wrap: wrap;
}

.secRecruit .recruitCard {
    width: calc((100% - 6rem) / 2);
    margin-right: 6rem;
    border-radius: 7.5rem;
    background: var(--Colorwhite);
    box-shadow: 0px 15px 0px 0px rgba(0, 0, 0, 0.05);
}

.secRecruit .recruitCard a {
    width: 100%;
    height: 100%;
    padding: 7rem;
    display: block;
}

.secRecruit .recruitCard:nth-child(2n) {
    margin-right: 0;
}

.secRecruit .recruitCard:nth-child(n+3) {
    margin-top: 10rem;
}

.secRecruit .recruitImage {
    height: 0;
    padding-top: calc((446 / 580) * 100%);
    border-radius: 5rem;
    overflow: hidden;
}

.secRecruit .recruitContent {
    margin-top: 4.3rem;
}

.secRecruit .recruitTags {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.secRecruit .boxListRecruit .tag {
    display: inline-block;
    margin: 0 0.4rem 0 0;
    border-radius: 0.5rem;
    padding: 1.1rem 1.2rem;
    background: var(--Colorwhite);
    color: var(--ColorTag);
    font-size: var(--pcFontSize12);
    border: 1px solid var(--tag_borderColor);
}

.secRecruit .recruitPosition {
    font-size: var(--pcFontSize26);
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--textColor);
    margin-bottom: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.secRecruit .recruitDescription {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    margin-bottom: 1.7rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 12rem;
}

.secRecruit .txtNone {
    font-size: var(--pcFontSize22);
    text-align: center;
    letter-spacing: var(--pcLetterSpacing22_50);
    text-align: center;
    margin: 15rem auto;
}


@media screen and (max-width: 1215px) {
    .secRecruit {
        padding-bottom: 8rem;
    }

    .secRecruit .secSearch {
        margin-top: 4.5rem;
    }

    .secRecruit .recruitText {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .secRecruit .recruitImage img {
        border-radius: 2.5rem;
        box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.05);
    }

    .secRecruit .boxRecruit {
        width: calc(100% - 2rem);
        max-width: unset;
        margin: 2rem 0 0 auto;
    }

    .secRecruit .recruitPosition {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_26);
        padding-bottom: 0;
        border-bottom: 0.1rem solid var(--textColor);
        margin-bottom: 0.8rem;
    }

    .secRecruit .recruitDescription {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        margin-bottom: 1.2rem;
        -webkit-line-clamp: 3;
        max-height: 7.8rem;
    }

    .secRecruit .boxListRecruit .tag {
        margin: 0 0.3rem 0 0;
        border-radius: 0.3rem;
        padding: 0.9rem 0.8rem;
        font-size: var(--spFontSize10);
    }

    /* secSearch */
    .secRecruit .secSearch .box {
        padding: 0;
        border-radius: 3.5rem;
    }

    .secRecruit .secSearch .boxAccordion {
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        padding: 0 2rem 0;
    }

    .secRecruit .secSearch .circleAccordion {
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        border: 0.1rem solid var(--tag_borderColor);
        position: absolute;
        display: block;
        right: 0;
        top: calc(50% - 1.75rem);
    }

    .secRecruit .secSearch .circleAccordion:before {
        content: '';
        width: 1.5rem;
        height: 0.1rem;
        background: var(--textColor);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .secRecruit .secSearch .circleAccordion::after {
        content: '';
        width: 0.1rem;
        height: 1.5rem;
        background: var(--textColor);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: opacity 0.3s ease;
        /* ← これを追加 */
    }

    .circleAccordion.active::after {
        opacity: 0;
        /* 縦線を非表示にしてマイナスに */
    }

    .secRecruit .secSearch .titAccordion {
        padding: 2.4rem 0;
        text-align: center;
        position: relative;
    }

    .secRecruit .secSearch .titAccordion:before {
        padding-bottom: 2.2rem;
        text-align: center;
        position: relative;
        border-bottom: 1px solid var(--textColor);
    }

    .secSearch .tagInnerBox {
        padding: 0;
        flex-direction: column;
        margin-bottom: 0.8rem;
    }

    .secSearch .tagTit {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_30);
        letter-spacing: var(--spLetterSpacing14_50);
        width: auto;
        padding-top: 0;
    }

    .keywords .searchBox input {
        width: 100%;
        padding: 1.5rem 1.5rem 1.5rem 3rem;
        font-size: var(--spFontSize16);
        border-radius: 0.3rem;
    }

    .searchBox .icon {
        left: 1.5rem;
    }

    .searchBox {
        max-width: 100%;
        margin-top: 0.4rem;
    }

    .secSearch .listCover {
        border-top: 1px solid var(--textColor);
    }

    .secSearch .worksForm {
        padding: 0 2rem 0;
    }

    .secSearch .tagInnerBox.keywords {
        padding-bottom: 2rem;
        margin-bottom: 0;
        padding-top: 1.5rem;
        margin-bottom: 1.3rem;
    }

    .secSearch .catalogitem {
        padding: 1rem 1rem;
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_50);
        border-radius: 0.3rem;
    }

    .secSearch .catalog {
        margin: 0.2rem 0.2rem 0.4rem 0;
    }

    .secSearch .backBox {
        padding-top: 2rem;
        padding-bottom: 3rem;
        margin: 1.5rem auto 0;
    }

    .secSearch .btnInner {
        width: calc((100% - 1rem) / 2);
        height: 5.5rem;
        border-radius: 2.8rem;
        font-size: var(--spFontSize14);
    }

    .secSearch .reset {
        font-size: var(--spFontSize14);
        width: calc((100% - 1rem) / 2);
        height: 5.5rem;
        border-radius: 2.8rem;
        margin-left: 1rem;
    }

    /* tabTit */
    .secSearch .tabTit {
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-top: 2.4rem;
    }

    .secSearch .tabTit .num {
        font-size: var(--spFontSize36);
        vertical-align: 0px;
    }

    .secRecruit .boxListRecruit {
        margin-top: 3rem;
    }

    .secRecruit .listRecruit {
        display: block;
        flex-wrap: wrap;
    }

    .secRecruit .recruitCard {
        width: 100%;
        margin-right: 0;
        border-radius: 3rem;
        box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.05);
    }

    .secRecruit .recruitCard:nth-child(n+2) {
        margin-top: 3rem;
    }

    .secRecruit .recruitCard a {
        padding: 2rem;
    }

    .secRecruit .recruitImage {
        padding-top: calc((238 / 310) * 100%);
        border-radius: 3rem;
        box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.05);
    }

    .secRecruit .recruitContent {
        margin-top: 2.7rem;
    }


    form[name="worksForm"] {
        display: none;
    }

    .secRecruit .txtNone {
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        line-height: var(--spLineHeight16_30);
        margin-top: 3rem;
    }

    .secRecruit .viewMoreButton {
        width: 24rem;
        height: 6rem;
        border-radius: 3rem;
        font-size: var(--spFontSize16);
        padding: 1.5rem 1.5rem 1.5rem 3rem;
    }

    .secRecruit .viewMoreButton::after {
        content: "";
        position: absolute;
        right: 1.3rem;
        width: 3rem;
        height: 3rem;
    }

    .secRecruit .viewMoreButton::before {
        right: 2.3rem;
        width: 1rem;
        height: 1rem;
    }
}

/*-----------------------------------------------
    secRecruitDetails
-----------------------------------------------*/
.secRecruitDetails .sectionTitle {
    font-size: var(--pcFontSize80);
    margin-bottom: 2.8rem;
}

.secRecruitDetails .sectionSubTitle {
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_22);
    position: relative;
    padding-left: 1em;
    margin-left: 2.3rem;
}

.secRecruitDetails .sectionSubTitle:before {
    content: "";
    position: absolute;
    left: 0rem;
    top: 0em;
    width: 0.1rem;
    height: 1.4em;
    background-color: var(--textColor);
    transform: rotate(20deg);
    transform-origin: center;
}

.secRecruitDetails .recruitTitle {
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_60);
    margin-bottom: 2rem;
}

.secRecruitDetails .recruitTags {
    margin-bottom: 2.8rem;
}

.secRecruitDetails .recruitTags .tag {
    display: inline-block;
    margin: 0 0.4rem 0 0;
    border-radius: 0.5rem;
    padding: 1.1rem 1.2rem;
    background: var(--Colorwhite);
    color: var(--ColorTag);
    font-size: var(--pcFontSize12);
    border: 1px solid var(--tag_borderColor);
    margin-bottom: 0.4rem;
}

.secRecruitDetails .titDescription {
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_40);
    letter-spacing: var(--pcLetterSpacing24_50);
    margin-bottom: 2rem;
}

.secRecruitDetails .txtDescription {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
}

.secRecruitDetails .recruitCardDetail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.secRecruitDetails .recruitImageBox {
    width: 96rem;
    border-radius: 5rem;
    overflow: hidden;
    width: 52.7473%;

    position: sticky;
    top: 10rem;
    /* 上からどれくらいの距離で固定するか調整 */
    align-self: flex-start;
    /* flex 親内で sticky を効かせるために推奨 */
}

.secRecruitDetails .recruitImageBox .boxImg {
    height: 0;
    padding-top: calc((738 / 960) * 100%);
}

.secRecruitDetails .recruitContentBox {
    flex-shrink: 0;
    margin-left: 8.8%;
    width: 60rem;
    width: 32.967%;
    margin-top: 16rem;
}

.secRecruitDetails .recruitContentBox+.recruitImageBox {
    margin-left: 10rem;
    margin-left: 5.4945%;
}

.secRecruitDetails .recruitText .boxLeft {
    margin-left: 8.8%;
}

/* secCpBnr */
.secRecruitDetails .secCpBnr {
    margin: 15rem auto 12rem;
}

.secRecruitDetails .secCpBnr .imgBnr {
    display: block;
    border-radius: 5rem;
    overflow: hidden;
}

.secRecruitDetails .secCpBnr .imgInner {
    display: block;
    height: 0;
    padding-top: calc((450 / 1300) * 100%);
}

/* secMessage */
.secRecruitDetails .secMessage {
    margin: 12rem auto 15rem;
    border-radius: 10rem;
    background: var(--Colorwhite);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
    padding: 10rem;
}

.secRecruitDetails .secMessage .innerWrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.secRecruitDetails .secMessage .boxLeft {
    margin-left: 8rem;
    flex-shrink: 0;
    width: 50rem;
}

.secRecruitDetails .secMessage .imgMessage {
    border-radius: 3rem;
    overflow: hidden;
}

.secRecruitDetails .imgMessage .boxImg {
    height: 0;
    padding-top: calc((400 / 500) * 100%);
}

.secRecruitDetails .txtMessage {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 5.5rem;
}

.secRecruitDetails .secMessage .tag {
    display: inline-block;
    margin: 0 0.4rem 0 0;
    border-radius: 0.5rem;
    padding: 1.1rem 1.2rem;
    background: var(--Colorwhite);
    color: var(--ColorTag);
    font-size: var(--pcFontSize12);
    border: 1px solid var(--tag_borderColor);
}

.secRecruitDetails .secMessage .underTxt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
    gap: 1rem;
}

.secRecruitDetails .nameTitle {
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_22);
}


/* secDescription */
.secDescription {
    margin: 15rem auto 15rem;
    border-radius: 10rem;
    background: var(--Colorwhite);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
    padding: 11rem 15rem 9rem;
}

.secDescription .jobInfoTable {
    width: 100%;
    border-Collapse: collapse;
    margin-Bottom: 4rem;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 6.4rem;
}

.secDescription .jobInfoTable th {
    width: 20rem;
    text-Align: left;
    padding: 2.8rem 4.5rem;
    position: relative;
}

.secDescription .jobInfoTable th:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.1rem;
    bottom: -0.1rem;
    left: 0;
    background: linear-gradient(0deg, rgb(45, 120, 232) 0%, rgb(61, 213, 131) 99%);
}

.secDescription .jobInfoTable tr:first-child th::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.1rem;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgb(45, 120, 232) 0%, rgb(61, 213, 131) 99%);
}

.secDescription .jobInfoTable td {
    width: calc(100% - 2rem);
    padding: 1.4rem 1.5rem 1.4rem 14rem;
}

.secDescription .jobInfoTable tr {
    border-Bottom: 1px solid var(--tag_borderColor);
}

.secDescription .jobInfoTable tr:first-child {
    border-top: 1px solid var(--tag_borderColor);
}

@media screen and (maxWidth: 768px) {

    .secDescription .jobInfoTable th,
    .secDescription .jobInfoTable td {
        display: block;
        width: 100%;
    }

    .secDescription .jobInfoTable th {
        background-Color: var(--tag_borderColor);
        border-Top: 1px solid var(--tag_borderColor);
    }
}

@media screen and (max-width: 1215px) {
    .secRecruitDetails .recruitImageBox {
        position: static;
    }
}

/* secFaq */
.secFaq {
    margin: 15rem auto;
}

.secFaq .boxFaq {
    margin-top: 6rem;
}

.secFaq .faqAccordion {
    border-radius: 5rem;
    background: var(--Colorwhite);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    letter-spacing: var(--pcLetterSpacing16_50);
}

.secFaq .faqAccordion .txtQuestion {
    padding: 4.5rem 0;
    margin: 0 5rem;
    display: flex;
    gap: 3rem;
    position: relative;
}

.secFaq .faqAccordion .txtAnswer {
    padding: 4.5rem 0;
    margin: 0;
    border-top: 1px solid var(--tag_borderColor);
    display: none;
}

.secFaq .faqAccordion .answeWrap {
    display: flex;
    gap: 3rem;
    padding: 0 5rem;
}

.secFaq .faqAccordion .txtIcon {
    width: 4.5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    font-size: var(--pcFontSize18);
    border: 1px solid var(--tag_borderColor);
    border-radius: 5rem;
    justify-content: center;
}

.secFaq .faqAccordion+.faqAccordion {
    margin-top: 3rem;
}

.secFaq .circleAccordion {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 0.1rem solid var(--tag_borderColor);
    position: absolute;
    display: block;
    right: 0;
    top: calc(50% - 2.5rem);
}

.secFaq .circleAccordion:before {
    content: '';
    width: 1.5rem;
    height: 0.2rem;
    background: var(--accordionColor01);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.secFaq .circleAccordion::after {
    content: '';
    width: 0.2rem;
    height: 1.5rem;
    background: var(--accordionColor02);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease;
}

.secFaq .faqAccordion.isActive .circleAccordion::after {
    opacity: 0;
}

.secRecruitDetails .viewMoreButton.backBtn {
    margin: 8rem auto 20rem;
}

@media screen and (max-width: 1215px) {
    .secRecruitDetails .recruitText .boxLeft {
        margin-left: 0;
    }

    .secRecruitDetails .sectionTitle {
        font-size: var(--spFontSize28);
        margin-bottom: 0.5rem;
    }

    .secRecruitDetails .sectionSubTitle {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_22);
        padding-left: 0;
        margin-left: 0;
    }

    .secRecruitDetails .recruitTitle {
        font-size: var(--spFontSize24);
        margin-bottom: 1.2rem;
        order: 1;
    }

    .secRecruitDetails .recruitContentBox {
        margin-left: 0;
        width: 100%;
        display: contents;
        margin-top: 0;
    }

    .secRecruitDetails .recruitCardDetail {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5rem;
    }

    .secRecruitDetails .recruitContentBox .recruitTags {
        order: 2;
    }

    .secRecruitDetails .recruitContentBox+.recruitImageBox {
        margin-left: 0;
        width: 100%;
        border-radius: 2rem;
        order: 3;
        margin-bottom: 2rem;
    }

    .secRecruitDetails .titDescription {
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_30);
        letter-spacing: var(--spLetterSpacing16_30);
        margin-bottom: 1rem;
        order: 4;
    }

    .secRecruitDetails .txtDescription {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_30);
        order: 5;
    }

    .secRecruitDetails .recruitTags .tag {
        margin: 0 0.2rem 0 0;
        border-radius: 0.3rem;
        padding: 0.8rem 0.7rem;
        font-size: var(--spFontSize10);
        margin-bottom: 0.2rem;
    }

    .secRecruitDetails .recruitTags {
        margin-bottom: 2.6rem;
    }

    .secRecruitDetails .secCpBnr {
        margin: 4.5rem auto 6rem;
    }

    .secRecruitDetails .secCpBnr .imgBnr {
        border-radius: 2.5rem;
    }

    .secRecruitDetails .secCpBnr .imgInner {
        padding-top: calc((400 / 350) * 100%);
    }

    .secRecruitDetails .secMessage {
        margin: 6rem auto 8rem;
        border-radius: 2.5rem;
        padding: 3.5rem 2rem;
    }

    .secRecruitDetails .secMessage .innerWrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .secRecruitDetails .secMessage .boxLeft {
        margin-left: 0;
        width: 100%;
        order: 2;
        margin-top: 2.3rem;
    }

    .secRecruitDetails .nameTitle {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_40);
        letter-spacing: var(--spLetterSpacing13_50);
    }

    .secRecruitDetails .secMessage .boxRight {
        display: contents;
    }

    .secRecruitDetails .secMessage .messageText {
        display: contents;
    }

    .secRecruitDetails .secMessage .sectionTitle {
        font-size: var(--spFontSize36);
        margin-bottom: 1rem;
    }

    .secRecruitDetails .secMessage .boxTitle {
        order: 1;
    }

    .secRecruitDetails .secMessage .sectionSubTitle {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_22);
    }

    .secRecruitDetails .txtMessage {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_30);
        margin-top: 1.1rem;
        order: 3;
    }

    .secRecruitDetails .secMessage .tag {
        margin: 0 0.2rem 0 0;
        border-radius: 0.3rem;
        padding: 0.8rem 0.7rem;
        font-size: var(--spFontSize10);
    }

    .secRecruitDetails .secMessage .underTxt {
        margin-top: 1.5rem;
        gap: 1rem;
    }

    .secDescription {
        margin: 8rem auto;
        border-radius: 4.5rem;
        padding: 6rem 2rem 3.5rem;
    }

    .secRecruitDetails .secDescription .sectionTitle {
        font-size: var(--spFontSize36);
        margin-bottom: 1rem;
    }

    .secRecruitDetails .secDescription .sectionSubTitle {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_22);
    }

    .secDescription .jobInfoTable th {
        width: 10rem;
        padding: 2rem 0;
    }

    .secDescription .jobInfoTable {
        margin-Bottom: 0;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_30);
        margin-top: 2.5rem;
    }

    .secDescription .jobInfoTable td {
        width: calc(100% - 1rem);
        padding: 2rem 0;
    }

    .secDescription .jobInfoTable th:before {
        display: none;
    }

    .secDescription .jobInfoTable tr:first-child th::after {
        display: none;
    }

    .secDescription .jobInfoTable tr:last-child {
        border-Bottom: none;
    }

    .secFaq {
        margin: 8rem auto;
        border-radius: 2.5rem;
        padding: 0;
    }

    .secRecruitDetails .secFaq .sectionTitle {
        font-size: var(--spFontSize36);
        margin-bottom: 0.5rem;
    }

    .secRecruitDetails .secFaq .sectionSubTitle {
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_22);
    }

    .secFaq .faqAccordion .txtIcon {
        width: 3.5rem;
        height: 2.5rem;
        font-size: var(--spFontSize13);
        border-radius: 1.25rem;
        flex-shrink: 0;
    }

    .secFaq .faqAccordion .txtQuestion {
        padding: 3rem 3.4rem 3rem 0;
        margin: 0 2rem;
        gap: 1.5rem;
    }

    .secFaq .faqAccordion {
        border-radius: 3rem;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_30);
    }

    .secFaq .faqAccordion .txtAnswer {
        padding: 2.5rem 0 3rem;
        margin: 0 2rem;
    }

    .secFaq .faqAccordion .answeWrap {
        gap: 1.5rem;
        display: block;
        padding: 0;
    }

    .secFaq .circleAccordion {
        width: 3.6rem;
        height: 3.6rem;
        border: none;
        top: 2.4rem;
        right: -1rem;
    }

    .secFaq .circleAccordion:before {
        width: 1.8rem;
        height: 0.2rem;
    }

    .secFaq .circleAccordion::after {
        width: 0.2rem;
        height: 1.8rem;
    }

    .secFaq .txtAnswer .txtInner {
        margin-top: 1.3rem;
    }

    .secRecruitDetails .viewMoreButton.backBtn {
        margin: 3rem auto 8rem;
    }

    .viewMoreButton.backBtn::before {
        left: 3rem;
    }
}

/*-----------------------------------------------
    secCmnNextLoad
-----------------------------------------------*/
.secCmnNextLoad {
    margin: 12rem auto 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.secCmnNextLoad:not(:has(.viewMoreButton)) {
    margin: 0;
}

.secCmnNextLoad .btn {
    width: 100%;
    height: 100%;
    color: var(--linkColor);
    font-weight: bold;
    font-size: var(--pcFontSize16);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border: 1px solid var(--linkColor_35);
}

.secCmnNextLoad #listLoading {
    display: none;
}

@media only screen and (max-width:1215px) {
    .secCmnNextLoad {
        margin: 4rem auto 0;
    }

    .secCmnNextLoad .btn {
        font-size: var(--spFontSize13);
    }
}