/*footer 浮防止*/

body.page-id-441 {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
}

body.page-id-441 main {
    flex: 1 0 auto;
}

body.page-id-441 footer.site-footer {
    margin-top: auto;
}

/*footer 浮防止*/



.recruit__container {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 150px 0 0;
}

@media (max-width: 1000px) {
    .recruit__container {
        width: calc(100vw * 1000 / 1440);
        padding: calc(100vw * 150 / 1440) 0 0;
    }
}

@media (max-width: 750px) {
    .recruit__container {
        width: calc(100vw * 670 / 750);
        padding: calc(100vw * 138.5 / 750) 0 0;
    }
}

.recruit__title {
    font-size: 60px;
    font-family: "oswald", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1 !important;
    margin-bottom: 57px;
    display: inline-block;
    transform: translateX(-1px);
}

@media (max-width: 1000px) {
    .recruit__title {
        font-size: calc(100vw * 60 / 1440);
        margin-bottom: calc(100vw * 57 / 1440);
        transform: translateX(calc(100vw * -1 / 1440));
    }
}

@media (max-width: 750px) {
    .recruit__title {
        letter-spacing: 0.05em;
        font-size: calc(100vw * 80 / 750);
        margin-bottom: calc(100vw * 59 / 750);
        transform: translateX(calc(100vw * -4 / 750));
    }
}

.recruit__eria {
    display: grid;
    justify-content: center;
    grid-template-columns: 454px 454px;
    grid-template-rows: 1fr;
    gap: 12px;
    padding-bottom: 45px;
    border-bottom: initial;
    opacity: 0;
    transition: opacity .6s ease;
}

@media (max-width: 1000px) {
    .recruit__eria {
        grid-template-columns: calc(100vw * 454 / 1440) calc(100vw * 454 / 1440);
        gap: calc(100vw * 12 / 1440);
        padding-bottom: calc(100vw * 45 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit__eria {
        grid-template-columns: calc(100vw * 310 / 750) calc(100vw * 310 / 750);
        gap: calc(100vw * 10 / 750);
        padding-bottom: calc(100vw * 24 / 750);
    }
}

.recruit__eria.show {
    opacity: 1;
}

.recruit__links {
    width: 100%;
    height: 70px;
    background-color: #ffffff;
}

@media (max-width: 1000px) {
    .recruit__links {
        height: calc(100vw * 70 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit__links {
        height: calc(100vw * 76 / 750);
    }
}

.recruit__links a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 20px;
    letter-spacing: 0.05em;
}

@media (max-width: 1000px) {
    .recruit__links a {
        font-size: calc(100vw * 20 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit__links a {
        padding: calc(100vw * 10 / 750) calc(100vw * 30 / 750);;
        font-size: calc(100vw * 22.06 / 750);
    }
}

.accordion_container {
    width: 100%;
    margin: 0 auto 68px;
}

@media (max-width: 1000px) {
    .accordion_container {
        margin: 0 auto calc(100vw * 68 / 1440);
    }
}

@media (max-width: 750px) {
    .accordion_container {
        margin: 0 auto calc(100vw * 74 / 750);
    }
}

.accordion_title {
    display: block;
    background-color: #E5EEF2;
    color: #000000;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    position: relative;
    width: 100%;
    height: 60px;
    letter-spacing: 0.05em;
    transition-duration: 0.2s;
}

@media (max-width: 1000px) {
    .accordion_title {
        font-size: calc(100vw * 20 / 1440);
        height: calc(100vw * 60 / 1440);
        line-height: calc(100vw * 60 / 1440);
    }
}

@media (max-width: 750px) {
    .accordion_title {
        font-size: calc(100vw * 32 / 750);
        height: calc(100vw * 100 / 750);
        line-height: calc(100vw * 100 / 750);
    }
}

.icon_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 14px;
    width: 40px;
    height: 40px;
}

@media (max-width: 1000px) {
    .icon_wrap {
        right: calc(100vw * 14 / 1440);
        width: calc(100vw * 40 / 1440);
        height: calc(100vw * 40 / 1440);
    }
}

@media (max-width: 750px) {
    .icon_wrap {
        right: calc(100vw * 26 / 750);
        width: calc(100vw * 60 / 750);
        height: calc(100vw * 60 / 750);
    }
}

.icon {
    display: block;
    width: 40px;
    height: 40px;
    transform-origin: center center;
    position: relative;
}

@media (max-width: 1000px) {
    .icon {
        width: calc(100vw * 40 / 1440);
        height: calc(100vw * 40 / 1440);
    }
}

@media (max-width: 750px) {
    .icon {
        width: calc(100vw * 60 / 750);
        height: calc(100vw * 60 / 750);
    }
}

.icon:before,
.icon:after {
    display: flex;
    content: '';
    background-color: #000000;
    border-radius: 10px;
    position: absolute;
    opacity: 1;
    transition-duration: 0.2s;
}

.icon:before {
    width: 2px;
    height: 40px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1000px) {
    .icon:before {
        width: calc(100vw * 2 / 1440);
        height: calc(100vw * 40 / 1440);
    }
}

@media (max-width: 750px) {
    .icon:before {
        width: calc(100vw * 2 / 750);
        height: calc(100vw * 60 / 750);
    }
}

.icon:after {
    width: 2px;
    height: 40px;
    top: 0;
    left: 50%;
    transform:translateX(-50%) rotate(90deg);
}

@media (max-width: 1000px) {
    .icon:after {
        width: calc(100vw * 2 / 1440);
        height: calc(100vw * 40 / 1440);
    }
}

@media (max-width: 750px) {
    .icon:after {
        width: calc(100vw * 2 / 750);
        height: calc(100vw * 60 / 750);
    }
}

.accordion_title.open .icon:before {
    transform: rotate(-90deg);
}

.accordion_title.open .icon:after {
    opacity: 0;
}

.recruit_cover {
    display: none;
    background-color: #E5EEF2;
}

/* .recruit-hero {
    margin: 0 auto 68px;
}

@media (max-width: 1000px) {
    .recruit-hero {
        margin: 0 auto calc(100vw * 68 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero {
        margin: 0 auto calc(100vw * 74 / 750);
    }
} */

/* 画像ブロック */
.recruit-hero__images {
    position: initial;
}

.recruit-hero__images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recruit-hero__image--main {
    width: 100%;
}

/* @media (max-width: 1000px) {
    .recruit-hero__image--main {
        width: calc(100vw * 701 / 1440);
        height: calc(100vw * 374 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__image--main {
        width: calc(100vw * 600 / 750);
        height: calc(100vw * 320 / 750);
    }
} */

.recruit-hero__image--sub {
    position: absolute;
    right: 183px;
    bottom: -181px;
    width: 270px;
}

@media (max-width: 1000px) {
    .recruit-hero__image--sub {
        right: calc(100vw * 183 / 1440);
        bottom: calc(100vw * -181 / 1440);
        width: calc(100vw * 270 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__image--sub {
        right: 0;
        bottom: calc(100vw * -175 / 750);
        width: calc(100vw * 230 / 750);
    }
}

.recruit-hero__image--sub2 {
    position: absolute;
    right: 0;
    bottom: 13px;
    width: 210px;
}

@media (max-width: 1000px) {
    .recruit-hero__image--sub2 {
        bottom: calc(100vw * 13 / 1440);
        width: calc(100vw * 210 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__image--sub2 {
        right: calc(100vw * 213 / 750);
        bottom: calc(100vw * -103 / 750);
        width: calc(100vw * 180 / 750);
    }
}

/* テキスト部分 */
.recruit-hero__body {
    padding-top: 40px;
    margin-bottom: 94px;
}

@media (max-width: 1000px) {
    .recruit-hero__body {
        padding-top: calc(100vw * 40 / 1440);
        margin-bottom: calc(100vw * 94 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__body {
        padding-top: calc(100vw * 40 / 750);
        margin-bottom: calc(100vw * 94 / 750);
    }
}

/* .recruit-hero__text {
    padding-top: 134px;
}

@media (max-width: 1000px) {
    .recruit-hero__text {
        padding-top: calc(100vw * 134 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__text {
        padding-top: calc(100vw * 70 / 1440);
    }
} */

.recruit-hero__title {
    width: fit-content;
    /* font-family: "Zen Old Mincho", serif;
    font-weight: 700;
    font-style: normal; */
    font-size: 40px;
    font-weight: 700;
    line-height: 1.75 !important;
    margin-bottom: 94px;
    padding-top: 134px;
    letter-spacing: 0.055em;
}

@media (max-width: 1000px) {
    .recruit-hero__title {
        font-size: calc(100vw * 40 / 1440);
        margin-bottom: calc(100vw * 94 / 1440);
        padding-top: calc(100vw * 134 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__title {
        font-size: calc(100vw * 40 / 750);
        margin-bottom: calc(100vw * 110 / 750);
        padding-top: calc(100vw * 56 / 750);
        transform: translateX(calc(100vw * -3 / 750));
    }
}

.recruit-hero__subtitle {
    width: fit-content;
    font-weight: 700 !important;
    margin-bottom: 24px;
    line-height: 1.667 !important;
    font-size: 25px;
    letter-spacing: 0.05em;
}

@media (max-width: 1000px) {
    .recruit-hero__subtitle {
        font-size: calc(100vw * 25 / 1440);
        margin-bottom: calc(100vw * 24 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__subtitle {
        line-height: 1.786 !important;
        font-size: calc(100vw * 35 / 750);
        margin-bottom: calc(100vw * 30 / 750);
    }
}

.recruit-hero__lead {
    width: fit-content;
    line-height: 1.667 !important;
    letter-spacing: 0.05em;
    font-size: 18px;
    margin-bottom: 94px;
}

@media (max-width: 1000px) {
    .recruit-hero__lead {
        font-size: calc(100vw * 18 / 1440);
        margin-bottom: calc(100vw * 94 / 1440);
    }
}

@media (max-width: 750px) {
    .recruit-hero__lead {
        line-height: 1.786 !important;
        font-size: calc(100vw * 28 / 750);
        margin-bottom: calc(100vw * 110 / 750);
    }
}




.recruit__container {
    position: relative;
}

.cover {
    position: absolute;
    opacity: 0.4;
    z-index: 30;
    inset: 0 auto auto 50%;
    transform: translateX(-50%);
    width: 1440px;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}