@charset "utf-8";
.secCmnTopBox{
    background: url(../img/recruitment/bgCmnTopBox.jpg);
    background-position: center top;
    background-size: cover;
}
@media only screen and (max-width:1215px){
    .secCmnTopBox{
        background-image: url(../img/recruitment/bgCmnTopBox_sp.jpg);
    }
}
.page_Index .mainWrapper{
    background-color: var(--bgGlay);
}

/* secRecruitment */
.secRecruitment{
    padding-top: 8.7rem;
}

/* secTop */
.secTop{
    width: 100%;
    text-align: center;
}
.secTop .maintit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_60);
    font-weight: bold;
}
.secTop .txt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_40);
    font-weight: bold;
    margin-top: 3rem;
}
@media only screen and (max-width:1215px){
    .secRecruitment{
        padding-top: 2.8rem;
    }
    .secTop .maintit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_27);
    }
    .secTop .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_30);
        margin-top: 1.7rem;
    }
}

/* secSearch */
.secSearch{
    width: 100%;
    margin-top: 5.1rem;
}
.secSearch .Inner{
    position: relative;
    padding-top: 2rem;
}
.secSearch .titbox{
    position: absolute;
    left: calc(50% - 14.2rem);
    top: 0;
    width:28.4rem;
    height: 4rem;
    border: 1px solid;
    border-color: var(--textColor);
    background-color: var(--white);
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-radius: 4rem;
}
.secSearch .tit_inbox{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secSearch .tit{
    display: inline-block;
    position: relative;
    padding-left: calc((var(--pcFontSize16) * (15 / 16)) + 1rem);
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing16_100);
}
.secSearch .tit::after{
    content: "";
    position: absolute;
    left: 0;
    width:calc(var(--pcFontSize16) * (15 / 16));
    height: calc(var(--pcFontSize16) * (15 / 16));
    top: calc(50% - (var(--pcFontSize16) * (15 / 16)) / 2);
}
.secSearch.lazyloaded .tit::after{
    background: url(../img/recruitment/imgIcon_search.png) center center no-repeat;
    background-size: 100% auto;
}


/* contentArea */
.secSearch .contentArea{
    width: 100%;
    background-color: var(--white);
    border-radius: 3rem;
}
@media only screen and (min-width:1216px){
    .secSearch .contentArea{
        display: block!important;
    }
    .secSearch .undertxtbox{
        display: none;
    }
    .secSearch .trgger_box{
        pointer-events: none;
    }
}
.secSearch .areaInner{
    padding: 4.9rem 7.5rem 4rem;
}
.secSearch .listbox{
    width: 100%;
}
.secSearch .list{
    width: 100%;
}
.secSearch .item{
    display: flex;
    width: 100%;
}
.secSearch .item + .item{
    border-top: 1px solid;
    border-color: var(--ColorBlack_10);
    margin-top: 1.6rem;
    padding-top: 1.9rem;
}
.secSearch .itemtitbox{
    width: 11rem;
    padding-top: 0.7rem;
}
.secSearch .itemtit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
}
.secSearch .tagArea{
    flex: 1;
}
.secSearch .taglist{
    width: 100%;
}
.secSearch .tags{
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
.secSearch .tag_label{
    min-width:11rem;
    min-height: 3.8rem;
    position: relative;
    width: fit-content;
    padding: 0.6rem 2rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    background-color: var(--bgGlay);
    color: var(--textColor);
    pointer-events: all;
    cursor: pointer;
}
.secSearch .tag_label:has(input:checked){
    background-color: var(--textColor);
    color: var(--white);
}
.secSearch .tag_label input{
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 0;
    visibility: hidden;
}
.secSearch .label_In{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secSearch .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    text-align: left;
    display: inline-block;
}
.secSearch .btnArea{
    width: 100%;
    margin-top: 3.6rem;
}
.secSearch .btnInner{
    display: flex;
    justify-content: flex-end;
}
.secSearch .btnLink{
    display: flex;
    align-items: center;
    width:fit-content;
    height: 5rem;
    border: 1px solid;
    border-radius: 5rem;
    pointer-events: all;
    cursor: pointer;
}
.secSearch .btnLink.resetBtn{
    width: 18.4rem;
    border-color: var(--textColor);
    background-color: var(--white);
    color: var(--textColor);
}
.secSearch .btnLink.searchBtn{
    width: 20rem;
    border-color: var(--textColor);
    background-color: var(--textColor);
    color: var(--white);
}
.secSearch .btnLink + .btnLink{
    margin-left:2rem;
}
.secSearch .linkIn{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secSearch .linktxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    position: relative;
    display: inline-block;
}
.secSearch .resetBtn .linktxt{
    padding-left: calc((var(--pcFontSize14) * (12 / 14)) + 1rem);
}
.secSearch .resetBtn .linktxt::before,
.secSearch .resetBtn .linktxt::after{
    content: "";
    position: absolute;
    width:calc(var(--pcFontSize14) * (14 / 14));
    height: 2px;
    left: 0;
    top: calc(50% - 1px);
    background-color: var(--textColor);
}
.secSearch .resetBtn .linktxt::before{
    transform: rotate(45deg);
}
.secSearch .resetBtn .linktxt::after{
    transform: rotate(-45deg);
}
.secSearch .searchBtn .linktxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    font-weight: bold;
    padding-left: calc((var(--pcFontSize16) * (17 / 16)) + 1rem);
}
.secSearch .searchBtn .linktxt::after{
    content: "";
    position: absolute;
    width: calc(var(--pcFontSize16) * (17 / 16));
    height: calc(var(--pcFontSize16) * (17 / 16));
    left: 0;
    top: calc(50% - (var(--pcFontSize16) * (17 / 16)) / 2);
}
.secSearch.lazyloaded .searchBtn .linktxt::after{
    background: url(../img/recruitment/imgIcon_grass.png) center center no-repeat;
    background-size: 100% auto;
}
@media only screen and (max-width:1215px){
    .secSearch{
        margin-top: 3.3rem;
        min-height: 4rem;
    }
    .secSearch .Inner{
        padding-top: 2rem;
    }
    .secSearch .titbox{
        left: calc(50% - 9.5rem);
        width:19rem;
    }
    .secSearch .tit{
        padding-left:0;
        padding: 0 1.8rem;
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_28);
    }
    .secSearch .tit::after{
        left: 0;
        width:calc(var(--spFontSize13) * (13 / 13));
        height: calc(var(--spFontSize13) * (13 / 13));
        top: calc(50% - (var(--spFontSize13) * (13 / 13)) / 2);
    }
    .secSearch .tit::before{
        content: "";
        position: absolute;
        width: 1.2rem;
        height: 0.6rem;
        right: 0;
        top: calc(50% - 0.3rem);
        transition: 0.5s;
    }
    .secSearch.lazyloaded .tit::before{
        background: url(../img/recruitment/imgTrigger_Arrow.png) center center no-repeat;
        background-size: 100% auto;
    }
    .secSearch .trgger_box.close .tit::before{
        transform: rotate(180deg);
    }
    /* contentArea */
    .secSearch .contentArea{
        border-radius: 2rem;
        display: none;
    }
    .secSearch .areaInner{
        padding: 4rem 2rem 2.5rem;
    }
    .secSearch .item + .item{
        margin-top: 0.5rem;
        padding-top: 1rem;
    }
    .secSearch .itemtitbox{
        width: 7.5rem;
        padding-top: 0;
    }
    .secSearch .itemtit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_28);
    }
    .secSearch .tags{
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .secSearch .tag_label{
        min-width:8rem;
        min-height: 3rem;
        padding: 0.4rem 1.2rem;
        border-radius: 3rem;
    }
    .secSearch .tagtxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
    .secSearch .btnArea{
        margin-top: 2.5rem;
    }
    .secSearch .btnInner{
        display: block;
    }
    .secSearch .btnLink{
        height: 5rem;
    }
    .secSearch .btnLink.resetBtn{
        display: none;
    }
    .secSearch .btnLink.searchBtn{
        width: 19rem;
    }
    .secSearch .btnLink + .btnLink{
        margin-left:0;
        margin: 0 auto;
    }
    .secSearch .linktxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_28);
    }
    .secSearch .searchBtn .linktxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_28);
        padding-left: calc((var(--spFontSize13) * (12 / 13)) + 0.5rem);
    }
    .secSearch .searchBtn .linktxt::after{
        width: calc(var(--spFontSize13) * (12 / 13));
        height: calc(var(--spFontSize13) * (12 / 13));
        left: 0;
        top: calc(50% - (var(--spFontSize13) * (12 / 13)) / 2);
    }
    .secSearch .undertxtbox{
        width: 100%;
        text-align: center;
        margin-top: 1.6rem;
    }
    .secSearch .undertxt{
        display: inline-block;
        pointer-events: all;
        cursor: pointer;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        letter-spacing: var(--spLetterSpacing12_50);
        border-bottom: 1px solid;
        border-color: var(--textColor);
        padding-bottom: 0.2rem;
    }
    .secSearch .undertxtIn{
        display: inline-block;
        position: relative;
        padding-left:1.6rem;
    }
    .secSearch .undertxtIn::after,
    .secSearch .undertxtIn::before{
        content: "";
        position: absolute;
        width: 1.2rem;
        height: 2px;
        background: var(--textColor);
        left: 0;
        top: calc(50% - 1px);
    }
    .secSearch .undertxtIn::after{
        transform: rotate(45deg);
    }
    .secSearch .undertxtIn::before{
        transform: rotate(-45deg);
    }
    .secSearch .trgger_box{
        pointer-events: all;
        cursor: pointer;
    }
}

/* secList */
.secList{
    margin-top:7rem;
}
.secList .list{
    display: flex;
    flex-wrap: wrap;
}
.secList .item{
    width: calc((100% - 8.8rem) / 3);
    margin-right: 4.4rem;
}
@media only screen and (min-width:1216px){
    .secList .item:nth-child(3n){
        margin-right: 0;
    }
    .secList .item:nth-child(n+4){
        margin-top: 5rem;
    }
}
.secList .linkItem{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: 0.5s;
    padding-bottom: 5.5rem;
}
.secList .linkItem::after{
    content: "";
    position: absolute;
    width: calc(100% - (11rem + 1rem));
    height: 1px;
    background-color: var(--linkborderColor);
    bottom: 0;
    left: 0;
}
.secList .itemInner{
    width: 100%;
}
.secList .imgArea{
    width: 100%;
    border-radius: 0 3rem 3rem 3rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.secList .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(440 / 600 * 100%);
    overflow: hidden;
    z-index: 1;
}
.secList .txtArea{
    width: 100%;
    margin-top: 3.3rem;
}
.secList .subtit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_32);
    font-weight: bold;
}
.secList .tit{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_40);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing28_50);
}
.secList .subtit + .tit{
    margin-top: 1.9rem;
}
.secList .txt{
    width: 100%;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize16) * var(--pcLineHeight16_34) * 2);
    margin-top: 1.3rem;
}
.secList .tagArea{
    width: 100%;
    margin-top: 2.5rem;
}
.secList .taglist{
    width: 100%;
}
.secList .tags{
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
.secList .tag_box{
    min-width: 11rem;
    min-height: 3.8rem;
    position: relative;
    width: fit-content;
    padding: 0.6rem 2rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    background-color: var(--white);
    color: var(--textColor);
    pointer-events: all;
    cursor: pointer;
}
.secList .tag_box.type_new{
    background-color: var(--formBtnColor);
    color: var(--textColor);
}
.secList .tag_box.type_career{
    background-color: var(--tag01Color);
    color: var(--white);
}
.secList .tag_In{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secList .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    text-align: left;
    display: inline-block;
}
.secList .morebox{
    position: absolute;
    width: 11rem;
    bottom: 0;
    right: 0;
    padding-bottom: 0.9rem;
}
.secList .moreIn{
    display: inline-block;
    position: relative;
    width: 100%;
}
.secList .Iconbox{
    position: absolute;
    width: 1.6rem;
    height: 0.7rem;
    right: 0;
    top: calc(50% - 0.35rem);
}
.secList .moretxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    .secList .linkItem:hover .morebox{
        border-color: var(--textColor);
    }
    .secList .trgger_animation_line_item{
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
    }
}
@media only screen and (max-width:1215px){
    .secList{
        margin-top:4rem;
    }
    .secList .list{
        display: block;
    }
    .secList .item{
        width: 100%;
        margin-right: 0;
    }
    .secList .item + .item{
        margin-top: 4.6rem;
    }
    .secList .linkItem{
        height: auto;
        padding-bottom:0;
    }
    .secList .linkItem::after{
        display: none;
    }
    .secList .imgArea{
        border-radius: 0 1.8rem 1.8rem 1.8rem;
    }
    .secList .txtArea{
        margin-top: 1.7rem;
    }
    .secList .subtit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secList .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_27);
    }
    .secList .subtit + .tit{
        margin-top: 0.6rem;
    }
    .secList .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        -webkit-line-clamp: 3;
        max-height: calc(var(--spFontSize12) * var(--spLineHeight12_24) * 3);
        margin-top: 0.8rem;
    }
    .secList .tagArea{
        margin-top: 1.3rem;
    }
    .secList .tags{
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .secList .tag_box{
        min-width: 8rem;
        min-height: 3rem;
        padding: 0.4rem 1.2rem;
        border-radius: 3rem;
    }
    .secList .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secList .morebox{
        display: none;
    }
}

/* secRecruitment_details */
.page_Details #pnkz{
    background-color: var(--white);
}
.page_Details .mainWrapper{
    padding-bottom: 0;
}
.secRecruitment_details{
    width: 100%;
}
/* secHero */
.secHero{
    background-color: var(--bgGlay);
    padding-top: 8.7rem;
    width: 100%;
    padding-bottom: 10rem;
}
.secHero .Inner{
    text-align: center;
}
.secHero .title{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_60);
    font-weight: bold;
}
.secHero .taglist{
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}
.secHero .tags{
    display: inline-block;
    margin-right: 2rem;
    margin-bottom: 0.5rem;
}
.secHero .tags:last-child{
    margin-right: 0;
}
.secHero .tag_box{
    min-width: 12rem;
    min-height: 4.2rem;
    position: relative;
    width: fit-content;
    padding: 0.6rem 2.5rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    background-color: var(--white);
    color: var(--textColor);
    pointer-events: all;
    cursor: pointer;
}
.secHero .tag_box.type_new{
    background-color: var(--formBtnColor);
    color: var(--textColor);
}
.secHero .tag_box.type_career{
    background-color: var(--tag01Color);
    color: var(--white);
}
.secHero .tag_In{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secHero .tagtxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    text-align: left;
    display: inline-block;
}
.secHero .mainImg{
    max-width: 100%;
    text-align: center;
    margin-top: 5.4rem;
}
.secHero .imgBox{
    display: inline-block;
    border-radius: 0 3rem 3rem 3rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width:1216px){
.secHero .imgBox img{
    max-width: 100%;
        height: auto;
        width: auto;
    }
}
.secHero .maintxtbox{
    margin-top: 4.7rem;
}
.secHero .maintxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .page_Details #pnkz{
        background-color: var(--bgGlay);
    }
    /* secHero */
    .secHero{
        padding-top: 2.6rem;
        padding-bottom: 4.5rem;
    }
    .secHero .title{
        font-size: var(--spFontSize22);
        line-height: var(--spLineHeight22_32);
    }
    .secHero .taglist{
        margin-top: 1.8rem;
    }
    .secHero .tags{
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .secHero .tags:last-child{
        margin-right: 0;
    }
    .secHero .tag_box{
        min-width: 8rem;
        min-height: 3rem;
        padding: 0.4rem 1.5rem;
        border-radius: 3rem;
    }
    .secHero .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    .secHero .mainImg{
        margin-top: 2rem;
    }
    .secHero .imgBox{
        display: block;
        border-radius: 0 1.8rem 1.8rem 1.8rem;
    }
    .secHero .maintxtbox{
        margin-top: 1.3rem;
    }
    .secHero .maintxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_28);
    }
}

/* secDetailslist */
.secDetailslist{
    margin-top: 9.4rem;
}
.secDetailslist .other_tit{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
    font-weight: bold;
    text-align: center;
}
.secDetailslist .list{
    width: 100%;
    margin-top: 6.6rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--ColorBlack_20);
}
.secDetailslist .item{
    width: 100%;
    display: flex;
}
.secDetailslist .item + .item{
    border-top: 1px solid;
    border-color: var(--ColorBlack_20);
}
.secDetailslist .titArea{
    width: 25.5rem;
    padding: 0 2rem;
}
.secDetailslist .titInner{
    padding: 2.5rem 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.secDetailslist .tit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
}
.secDetailslist .txtArea{
    flex: 1;
    padding: 2.5rem 0;
}
.secDetailslist .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
}
@media only screen and (min-width:1216px){
    .secDetailslist .titArea br{
        display: none;
    }
}
@media only screen and (max-width:1215px){
    .secDetailslist{
        margin-top: 5.2rem;
    }
    .secDetailslist .other_tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_27);
    }
    .secDetailslist .list{
        margin-top: 2.5rem;
    }
    .secDetailslist .titArea{
        width: 9.3rem;
        padding: 0 1rem;
    }
    .secDetailslist .titInner{
        padding: 1.5rem 0;
    }
    .secDetailslist .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
    }
    .secDetailslist .txtArea{
        padding: 1.5rem 0;
    }
    .secDetailslist .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_21);
    }
}

/* entrybtn */
.secDetailslist .entrybtn{
    max-width: 38rem;
    margin: 0 auto;
    margin-top: 8rem;

}
.secDetailslist .entrybtn .btnLink{
    display: flex;
    align-items: center;
    width: 100%;
    height:8rem;
    background-color: var(--formBtnColor);
    color: var(--textColor);
    border-radius: 8rem;
}
.secDetailslist .entrybtn .btnInner{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
}
.secDetailslist .entrybtn .btnInner::after{
    content: "";
    position: absolute;
    width: 1.6rem;
    height: 0.7rem;
    top: calc(50% - 0.35rem);
    right: 4rem;
}
.secDetailslist.lazyloaded .entrybtn .btnInner::after{
    background: url(../img/common/iconForm.png) center top no-repeat;
    background-size: 100% auto;
}
.secDetailslist .entrybtn .btntxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secDetailslist .entrybtn{
        max-width: 23rem;
        margin-top: 3rem;
    }
    .secDetailslist .entrybtn .btnLink{
        height: 5rem;
        border-radius: 5rem;
        padding: 0 2rem;
        padding-left: 3rem;
    }
    .secDetailslist .entrybtn .btnInner{
        text-align: left;
    }
    .secDetailslist .entrybtn .btnInner::after{
        right: 0;
    }
    .secDetailslist .entrybtn .btntxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
}

/* secOtherlist */
.secOtherlist{
    width: 100%;
    background-color: var(--bgGlay);
    margin-top: 0;
    padding-top: 10rem;
    padding-bottom: 18rem;
}
.secDetailslist + .secOtherlist{
    padding-top:20rem;
    margin-top: 20rem;
}
.secOtherlist .titlebox{
    text-align: center;
}
.secOtherlist .imgtit{
    width: 36.7rem;
    margin: 0 auto;
}
.secOtherlist .title{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
    font-weight: bold;
    margin-top: 3rem;
}
.secOtherlist .slideArea{
    margin-top:7rem;
    width: 100%;
    overflow: hidden;
}
.secOtherlist .Inner{
    width: calc(100% - 20rem);
    margin: 0 auto;
}
.secOtherlist .slideBox{
    width: 100%;
}
.secOtherlist .swiper{
    width: 100%;
    overflow: visible;
}
@media only screen and (min-width:1216px){
    .secOtherlist .slideBox.disabled .swiper-slide{
        width: calc((100% - 8.8rem) / 3);
    }
    .secOtherlist .slideBox.disabled .swiper-slide + .swiper-slide{
        margin-left: 4.4rem;
    }
}

#Other_Slide .linkItem{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    transition: 0.5s;
    padding-bottom: 5.5rem;
}
#Other_Slide .linkItem::after{
    content: "";
    position: absolute;
    width: calc(100% - (11rem + 1rem));
    height: 1px;
    background-color: var(--linkborderColor);
    bottom: 0;
    left: 0;
}
#Other_Slide .itemInner{
    width: 100%;
}
#Other_Slide .imgArea{
    width: 100%;
    border-radius: 0 3rem 3rem 3rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#Other_Slide .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc(440 / 600 * 100%);
    overflow: hidden;
    z-index: 1;
}
#Other_Slide .txtArea{
    width: 100%;
    margin-top: 3.3rem;
}
#Other_Slide .subtit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_32);
    font-weight: bold;
}
#Other_Slide .tit{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_40);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing28_50);
}
#Other_Slide .subtit + .tit{
    margin-top: 1.9rem;
}
#Other_Slide .txt{
    width: 100%;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_34);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc(var(--pcFontSize16) * var(--pcLineHeight16_34) * 2);
    margin-top: 1.3rem;
}
#Other_Slide .tagArea{
    width: 100%;
    margin-top: 2.5rem;
}
#Other_Slide .taglist{
    width: 100%;
}
#Other_Slide .tags{
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
#Other_Slide .tag_box{
    min-width: 11rem;
    min-height: 3.8rem;
    position: relative;
    width: fit-content;
    padding: 0.6rem 2rem;
    border-radius: 4rem;
    display: flex;
    align-items: center;
    background-color: var(--white);
    color: var(--textColor);
    pointer-events: all;
    cursor: pointer;
}
#Other_Slide .tag_box.type_new{
    background-color: var(--formBtnColor);
    color: var(--textColor);
}
#Other_Slide .tag_box.type_career{
    background-color: var(--tag01Color);
    color: var(--white);
}
#Other_Slide .tag_In{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#Other_Slide .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    text-align: left;
    display: inline-block;
}
#Other_Slide .morebox{
    position: absolute;
    width: 11rem;
    bottom: 0;
    right: 0;
    padding-bottom: 0.9rem;
}
#Other_Slide .moreIn{
    display: inline-block;
    position: relative;
    width: 100%;
}
#Other_Slide .Iconbox{
    position: absolute;
    width: 1.6rem;
    height: 0.7rem;
    right: 0;
    top: calc(50% - 0.35rem);
}
#Other_Slide .moretxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    #Other_Slide .linkItem:hover .morebox{
        border-color: var(--textColor);
    }
    #Other_Slide .trgger_animation_line_item{
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: 0;
    }
}
@media only screen and (max-width:1215px){
    .secOtherlist{
        padding-top: 5rem;
        padding-bottom: 8rem;
    }
    .secDetailslist + .secOtherlist{
        padding-top:5rem;
        margin-top: 5rem;
    }
    .secOtherlist .imgtit{
        width: 14.8rem;
    }
    .secOtherlist .title{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_27);
        margin-top: 1.8rem;
    }
    .secOtherlist .slideArea{
        margin-top: 2.5rem;
    }
    .secOtherlist .Inner{
        width: calc(100% - 4rem);
    }
    #Other_Slide .linkItem{
        height: auto;
        padding-bottom:0;
    }
    #Other_Slide .linkItem::after{
        display: none;
    }
    #Other_Slide .imgArea{
        border-radius: 0 3rem 3rem 3rem;
    }
    #Other_Slide .txtArea{
        margin-top: 15px;
    }
    #Other_Slide .subtit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    #Other_Slide .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_27);
    }
    #Other_Slide .subtit + .tit{
        margin-top: 0.6rem;
    }
    #Other_Slide .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        -webkit-line-clamp: 3;
        max-height: calc(var(--spFontSize12) * var(--spLineHeight12_24) * 3);
        margin-top: 0.8rem;
    }
    #Other_Slide .tagArea{
        margin-top: 1.3rem;
    }
    #Other_Slide .tags{
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }
    #Other_Slide .tag_box{
        min-width: 8rem;
        min-height: 3rem;
        padding: 0.4rem 1.2rem;
        border-radius: 3rem;
    }
    #Other_Slide .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
    #Other_Slide .morebox{
        display: none;
    }
}

#Other_Slide .slideUnderbox{
    width: 100%;
    display: flex;
    margin-top: 5rem;
}
#Other_Slide .paginationArea{
    flex: 1;
    padding-right:6.5rem;
    position: relative;
}
#Other_Slide .swiper-pagination{
    position: relative;
    top: calc(50% - 0.4rem);
    left: 0;
    bottom: auto;
    background-color: var(--white);
    border-radius: 0.4rem;
    height: 0.8rem;
    display: flex;
}
#Other_Slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
#Other_Slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: var(--white);
    border-radius: 0.4rem;
    margin: 0;
    flex: 1;
}
#Other_Slide .swiper-pagination-bullet-active{
    background-color: var(--textColor)!important;
}
#Other_Slide .btnArea{
    width: 18.6rem;
    position: relative;
    height: 6.4rem;
}
#Other_Slide .swiper-button-prev,
#Other_Slide .swiper-button-next{
    position: absolute;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    top: 0;
    margin: 0;
}
#Other_Slide .swiper-button-prev{
    left: 0;
}
#Other_Slide .swiper-button-next{
    right: 0;
    transform: scale(-1, 1);
}
#Other_Slide .swiper-button-prev::before,
#Other_Slide .swiper-button-next::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-color: var(--textColor);
    border-radius: 50%;
    left: 0;
    top: 0;
}
#Other_Slide .swiper-button-prev::after,
#Other_Slide .swiper-button-next::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: calc(50% - 1rem);
    right: calc(0% - 1.5rem);
    background-color: var(--bgGlay);
}
@media only screen and (min-width:1216px){
    #Other_Slide .swiper-button-prev::before,
    #Other_Slide .swiper-button-next::before{
        transition: 0.5s;
    }
    #Other_Slide .swiper-button-prev::after,
    #Other_Slide .swiper-button-next::after{
        transition: 0.1s;
    }
    #Other_Slide .swiper-button-prev:hover:before,
    #Other_Slide .swiper-button-next:hover:before{
        background-color: var(--textColor);
        z-index: 3;
    }
    #Other_Slide .swiper-button-prev:hover::after,
    #Other_Slide .swiper-button-next:hover::after{
        background-color: rgba(0,0,0,0);
        right: calc(0% - 2rem);
        transition: 0.5s;
    }
}
#Other_Slide .slide_Arrow{
    width:1.6rem;
    height: 0.6rem;
    position: absolute;
    left: calc(50% - 0.8rem);
    top: calc(50% - 0.5rem);
    z-index: 3;
}
#Other_Slide .slide_Arrow::before,
#Other_Slide .slide_Arrow::after{
    content: "";
    position: absolute;
    background-color: var(--textColor);
    transition: 0.5s;
}
#Other_Slide .slide_Arrow::before{
    width: 0.8rem;
    height: 1px;
    bottom: calc(0% + ((0.8rem / 2) - 0.1rem));
    left: 0;
    transform: rotate(-45deg);
}
#Other_Slide .slide_Arrow::after{
    width: 5.4rem;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--textColor);
}
@media only screen and (min-width:1216px){
    #Other_Slide .swiper-button-prev:hover .slide_Arrow::before,
    #Other_Slide .swiper-button-next:hover .slide_Arrow::before,
    #Other_Slide .swiper-button-prev:hover .slide_Arrow::after,
    #Other_Slide .swiper-button-next:hover .slide_Arrow::after{
        background-color: var(--white);
    }
    #Other_Slide .swiper-button-prev:hover .slide_Arrow::after,
    #Other_Slide .swiper-button-next:hover .slide_Arrow::after{
        width: 1.6rem;
    }
}
@media only screen and (max-width:1215px){
    #Other_Slide .slideUnderbox{
        justify-content: flex-end;
        margin-top: 4rem;
    }
    #Other_Slide .paginationArea{
        display: none;
    }
    #Other_Slide .btnArea{
        width: 13rem;
        height: 5rem;
    }
    #Other_Slide .swiper-button-prev,
    #Other_Slide .swiper-button-next{
        width: 5rem;
        height: 5rem;
    }
    #Other_Slide .swiper-button-prev::after,
    #Other_Slide .swiper-button-next::after{
        display: none;
    }
    #Other_Slide .slide_Arrow{
        width: 1rem;
        height: 0.5rem;
        left: calc(50% - 0.5rem);
        top: calc(50% - 0.3rem);
        z-index: 3;
    }
    #Other_Slide .slide_Arrow::before{
        width: 0.6rem;
        bottom: calc(0% + ((0.3rem / 2) + 0.1rem));
    }
    #Other_Slide .slide_Arrow::after{
        width: 3.8rem;
    }
}