@charset "utf-8";


#container {
    overflow: visible;
}
#pnkz {
    overflow: hidden;
}
.secFooterEntry{
    overflow: hidden;
}

.secCmnTit .titEng {
    margin-bottom: 3.3rem;
    width: 70.1rem;
}
.secCmnTit .titEng img{
    width: 100%;
    height: auto;
}
.secCmnTit .titJpn{
    padding-left: 5.1rem;
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_80);
    font-weight: bold;
    position: relative;
}
.secCmnTit .titJpn::after{
    width: 3.5rem;
    height: 1.8rem;
}
@media only screen and (max-width:1215px){
    #container {
        overflow: hidden;
    }
    .secCmnTit .titEng{
        margin-bottom: 1.5rem;
    }
    .secCmnTit .titJpn{
        padding-left: 2.8rem;
        font-size: var(--spFontSize13);
        letter-spacing: var(--spLetterSpacing13_80);
    }
    .secCmnTit .titJpn::after{
        width: 2rem;
        height: 1rem;
        top: 0.2rem;
    }

    .secCmnTit .titEng {
        width: 26.1rem;
    }

    .secCmnTit {
        margin-bottom: 5.8rem;
        margin-top: 4.8rem;
    }
}

/*-----------------------------------------------
    secAnker
-----------------------------------------------*/
.secAnker {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 12rem;
    margin-top: 15rem;
}

.secAnker .itemAnker {
    width: 23.3%;
    max-width: 32.2rem;
    height: 8rem;
}

.secAnker .itemAnker .linkAnker {
    width: 100%;
    height: 100%;
    border-radius: 4rem;
    border: 0.1rem solid var(--Colorblack);
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--pcFontSize18);
    letter-spacing: var(--pcLetterSpacing18_100);
    font-weight: bold;
    padding: 0 3rem;
    z-index: 1;
}
.secAnker .itemAnker .linkAnker.kana {
    letter-spacing: 0;
}

.secAnker .itemAnker .linkAnker::before {
    content: "";
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    right: 3rem;
    bottom: calc(50% - 1.05rem);
    transform: rotate(90deg);
}
.secAnker.lazyloaded .itemAnker .linkAnker::before {
    background: url(../img/common/iconNext.png) center top / cover;
}
.secAnker .itemAnker .linkAnker::after {
    font-size: var(--pcFontSize50);
    color: var(--Colorwhite);
    font-weight: bold;
    font-family: "IBM Plex Sans", "IBM Plex Sans JP", "Noto Sans JP", sans-serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6rem;
    z-index: -1;
}
.secAnker .itemAnker:nth-child(1) .linkAnker::after { content: "01"; }
.secAnker .itemAnker:nth-child(2) .linkAnker::after { content: "02"; }
.secAnker .itemAnker:nth-child(3) .linkAnker::after { content: "03"; }
.secAnker .itemAnker:nth-child(4) .linkAnker::after { content: "04"; }
.secAnker .itemAnker:nth-child(5) .linkAnker::after { content: "05"; }
.secAnker .itemAnker:nth-child(6) .linkAnker::after { content: "06"; }
.secAnker .itemAnker:nth-child(7) .linkAnker::after { content: "07"; }

@media only screen and (max-width:1215px) {
    .secAnker {
        gap: 0rem;
        margin-bottom: 5rem;
        margin-top: 6rem;
        justify-content: flex-start;
    }
    .secAnker .itemAnker {
        width: 50%;
        max-width: unset;
        height: 7rem;
    }
    .secAnker .itemAnker .linkAnker {
        border-radius: 0;
        border: none;
        border-bottom: 0.1rem solid var(--Colorblack);
        border-right: 0.1rem solid var(--Colorblack);
        font-size: var(--spFontSize15);
        letter-spacing: var(--spLetterSpacing15_50);
        line-height: var(--spLineHeight15_22);
        padding: 0 2rem;
    }
    .secAnker  .itemAnker:nth-child(1) .linkAnker,
    .secAnker  .itemAnker:nth-child(2) .linkAnker{
        border-top: 0.1rem solid var(--Colorblack);
    }
    .secAnker  .itemAnker:nth-child(2n - 1) .linkAnker{
        border-left: 0.1rem solid var(--Colorblack);
    }
    .secAnker .itemAnker .linkAnker::before {
        right: 2rem;
    }
    .secAnker .itemAnker .linkAnker::after {
        font-size: var(--spFontSize30);
        right: 4.3rem;
    }
}

/*-----------------------------------------------
    secJob
-----------------------------------------------*/
.secJob {
    /* overflow: hidden; */
}

.secJob .listItem {
    padding: 15rem 0;
    position: relative;
}

.secJob .listInner {
    display: flex;
    gap: 12rem;
}

.secJob.lazyloaded .listItem {
    background: url(../img/common/bgOrange.png);
}
.secJob.lazyloaded .listItem:nth-child(2n) {
    background: url(../img/common/bgNoise.png);
}

.secJob .boxLeft {
    width: 39.535%;
    max-width: 68rem;
    position: sticky;
    top: 10rem; /* ヘッダーの高さなどに応じて調整 */
    align-self: flex-start; /* flex内で上に揃える */
}

.secJob .boxLeft .txtNum {
    font-size: var(--pcFontSize50);
    color: var(--ColorOrange);
    margin-bottom: 1rem;
    font-weight: bold;
}

.secJob .boxLeft .titItem {
    font-size: var(--pcFontSize58);
    font-weight: bold;
    line-height: var(--pcLineHeight58_84);
    letter-spacing: var(--pcLetterSpacing58_80);
    margin-bottom: 4.5rem;
    padding-bottom: 4rem;
    border-bottom: 0.1rem solid var(--Colorblack);
    white-space: nowrap;
}

.secJob .boxList .boxItem {
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    letter-spacing: var(--pcLetterSpacing18_50);
    color: var(--PlaceholderColor);
    position: relative;
    padding-left: 3rem;
}

.secJob .boxList .boxItem::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.3rem);
    left: 0;
    width: 1rem;
    height: 1rem;
    background: var(--PlaceholderColor);
}

.secJob .boxRight {
    width: 53.489%;
    max-width: 92rem;
    margin-top: 5.5rem;
    overflow: hidden;
}

.secJob .boxRight .titOrange {
    font-size: var(--pcFontSize45);
    font-weight: bold;
    line-height: var(--pcLineHeight45_75);
    letter-spacing: var(--pcLetterSpacing45_80);
    background: linear-gradient(90deg, #f7a23b 0%, #f47421 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 4rem;
}

.secJob .boxRight .txtRight {
    font-size: var(--pcFontSize16);
    font-weight: bold;
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-bottom: 5rem;
}

.secJob .boxRight .imgStaff {
    margin-bottom: 5rem;
}

.secJob .boxRight .boxStaff {
    width: 100%;
    padding: 6rem 8rem;
    margin-top: 7rem;
}
.secJob.lazyloaded .boxRight .boxStaff {
    background: url(../img/common/bgNoise.png);
}
.secJob.lazyloaded .listItem:nth-child(2n) .boxStaff {
    background: url(../img/common/bgOrange.png);
}

.secJob .boxRight .titStaff {
    padding: 1rem 1.5rem;
    background: var(--Colorblack);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ColorOrange);
    font-size: var(--pcFontSize26);
    letter-spacing: var(--pcLetterSpacing26_50);
    margin-bottom: 4rem;
    display: inline-block;
    font-weight: bold;
}

.secJob .boxRight .itemStaff {
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    letter-spacing: var(--pcLetterSpacing18_50);
    position: relative;
    padding-left: 3rem;
    font-weight: bold;
}

.secJob .boxRight .itemStaff::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.3rem);
    left: 0;
    width: 1rem;
    height: 1rem;
    background: var(--ColorOrange);
}
@media only screen and (max-width:1700px) {
    .secJob .boxRight .titOrange {
        font-size: var(--pcFontSize40);
    }
    .secJob .boxRight .txtRight {
        font-size: var(--pcFontSize15);
    }
    .secJob .boxLeft .titItem {
        font-size: var(--pcFontSize44);
    }
}
@media only screen and (max-width:1500px) {
    .secJob .boxRight .titOrange {
        font-size: var(--pcFontSize36);
    }
    .secJob .boxRight .txtRight {
        font-size: var(--pcFontSize13);
    }
}
@media only screen and (max-width:1215px) {
    .secJob .listItem {
        padding: 6rem 0;
    }
    .secJob .listInner {
        display: block;
    }
    .secJob .boxLeft {
        width: 100%;
        max-width: unset;
        position: static;
    }
    .secJob .boxLeft .txtNum {
        font-size: var(--spFontSize24);
        margin-bottom: 0;
    }
    .secJob .boxLeft .titItem {
        font-size: var(--spFontSize30);
        line-height: var(--spLineHeight30_50);
        letter-spacing: var(--spLetterSpacing30_50);
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .secJob .boxList .boxItem {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        letter-spacing: var(--spLetterSpacing13_50);
        padding-left: 1rem;
    }
    .secJob .boxList .boxItem::before {
        width: 0.6rem;
        height: 0.6rem;
    }
    .secJob .boxRight {
        width: 100%;
        max-width: unset;
        margin-top: 2.5rem;
    }
    .secJob .boxRight .titOrange {
        font-size: var(--spFontSize20);
        line-height: var(--spLineHeight20_36);
        letter-spacing: var(--spLetterSpacing20_50);
        margin-bottom: 2rem;
    }
    .secJob .boxRight .txtRight {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        letter-spacing: var(--spLetterSpacing13_50);
        margin-bottom: 3rem;
    }
    .secJob .boxRight .imgStaff {
        margin-bottom: 3rem;
    }
    .secJob .boxRight .boxStaff {
        padding: 2rem;
        margin-top: 4rem;
    }
    .secJob .boxRight .titStaff {
        padding: 1rem 1.5rem;
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_50);
        margin-bottom: 1rem;
    }
    .secJob .boxRight .itemStaff {
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        letter-spacing: var(--spLetterSpacing13_50);
        padding-left: 1rem;

    }
    .secJob .boxRight .itemStaff::before {
        width: 0.6rem;
        height: 0.6rem;
        top: 1rem;
    }
    .secJob .listItem:last-child {
        padding: 6rem 0 8rem;
    }
}