@charset "UTF-8";

body {
    background-color: #fff!important;
}
@media screen and (max-width: 767px) {
    .post-type-archive-recruit .style-pnkz {
        display: none!important;
    }
    .style-pnkz {
        margin-bottom: 16px!important;
    }
}

/* =================================================================
   ヘッダー
   ================================================================= */
.header {
    background-color: #fff!important;
    padding-right: 292px!important;
    height: 72px!important;
    transition: none!important;
    .header__logo {
        width: 120px!important;
        @media screen and (max-width: 767px) {
            width: 98px!important;
        }
    }
    .header__nav {
        background-color: #fff!important;
        align-items: center;
        display: flex!important;
        @media screen and (max-width: 1200px) {
            padding-right: 35px!important;
            padding-left: 35px!important;
            flex-direction: column;
        }
        .nav__lists {
            margin-right: 24px;
            @media screen and (max-width: 1200px) {
                order: 2;
                margin: 0 0 52px;
                display: block!important;
                width: 100%;
            }
            li {
                @media screen and (max-width: 1200px) {
                    width: 100%!important;
                    &:nth-child(2) {
                        border-top: none!important;
                    }
                }
                a {
                    font-size: 1.5rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 15px */
                    letter-spacing: 0.6px;
                    @media screen and (max-width: 1200px) {
                        width: 100%!important;
                        padding: 35px 0 35px 4px!important;
                        &::after {
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cpath d='M14.4871 17.6988L13.4767 16.7092L20.6283 9.5575H0V8.1475H20.6283L13.47 0.989169L14.4808 0L23.3333 8.8525L14.4871 17.6988Z' fill='%23C52626'/%3E%3C/svg%3E")!important;
                            background-position: right center!important;
                            background-size: 24px 18px!important;
                        }
                    }
                }
            }
        }
        .nav__instagram {
            position: relative;
            height: 19px;
            z-index: 1;
            @media screen and (max-width: 1200px) {
                order: 3;
                width: 100%;
                height: auto;
            }
            .nav__instagram__button {
                cursor: pointer;
                position: relative;
                padding-right: 15px;
                @media screen and (max-width: 1200px) {
                    display: none;
                }
                &::after {
                    content: "";
                    width: 8px;
                    height: 5px;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 5L0 0.876289L0.85 0L4 3.24742L7.15 0L8 0.876289L4 5Z' fill='%23110101'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-position: center right;
                    background-size: 8px 5px;
                    position: absolute;
                    top: 50%;
                    right: 0;
                    transform: translateY(-50%);
                }
                svg {
                    width: 19px;
                    height: 19px;
                }
            }
            .nav__instagram__menu {
                @media screen and (min-width: 1201px) {
                    position: absolute;
                    top: 26px;
                    left: 0;
                    border-radius: 4px;
                    visibility: hidden;
                    background: #1D1D1D;
                    backdrop-filter: blur(5px);
                    padding: 12px 24px 12px 16px;
                    transition: opacity 0.3s ease, visibility 0.3s ease;
                    background: rgba(29, 29, 29, 0.7); 
                    opacity: 0;
                }

                &.is-open {
                    opacity: 1;
                    visibility: visible;
                }
                li {
                    &:first-child {
                        margin-bottom: 12px;
                        @media screen and (max-width: 1200px) {
                            margin-bottom: 20px;
                        }
                    }
                    a {
                        color: #fff;
                        font-size: 1.4rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 100%; /* 14px */
                        letter-spacing: 0.56px;
                        @media screen and (max-width: 1200px) {
                            font-size: 1.5rem;
                            letter-spacing: 0.6px;
                            color: #110101;
                            position: relative;
                            padding-left: 25px;
                            &::before {
                                content: "";
                                position: absolute;
                                left: 0;
                                top: 50%;
                                transform: translateY(-50%); /* 上下中央揃え */
                                
                                width: 16px;
                                height: 16px;
                                
                                /* インラインSVG */
                                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M5.56554 0.0657861C4.55472 0.113495 3.86433 0.275402 3.26104 0.511796C2.63651 0.755264 2.1071 1.08155 1.58046 1.61035C1.05319 2.13947 0.729385 2.66981 0.487769 3.29496C0.253837 3.8998 0.0953166 4.59052 0.0506799 5.60196C0.00636236 6.61526 -0.00380074 6.93845 0.00113926 9.51816C0.00606026 12.0976 0.0174451 12.4214 0.0657659 13.435C0.114085 14.4455 0.275387 15.1356 0.511779 15.7392C0.755555 16.3637 1.0815 16.8928 1.61061 17.4198C2.13942 17.9468 2.67007 18.2703 3.29551 18.5122C3.89973 18.7458 4.59074 18.905 5.60187 18.9493C6.61515 18.9939 6.93864 19.0038 9.5177 18.9988C12.098 18.9939 12.4215 18.9825 13.4348 18.9345C14.4456 18.8862 15.1354 18.7243 15.7393 18.4885C16.3638 18.2441 16.8932 17.9188 17.4199 17.3896C17.9465 16.8608 18.2703 16.3302 18.5119 15.7047C18.7459 15.1005 18.905 14.4095 18.949 13.399C18.9933 12.3851 19.0038 12.0612 18.9989 9.48184C18.994 6.90212 18.9823 6.57893 18.9343 5.56595C18.8862 4.5545 18.7243 3.86471 18.4882 3.2608C18.2442 2.63627 17.9185 2.10745 17.3897 1.58019C16.8609 1.05354 16.3303 0.729105 15.7048 0.488097C15.1003 0.254164 14.4096 0.0947174 13.3984 0.0510098C12.3852 0.00607099 12.0617 -0.00377291 9.48169 0.00114999C6.90232 0.00607289 6.57883 0.0171575 5.56554 0.0657861ZM5.67636 17.2394C4.75018 17.1991 4.24724 17.0452 3.91205 16.9162C3.4682 16.7445 3.15147 16.5386 2.81812 16.2077C2.48539 15.8756 2.27885 15.5597 2.10556 15.1168C1.97535 14.7816 1.81869 14.2793 1.77529 13.3531C1.7282 12.3518 1.71743 12.0514 1.71281 9.51477C1.70788 6.97877 1.71711 6.67835 1.76083 5.67614C1.80052 4.75057 1.95536 4.24701 2.08401 3.91211C2.25576 3.46764 2.46106 3.15152 2.79257 2.81818C3.12468 2.48482 3.44048 2.2789 3.88372 2.10561C4.21861 1.97479 4.72094 1.81934 5.64681 1.77534C6.6487 1.72793 6.9488 1.71777 9.48477 1.71285C12.0213 1.70792 12.3218 1.71685 13.324 1.76087C14.2495 1.80119 14.7531 1.95448 15.0877 2.08406C15.5318 2.25581 15.8485 2.4605 16.1816 2.79263C16.5146 3.12475 16.7212 3.43994 16.8944 3.8841C17.0253 4.21807 17.1807 4.72102 17.2244 5.64659C17.2721 6.6485 17.2829 6.94891 17.2875 9.48492C17.2924 12.0215 17.2832 12.3219 17.2392 13.3235C17.1989 14.2497 17.0453 14.753 16.916 15.0885C16.7442 15.532 16.5389 15.8488 16.2071 16.1821C15.8753 16.5142 15.5595 16.7214 15.116 16.8947C14.7817 17.0252 14.2788 17.1809 13.3535 17.225C12.3516 17.2721 12.0515 17.2828 9.51462 17.2875C6.97865 17.2924 6.67855 17.2828 5.67636 17.2394ZM13.4209 4.42184C13.4222 5.05099 13.9337 5.56041 14.5629 5.55918C15.1923 5.55795 15.7017 5.04668 15.7008 4.41753C15.6996 3.78837 15.188 3.27866 14.5586 3.27989C13.9291 3.28112 13.4197 3.79269 13.4209 4.42184ZM4.62215 9.50923C4.62737 12.2034 6.81553 14.3827 9.50908 14.3775C12.203 14.3722 14.3834 12.1847 14.3782 9.49046C14.3729 6.79717 12.1845 4.61668 9.49031 4.62191C6.79674 4.62714 4.61691 6.81564 4.62215 9.50923ZM6.3332 9.50585C6.33012 7.75721 7.74539 6.33669 9.4937 6.33361C11.2423 6.33023 12.6631 7.74489 12.6665 9.49384C12.6699 11.2428 11.2546 12.663 9.5057 12.6664C7.7574 12.6698 6.33658 11.2548 6.3332 9.50585Z' fill='%23110101'/%3E%3C/svg%3E");
                                background-repeat: no-repeat;
                                background-size: contain;
                            }
                        }
                    }
                }
            }
        }
        .nav__button-recruit {
            position: fixed;
            top: 0;
            right:0;
            @media screen and (max-width: 1200px) {
                order: 1;
                position: static;
                width: 266px;
                margin: 0 auto 50px;
            }
            a {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 252px;
                height: 72px;
                background-color: #C52626;
                color: #fff;
                font-size: 1.6rem;
                font-style: normal;
                font-weight: 500;
                line-height: 100%; /* 16px */
                letter-spacing: 0.64px;
                @media screen and (max-width: 1200px) {
                    width: 266px;
                    height: 48px;
                    border-radius: 6px;
                    font-weight: 400;
                    letter-spacing: 0.8px;
                }
            }
        }
    }
}

/* =================================================================
   /recruit/
   ================================================================= */
/* FVエリア */
.recruit-top .contents__title__wrapper {
    background-image: url(../images/recruit/bg-fv-pc.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 70px!important;
    max-width: 100%!important;
    @media screen and (max-width: 767px) {
        margin-bottom: 17px!important;
        background-image: url(../images/recruit/bg-fv-sp.webp);
    }
    .recruit__title {
        max-width: 1160px;
        margin: 0 auto 130px;
        padding-top: 68px;
        color: #fff;
        @media (768px <= width <= 1300px) {
            padding: 50px 10px 0 80px!important;
        }
        @media screen and (max-width: 767px) {
            margin-bottom: 441px!important;
        }
    }
    .recruit__lead {
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        letter-spacing: 0.28px;
        max-width: 1160px;
        margin: 0 auto;
        padding-bottom: 122px;
        color: #fff;
        @media (768px <= width <= 1300px) {
            padding: 50px 10px 50px 80px!important;
        }
        @media screen and (max-width: 767px) {
            padding-bottom: 30px;
        }
    }
}

/* 社員インタビュー */
.recruit-top .interview__lists__wrap {
    scroll-margin-top: 80px;
    max-width: 1100px;
    margin: 0 auto 120px;
    @media screen and (max-width: 1200px) {
        padding: 20px;
    }
    @media screen and (max-width: 767px) {
        margin-bottom: 80px;
    }
    .interview__title {
        font-size: 2.8rem;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 28px */
        letter-spacing: -0.28px;
        margin-bottom: 5px;
        @media screen and (max-width: 767px) {
            font-size: 2.3rem;
            letter-spacing: -0.23px;
        }
    }
    .interview__lead {
        color: #3B3A3A;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 28.8px */
        margin-bottom: 40px;
        @media screen and (max-width: 767px) {
            font-size: 1.4rem;
            margin-bottom: 30px;
        }
    }
    .interview__lists {
        padding: 0 12px;
        display: flex;
        flex-wrap: wrap;
        gap: 60px 40px;
        @media screen and (max-width: 767px) {
            padding: 0;
            gap: 40px 16px;
        }
        li {
            max-width: 332px;
            @media screen and (max-width: 767px) {
                width: calc(50% - 8px);
            }
            a {
                .interview__lists__img {
                    margin-bottom: 20px;
                    border-radius: 8px;
                    overflow: hidden;
                    @media screen and (max-width: 767px) {
                        margin-bottom: 10px;
                    }
                    img {
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                        object-position: center;
                        aspect-ratio: 332 / 394;
                    }
                }
                .interview__lists__text {
                    font-size: 1.8rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 170%; /* 30.6px */
                    margin-bottom: 28px;
                    @media screen and (max-width: 767px) {
                        font-size: 1.3rem;
                        margin-bottom: 15px;
                    }
                }
                .interview__lists__name {
                    font-size: 1.8rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 18px */
                    letter-spacing: 0.36px;
                    margin-bottom: 10px;
                    @media screen and (max-width: 767px) {
                        font-size: 1.2rem;
                        letter-spacing: 0.24px;
                        margin-bottom: 5px;
                    }
                }
                .interview__lists__info {
                    color: #BFBFBF;
                    font-size: 1.4rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 140%; /* 19.6px */
                    letter-spacing: 0.28px;
                    @media screen and (max-width: 767px) {
                        font-size: 1rem;
                        letter-spacing: 0.2px;
                    }
                }
            }
        }
    }
}

/* 代表メッセージ */
.recruit-top .message__wrap {
    margin-bottom: 120px;
    @media screen and (max-width: 767px) {
        margin-bottom: 80px;
    }
    a {
        display: block;
        background-color: #FAFAFA;
        padding: 40px 50px;
        @media screen and (max-width: 767px) {
            padding: 50px;
        }
        .message__inner {
            max-width: 920px;
            margin: 0 auto;
            display: flex;
            gap: 70px;
            @media screen and (max-width: 767px) {
                display: block;
            }
            .message__img {
                border-radius: 8px;
                overflow: hidden;
                max-width: 378px;
                @media screen and (max-width: 767px) {
                    max-width: 100%;
                    margin-bottom: 30px;
                }
            }
            .message__text__wrap {
                position: relative;
                padding-top: 40px;
                @media screen and (max-width: 767px) {
                    padding: 0;
                }
                &::after {
                    content: "";
                    width: 60px;
                    height: 60px;
                    background-image: url(../images/recruit/icon-message-arrow.svg);
                    background-position: top left;
                    background-size: 60px;
                    background-repeat: no-repeat;
                    position: absolute;
                    bottom: 40px;
                    left: 0;
                    @media screen and (max-width: 767px) {
                        width: 40px;
                        height: 40px;
                        top: 0;
                        bottom: auto;
                        right: 0;
                        left: auto;
                        background-size: 40px;
                    }
                }
                .message__title {
                    font-size: 3.6rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 36px */
                    letter-spacing: 0.72px;
                    margin-bottom: 20px;
                    @media screen and (max-width: 767px) {
                        font-size: 3rem;
                        letter-spacing: 0.6px;
                        margin-bottom: 5px;
                    }
                }
                .message__lead {
                    font-size: 1.6rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 16px */
                    letter-spacing: 0.32px;
                    @media screen and (max-width: 767px) {
                        font-size: 1.4rem;
                        letter-spacing: 0.28px;
                    }
                }
            }
        }
    }
}

/* 募集中の職種 */
.recruit-top .occupation__lists__wrap {
    max-width: 1100px;
    margin: 0 auto 120px;
    @media screen and (max-width: 1200px) {
        padding: 0 20px;
    }
    @media screen and (max-width: 767px) {
        margin: 0 0 80px;
    }
    .occupation__title {
        font-size: 2.8rem;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 28px */
        letter-spacing: -0.28px;
        margin-bottom: 40px;
        @media screen and (max-width: 767px) {
            font-size: 2.3rem;
            letter-spacing: -0.23px;
            margin-bottom: 30px;
        }
    }
    .occupation__lists {
        margin-bottom: 69px;
        padding: 0 12px;
        display: flex;
        gap: 68px;
        flex-wrap: wrap;
        @media screen and (max-width: 767px) {
            display: block;
            margin-bottom: 50px;
            padding: 0;
        }
        li {
            max-width: 504px;
            @media screen and (max-width: 767px) {
                max-width: 100%;
                &:not(:last-child) {
                    margin-bottom: 50px;
                }
            }
            .occupation__lists__img {
                border-radius: 8px;
                overflow: hidden;
                margin-bottom: 20px;
                @media screen and (max-width: 767px) {
                    margin-bottom: 15px;
                }
            }
            .occupation__lists__title {
                font-size: 2rem;
                font-style: normal;
                font-weight: 700;
                line-height: 100%; /* 20px */
                margin-bottom: 10px;
                @media screen and (max-width: 767px) {
                    font-size: 1.8rem;
                    margin-bottom: 8px;
                }
            }
            .occupation__lists__text {
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 400;
                line-height: 180%; /* 27px */
                @media screen and (max-width: 767px) {
                    font-size: 1.3rem;
                }
            }
        }
    }
    .occupation__button {
        display: block;
        margin: 0 auto;
        padding: 20px 0;
        width: 234px;
        text-align: center;
        border-radius: 30px;
        border: 1px solid #969696;
        font-size: 1.7rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 17px */
        letter-spacing: 0.68px;
        @media screen and (max-width: 767px) {
            font-size: 1.4rem;
            letter-spacing: 0.56px;
        }
    }
}

/* 選考プロセス */
.recruit-top .process__wrap {
    background-color: #FAFAFA;
    padding: 100px 0;
    @media screen and (max-width: 767px) {
        padding: 60px 32px 110px;
    }
    .process__title {
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 28px */
        letter-spacing: -0.28px;
        margin-bottom: 60px;
        text-align: center;
        @media screen and (max-width: 767px) {
            font-size: 2.3rem;
            letter-spacing: -0.23px;
        }
    }
    .process__lists {
        max-width: 906px;
        margin: 0 auto 86px;
        display: flex;
        gap: 32px;
        position: relative;
        @media screen and (max-width: 767px) {
            display: block;
            margin: 0 0 55px;
        }
        &::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 2px;
            background-image: linear-gradient(to right, #BBB 60%, transparent 60%);
            background-size: 5px 2px;
            background-repeat: repeat-x;
            z-index: 1;
            @media screen and (max-width: 767px) {
                background-image: linear-gradient(to bottom, #BBB 60%, transparent 60%);
                background-repeat: repeat-y;
                background-size: 2px 6px;
                width: 2px;
                height: 100%;
                left: 50%;
                right: auto;
                top: 0;
                transform: translateX(-50%);
            }
        }
        li {
            z-index: 2;
            text-align: center;
            max-width: 102px;
            width: 100%;
            height: 224px;
            padding-top: 15px;
            gap: 22px;
            border-radius: 10px;
            background-color: #fff;
            @media screen and (max-width: 767px) {
                width: 270px;
                max-width: 100%;
                height: auto;
                margin: 0 auto 25px;
                padding: 15px 20px 16px;
                position: relative;
                text-align: center;
            }
            &:last-child {
                background-color: #C52626;
                color: #fff;
                .process__lists__num {
                    color: #fff;
                }
            }
            .process__lists__num {
                display: block;
                font-family: Jost;
                font-size: 1.6rem;
                font-style: normal;
                font-weight: 500;
                line-height: 100%; /* 16px */
                color: #C52626;
                margin-bottom: 22px;
                @media screen and (max-width: 767px) {
                    margin: 0;
                    position: absolute;
                    top: 50%;
                    left: 20px;
                    transform: translateY(-50%);
                }
            }
            .process__lists__title {
                font-size: 1.8rem;
                font-style: normal;
                font-weight: 500;
                line-height: 100%; /* 18px */
                @media screen and (min-width: 768px) {
                    writing-mode: vertical-rl;
                }
                @media screen and (max-width: 767px) {
                    font-size: 1.7rem;
                    line-height: 110%; /* 18.7px */
                    width: 100%;
                }
            }
        }
    }
    .process__flow {
        max-width: 860px;
        margin: 0 auto;
        li {
            padding: 14px 0 13px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px dashed #BFBFBF;
            position: relative;
            @media screen and (max-width: 767px) {
                display: block;
                padding: 15px 0;
            }
            &:not(:last-child) {
                margin-bottom: 38px;
                @media screen and (max-width: 767px) {
                    margin-bottom: 26px;
                }
            }
            &:not(:last-child)::after {
                content: "";
                width: 30px;
                height: 18px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='18' viewBox='0 0 30 18' fill='none'%3E%3Cpath d='M15 18L27.9904 4.5H2.00962L15 18Z' fill='%23BFBFBF'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                bottom: -32px;
                left: 50%;
                transform: translateX(-50%);
                @media screen and (max-width: 767px) {
                    bottom: -24px;
                }
            }
            .process__flow__title__wrap {
                display: flex;
                align-items: center;
                gap: 24px;
                @media screen and (max-width: 767px) {
                    gap: 20px;
                    margin-bottom: 10px;
                }
                .process__flow__num {
                    display: block;
                    width: 57px;
                    height: 57px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 50%;
                    background-color: #fff;
                    font-family: Jost;
                    font-size: 1.8rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 18px */
                    color: #C52626;
                    @media screen and (max-width: 767px) {
                        width: 46px;
                        height: 46px;
                        font-size: 2rem;
                        line-height: 100%; /* 20px */
                    }
                }
                .process__flow__title {
                    font-size: 1.8rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 100%; /* 18px */
                    letter-spacing: -0.18px;
                    @media screen and (max-width: 767px) {
                        font-size: 1.9rem;
                        letter-spacing: -0.19px;
                    }
                }
            }
            .process__flow__text {
                max-width: 540px;
                width: 100%;
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 400;
                line-height: 170%; /* 25.5px */
                color: #3B3A3A;
            }
        }
    }
}

/* =================================================================
   /recruit/single
   ================================================================= */
.recruit-interview {
    .user__area {
        margin-bottom: 120px;
        @media screen and (max-width: 767px) {
            margin-bottom: 80px;
        }
        .quetion__title {
            font-size: 1.8rem;
            font-style: normal;
            font-weight: 700;
            line-height: 100%; /* 18px */
            letter-spacing: -0.18px;
            color: #C52626;
            margin-bottom: 40px;
            padding-left: 42px;
            position: relative;
            @media screen and (max-width: 767px) {
                font-size: 1.6rem;
                letter-spacing: -0.16px;
                padding-left: 32px;
            }
            &::before {
                content: "";
                width: 26px;
                height: 2px;
                background-color: #C52626;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                @media screen and (max-width: 767px) {
                    width: 20px;
                }
            }
        }
        .title-user {
            font-size: 2.4rem;
            font-style: normal;
            font-weight: 700;
            line-height: 180%; /* 43.2px */
            letter-spacing: -0.24px;
            margin-bottom: 15px;
            @media screen and (max-width: 767px) {
                font-size: 1.8rem;
                font-weight: 700;
                line-height: 200%; /* 36px */
                letter-spacing: -0.18px;
            }
        }
        .lead-user {
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 400;
            line-height: 210%; /* 31.5px */
            letter-spacing: 0.3px;
        }
        .fv__wrap {
            display: flex;
            justify-content: space-between;
            gap: 10.13%;
            margin-bottom: 100px;
            @media screen and (max-width: 767px) {
                display: block;
                margin-bottom: 100px;
            }
            .fv__img-user {
                order: 2;
                width: 54%;
                @media screen and (max-width: 1200px) {
                    margin-bottom: 30px;
                    width: 100%;
                }
            }
            .fv__text {
                order: 1;
                padding-left: 9.72%;
                @media screen and (max-width: 767px) {
                    padding: 0 20px;
                }
                .fv__titile-user {
                    font-size: 2.5rem;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 180%; /* 45px */
                    letter-spacing: 0.5px;
                    min-height: 270px;
                    margin-bottom: 50px;
                    @media screen and (max-width: 767px) {
                        font-size: 2rem;
                        letter-spacing: 0.4px;
                        margin-bottom: 50px;
                        min-height: 100%;
                    }
                }
                .name-user {
                    font-size: 2rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 20px */
                    letter-spacing: 0.4px;
                    margin-bottom: 58px;
                    @media screen and (max-width: 767px) {
                        font-size: 1.8rem;
                        letter-spacing: 0.36px;
                        margin-bottom: 30px;
                    }
                    span {
                        display: block;
                        font-size: 1.5rem;
                        font-weight: 500;
                        margin-top: 15px;
                        @media screen and (max-width: 767px) {
                            font-size: 1.4rem;
                            line-height: 100%; /* 14px */
                        }
                    }
                }
                .favorite__contents {
                    padding: 20px 30px;
                    border-radius: 10px;
                    background: #F5F0F0;
                    .favorite__title {
                        font-size: 1.5rem;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 100%; /* 15px */
                        margin-bottom: 15px;
                        @media screen and (max-width: 767px) {
                            font-size: 1.4rem;
                        }
                    }
                }
                .favorite__text-user {
                    font-size: 1.6rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%; /* 24px */
                    letter-spacing: 0.32px;
                }
            }
        }
        .manufacturing__wrap {
            max-width: 1100px;
            margin: 0 auto 100px;
            @media screen and (max-width: 767px) {
                margin: 0 0 40px;
                padding: 0 32px;
            }
        }
        .force__wrap {
            max-width: 1100px;
            margin: 0 auto 100px;
            display: flex;
            gap: 11%;
            .force__img {
                width: 36%;
            }
            @media screen and (max-width: 767px) {
                display: block;
                margin: 0 0 80px;
                padding: 0 32px;
                .force__img {
                    margin-bottom: 80px;
                    width: 73.6%;
                }
            }
            .force__test__wrap {
                padding-top: 30px;
                max-width: 610px;
                @media screen and (max-width: 767px) {
                    padding: 0;
                }
            }
        }
        .working__wrap {
            max-width: 1100px;
            margin: 0 auto 40px;
            @media screen and (max-width: 767px) {
                padding: 0 32px;
            }
            .working__contents {
                display: flex;
                gap: 3.64%;
                @media screen and (max-width: 767px) {
                    display: block;
                }
                .lead-user {
                    max-width: 600px;
                    @media screen and (max-width: 767px) {
                        max-width: 100%;
                    }
                }
            }
        }
        @media screen and (max-width: 767px) {
            .footer__img-user {
                height: 280px;
                img {
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .more__wrap {
        margin-bottom: 100px;
        .title__wrap {
            max-width: 1100px;
            margin: 0 auto 40px;
            position: relative;
            @media screen and (max-width: 1200px) {
                padding: 0 20px;
            }
            @media screen and (max-width: 767px) {
                padding: 0;
            }
            .more__title {
                font-family: Jost;
                font-size: 3rem;
                font-style: normal;
                font-weight: 500;
                line-height: 100%; /* 30px */
                letter-spacing: 0.6px;
                margin-bottom: 40px;
                @media screen and (max-width: 767px) {
                    margin-bottom: 50px;
                    padding: 0 42px;
                    font-size: 2.5rem;
                    letter-spacing: 0.5px;
                }
                span {
                    font-size: 1.6rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 100%; /* 16px */
                    letter-spacing: 0.32px;
                    display: block;
                    margin-top: 15px;
                    @media screen and (max-width: 767px) {
                        font-size: 1.4rem;
                        letter-spacing: 0.28px;
                        margin-top: 10px;
                    }
                }
            }
            .slide__button {
                position: absolute;
                top: 13px;
                right: 0;
                display: flex;
                gap: 16px;
                @media screen and (max-width: 1200px) {
                    right: 20px;
                }
                @media screen and (max-width: 767px) {
                    display: none;
                }
                button {
                    width: 48px;
                    height: 48px;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    &.prev {
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='24' fill='%23110101'/%3E%3Cmask id='mask0_1157_1811' style='mask-type%3Aalpha' maskUnits='userSpaceOnUse' x='12' y='12' width='25' height='25'%3E%3Crect x='12' y='12' width='25' height='25' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1157_1811)'%3E%3Cpath d='M20.7959 25.013L26.7756 30.7433C26.9252 30.8868 26.9965 31.0563 26.9896 31.2519C26.9827 31.4472 26.9002 31.6208 26.7421 31.7726C26.5842 31.9242 26.4022 32 26.1961 32C25.99 32 25.808 31.9242 25.6499 31.7726L19.2887 25.664C19.1856 25.5649 19.1116 25.4618 19.067 25.3545C19.0223 25.2473 19 25.1314 19 25.0068C19 24.8823 19.0223 24.7685 19.067 24.6656C19.1116 24.5624 19.1856 24.4613 19.2887 24.3623L25.6706 18.2215C25.82 18.078 26.002 18.0043 26.2166 18.0002C26.4314 17.9959 26.6156 18.0697 26.7692 18.2215C26.9231 18.3733 27 18.5502 27 18.7522C27 18.9542 26.9252 19.127 26.7756 19.2707L20.7959 25.013Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
                    }
                    &.next {
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='24' transform='matrix(-1 0 0 1 48 0)' fill='%23110101'/%3E%3Cmask id='mask0_1157_1812' style='mask-type%3Aalpha' maskUnits='userSpaceOnUse' x='11' y='12' width='25' height='25'%3E%3Crect width='25' height='25' transform='matrix(-1 0 0 1 36 12)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1157_1812)'%3E%3Cpath d='M27.2041 25.013L21.2244 30.7433C21.0748 30.8868 21.0035 31.0563 21.0104 31.2519C21.0173 31.4472 21.0998 31.6208 21.2579 31.7726C21.4158 31.9242 21.5978 32 21.8039 32C22.01 32 22.192 31.9242 22.3501 31.7726L28.7113 25.664C28.8144 25.5649 28.8884 25.4618 28.933 25.3545C28.9777 25.2473 29 25.1314 29 25.0068C29 24.8823 28.9777 24.7685 28.933 24.6656C28.8884 24.5624 28.8144 24.4613 28.7113 24.3623L22.3294 18.2215C22.18 18.078 21.998 18.0043 21.7834 18.0002C21.5686 17.9959 21.3844 18.0697 21.2308 18.2215C21.0769 18.3733 21 18.5502 21 18.7522C21 18.9542 21.0748 19.127 21.2244 19.2707L27.2041 25.013Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
                    }
                }
            }
        }
        .swiper {
            margin: 0 0 40px 12%;
            .swiper-slide {
                position: relative;
                border-radius: 10px;
                overflow: hidden;
                .slide-img {
                    img {
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                        object-position: center;
                        aspect-ratio: 342 / 460;
                    }
                }
                .slide-text {
                    width: 100%;
                    color: #fff;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.6) 100%);
                    padding: clamp(40px, calc(70 / 1440 * 100vw), 100px) 12.5% clamp(13px, calc(22 / 1440 * 100vw), 30px);;
                    @media screen and (max-width: 767px) {
                        width: 90.3%;
                    }
                    .slide-caption {
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                        height: clamp(64px, calc(75 / 1440 * 100vw), 86px);
                        font-size: clamp(13px, calc(15 / 1440 * 100vw), 18px);
                        font-style: normal;
                        font-weight: 700;
                        line-height: 160%; /* 28.8px */
                        letter-spacing: -0.18px;
                        @media screen and (max-width: 767px) {
                            line-height: 170%; /* 22.1px */
                            letter-spacing: -0.13px;
                        }
                    }
                    .slide-author {
                        font-size: 1.4rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        margin-top: 10px;
                        @media screen and (max-width: 767px) {
                            font-size: 1rem
                        }
                    }
                }
            }
        }
        .more__button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 287px;
            height: 57px;
            border-radius: 30px;
            border: 1px solid #969696;
            font-size: 1.7rem;
            font-style: normal;
            font-weight: 500;
            line-height: 100%; /* 17px */
            letter-spacing: 0.68px;
            margin: 0 auto;
            @media screen and (max-width: 767px) {
                width: 231px;
                height: 54px;
                font-size: 1.4rem;
                letter-spacing: 0.56px;
            }
        }
    }
}

/* =================================================================
   /recruit/job-description/
   ================================================================= */
.recruit-job {
    .contents__title__wrapper {
        background-image: url(../images/recruit/bg-main-title-pc.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0;
        max-width: 100%;
        width: 100%;
        @media screen and (max-width: 767px) {
            background-image: url(../images/recruit/bg-main-title-sp.webp);
        }
        .recruit__title {
            margin: 0 auto;
            padding: 68px 0;
            max-width: 1160px;
            color: #fff;
            font-size: clamp(2.5rem, 3.3rem / (1440 * 1px) * 100vw, 4.2rem);
            span {
                font-size: clamp(1.4rem, 1.6rem / (1440 * 1px) * 100vw, 1.9rem);
            }
            @media screen and (max-width: 1300px) {
                padding-left: 80px;
            }
            @media screen and (max-width: 767px) {
                padding-left: 0;
            }
        }
    }
    .type__wrap {
        margin-bottom: 92px;
        padding: 70px 0 108px;
        background-color: #FAFAFA;
        @media screen and (max-width: 767px) {
            margin-bottom: 80px;
            padding: 60px 20px;
        }
        .type__inner {
            max-width: 1060px;
            margin: 0 auto;
            padding: 0 10px;
            display: flex;
            gap: 120px;
            @media screen and (max-width: 1200px) {
                display: block;
            }
            .type__title {
                font-size: 2.8rem;
                font-style: normal;
                font-weight: 700;
                line-height: 100%; /* 28px */
                letter-spacing: -0.28px;
                @media screen and (max-width: 767px) {
                    font-size: 2.3rem;
                    letter-spacing: -0.23px;
                    margin-bottom: 30px;
                }
            }
            .type_lists {
                max-width: 808px;
                li {
                    border-radius: 10px;
                    background-color: #FFF;
                    padding: 40px;
                    @media screen and (max-width: 767px) {
                        padding: 30px 20px;
                    }
                    &:not(:last-child) {
                        margin-bottom: 20px;
                        @media screen and (max-width: 767px) {
                            margin-bottom: 15px;
                        }
                    }
                    .type_lists__title {
                        font-size: 1.8rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 100%; /* 18px */
                        text-decoration-line: underline;
                        text-decoration-style: solid;
                        text-decoration-skip-ink: auto;
                        text-decoration-thickness: auto;
                        text-underline-offset: auto;
                        text-underline-position: from-font;
                        margin-bottom: 15px;
                        @media screen and (max-width: 767px) {
                            font-size: 1.6rem;
                            margin-bottom: 20px;
                        }
                        &::after {
                            content: "";
                            display: inline-block;
                            width: 11px;
                            height: 11px;
                            margin-left: 5px;
                            background-image: url('../images/common/icon-blank-black.svg');
                            background-size: contain;
                            background-repeat: no-repeat;
                            background-position: center;
                            vertical-align: middle;
                        }
                    }
                    .type_lists__lead {
                        font-size: 1.5rem;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 180%; /* 27px */
                    }
                }
            }
        }
    }
    .system__wrap {
        max-width: 1040px;
        margin: 0 auto 100px;
        @media screen and (max-width: 767px) {
            margin: 0 0 80px;
            padding: 0 20px;
        }
        .system__title {
            font-size: 2.8rem;
            font-style: normal;
            font-weight: 700;
            line-height: 100%; /* 28px */
            letter-spacing: -0.28px;
            margin-bottom: 70px;
            @media screen and (max-width: 767px) {
                font-size: 2.3rem;
                letter-spacing: -0.23px;
                margin-bottom: 50px;
            }
        }
        .system__cat__title {
            font-size: 2rem;
            font-style: normal;
            font-weight: 700;
            line-height: 100%; /* 20px */
            margin-bottom: 32px;
            padding-bottom: 20px;
            border-bottom: 1px solid #C7C7C7;
            @media screen and (max-width: 767px) {
                font-size: 1.9rem;
                letter-spacing: -0.19px;
                margin-bottom: 15px;
            }
        }
        .system__lists {
            display: flex;
            gap: 5.77%;
            margin-bottom: 60px;
            @media screen and (max-width: 767px) {
                display: block;
            }
            li {
                max-width: 300px;
                @media screen and (max-width: 767px) {
                    max-width: 100%;
                    margin-bottom: 20px;
                    padding: 10px 0 0 82px;
                    position: relative;
                }
                .system__lists__title {
                    display: flex;
                    align-items: center;
                    height: 70px;
                    font-size: 1.8rem;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 140%; /* 25.2px */
                    letter-spacing: 0.36px;
                    margin-bottom: 10px;
                    position: relative;
                    padding-left: 70px;
                    @media screen and (max-width: 767px) {
                        height: auto;
                        padding: 0;
                        align-items: start;
                        position: static;
                    }
                    &::before {
                        content: "";
                        width: 70px;
                        height: 70px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    &.icon-insurance::before {
                        background-image: url('../images/recruit/icon-insurance.svg');
                    }
                    &.icon-health::before {
                        background-image: url('../images/recruit/icon-health.svg');
                    }
                    &.icon-benefit::before {
                        background-image: url('../images/recruit/icon-benefit.svg');
                    }
                    &.icon-summer::before {
                        background-image: url('../images/recruit/icon-summer.svg');
                    }
                    &.icon-newyear::before {
                        background-image: url('../images/recruit/icon-newyear.svg');
                    }
                    &.icon-refresh::before {
                        background-image: url('../images/recruit/icon-refresh.svg');
                    }
                    &.icon-childcare::before {
                        background-image: url('../images/recruit/icon-childcare.svg');
                    }
                    &.icon-nursing::before {
                        background-image: url('../images/recruit/icon-nursing.svg');
                    }
                    &.icon-keicho::before {
                        background-image: url('../images/recruit/icon-keicho.svg');
                    }
                    &.icon-clinic::before {
                        background-image: url('../images/recruit/icon-clinic.svg');
                    }
                    &.icon-employee::before {
                        background-image: url('../images/recruit/icon-employee.svg');
                    }
                }
                .system__lists__lead {
                    font-size: 1.5rem;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%; /* 22.5px */
                    letter-spacing: 0.3px;
                }
            }
        }
    }
    .faq__wrap {
        background-color: #FAFAFA;
        padding: 100px 20px;
        @media screen and (max-width: 767px) {
            padding: 80px 20px 110px;
        }
        .faq__inner {
            max-width: 1000px;
            margin: 0 auto;
            .faq__title {
                font-size: 2.8rem;
                font-style: normal;
                font-weight: 700;
                line-height: 100%; /* 28px */
                letter-spacing: -0.28px;
                margin-bottom: 30px;
                @media screen and (max-width: 767px) {
                    font-size: 2.3rem;
                    letter-spacing: -0.23px;
                    margin-bottom: 30px;
                }
            }
            ul {
                li {
                    border-top: 1px solid #C7C7C7;
                    &:last-child {
                        border-bottom: 1px solid #C7C7C7;
                    }
                    .faq__quetion {
                        font-size: 1.6rem;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 150%; /* 24px */
                        letter-spacing: 0.32px;
                        padding: 20px 20px 20px 0;
                        .icon__quetion {
                            color: #C52626;
                            font-family: "League Spartan";
                            font-size: 2rem;
                            font-weight: 700;
                            line-height: 100%; /* 20px */
                            margin-right: 16px;
                            @media screen and (max-width: 767px) {
                                margin-right: 8px;
                            }
                        }
                    }
                    .faq__answer {
                        font-size: 1.5rem;
                        font-weight: 400;
                        line-height: 150%; /* 22.5px */
                        letter-spacing: 0.3px;
                        padding-bottom: 40px;
                        transition: height 0.3s ease, padding-bottom 0.3s ease;
                        @media screen and (max-width: 767px) {
                            padding: 0 12px 40px;
                        }
                    }
                }
            }
        }
        .faq__icon {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: auto;
            flex-shrink: 0;
            width: 20px;
            height: 20px;
        }
        
        .faq__icon-minus,
        .faq__icon-plus {
            position: absolute;
            display: flex;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        /* 初期状態：プラス表示 */
        .faq__icon-minus {
            opacity: 0;
            transform: rotate(-90deg);
        }
        
        .faq__icon-plus {
            opacity: 1;
            transform: rotate(0deg);
        }
        
        /* 開いた状態：マイナス表示 */
        .faq__icon.is-open .faq__icon-minus {
            opacity: 1;
            transform: rotate(0deg);
        }
        
        .faq__icon.is-open .faq__icon-plus {
            opacity: 0;
            transform: rotate(90deg);
        }
    }
    .button__wrap {
        display: flex;
        > div {
            width: 50%;
        }
        a {
            display: block;
            position: relative;
            padding: 59px 10px;
            font-size: 2.2rem;
            font-style: normal;
            font-weight: 700;
            line-height: 100%; /* 22px */
            color: #fff;
            text-align: center;
            @media screen and (max-width: 767px) {
                font-size: 1.6rem;
                padding: 30px 0;
            }
            &::after {
                content: "";
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-left: 52px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cdefs%3E%3Cmask id='arrow-cutout'%3E%3Crect width='34' height='34' fill='white'/%3E%3Cpath d='M18.3462 22.3075L17.2923 21.223L21.1115 17.4038H11V15.9038H21.1115L17.2923 12.0845L18.3462 11L24 16.6538L18.3462 22.3075Z' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='17' cy='17' r='17' fill='white' mask='url(%23arrow-cutout)'/%3E%3C/svg%3E");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                vertical-align: middle;
                @media screen and (max-width: 767px) {
                    width: 22px;
                    height: 22px;
                    margin-left: 24px;
                }
            }
        }
        .button__info a {
            background-color: #C52626;
        }
        .button__interview a {
            background-color: #110101;
        }
    }
}


/* =================================================================
   募集要項・エントリー
   ================================================================= */
.job-description__wrap {
    background-image: url(../images/recruit/bg-job-description-pc.webp);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 200px 0 203px;
    @media screen and (max-width: 767px) {
        background-image: url(../images/recruit/bg-job-description-sp.webp);
        padding: 210px 0;
    }
    .job-description__lead {
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 180%; /* 32.4px */
        letter-spacing: 0.36px;
        color: #fff;
        margin-bottom: 15px;
        @media screen and (max-width: 767px) {
            font-size: 1.5rem;
            letter-spacing: 0.3px;
        }
    }
    .job-description__button {
        display: inline-flex;
        width: 320px;
        height: 78px;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
        background: #C52626;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 18px */
        letter-spacing: 0.36px;
        color: #fff;
        @media screen and (max-width: 767px) {
            width: 267px;
            height: 66px;
            font-size: 1.6rem;
            letter-spacing: 0.32px;
        }
    }
}