@charset "utf-8";

.sec-intro {
    position: relative;
    z-index: 5;
    margin-bottom: 314px;
}

.sec-intro::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: clamp(37.938rem, 24.342rem + 28.36vw, 58.375rem);
        background: linear-gradient(rgba(230, 152, 46, 0.8) 0%, rgba(240, 192, 46, 0.6) 76.97%, rgba(248, 231, 148, 0.4) 89.08%, rgba(255, 255, 255, 0) 100%);
        z-index: -1;
}

.sec-intro .deco-l {
    position: absolute;
    bottom: 130px;
    left: 0;
    width: clamp(12.313rem, 0.879rem + 23.85vw, 29.5rem);
    height: clamp(15rem, 1.654rem + 27.84vw, 35.063rem);
    z-index: -1;
}

.sec-intro .deco-r {
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(16.375rem, 1.906rem + 30.18vw, 38.125rem);
    height: clamp(10.938rem, 1.209rem + 20.29vw, 25.563rem);
    z-index: -1;
}

.sec-intro .deco-l img,
.sec-intro .deco-r img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sec-intro .inner {
    padding: 129px 0 375px;
}



.sec-intro .tit-en {
    text-align: center;
    margin-bottom: 15px;
    overflow: hidden;
line-height: calc(37 / 28);
}

.sec-intro .tit-en .char {
    display: inline-block;
    transform: translateY(var(--y, 110%));
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition-delay: calc(0.04s * var(--char-index));
    font-family: var(--font-notosans);
    font-weight: 700;
    font-size: clamp(1rem, 0.501rem + 1.04vw, 1.75rem);
    color: #fff;
}

.sec-intro .desc p {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
    line-height: calc(54 / 24);
    text-align: center;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(139, 139, 139, 0.16);
}

.sec-intro .tit-en.is-active {
    --y: 0;
}

.sec-intro .sec-catch {
    display: flex;
    justify-content: center;
    margin-bottom: 82px;
    align-items: flex-start;
}

.sec-intro .sec-catch .tit-ja {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(2rem, 0.836rem + 2.43vw, 3.75rem);
    color: #fff;
    text-shadow: 0px 3px 6px rgba(139, 139, 139, 0.16);
line-height: calc(103 / 60);
}

.sec-intro .sec-catch img:last-child {
    margin-top: auto;
}

.img-slider-wrap {
    width: 100%;
    overflow: hidden;
    margin-top: -249px;
    position: absolute;
}

.img-slider {
    display: flex;
    align-items: center;
    gap: 100px;
    width: fit-content;

    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);

    animation: loopSlider 20s linear infinite;
}

.img-slider .item {
    flex-shrink: 0;
}

.img-slider .item img {
    display: block;
    width: auto;
    height: clamp(10.75rem, 0.439rem + 21.51vw, 26.25rem);

    -webkit-user-drag: none;
    pointer-events: none;
}

.img-slider .item img.pc-hidden {
    display: none;
}

@keyframes loopSlider {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-34%, 0, 0);
    }
}

.sec-main>.inner {
    display: grid;
    grid-template-columns: 12% minmax(84%, 1256px);
    gap: 3%;
}



.sidemenu {
    position: relative;
    width: 100%;
}

.sidemenu .list.is-fixed {
    position: fixed;
    top: calc(var(--header-height) + 105px);

}

.sidemenu .list.is-stop {
    position: absolute;
    bottom: 300px;
    top: auto;
}


.sidemenu .list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sidemenu .list a {
    font-family: var(--font-notosans);
    font-weight: 600;
    font-size: clamp(1rem, 0.917rem + 0.17vw, 1.125rem);
    color: #919191;
    position: relative;
}

.sidemenu .list a.active {
    color: #DB992C;
    padding-left: 11px;
}

.sidemenu .list a.active::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #DB992C;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}



.main-contents .inner {

    padding: 0 0 120px;
}

.main-contents .sec-title {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.main-contents .sec-title .tit-ja {
    font-family: var(--font-notoserif);
    font-weight: 400;
    font-size: 16px;
    color: #DB992C;
}

.main-contents .sec-title .tit-en {
    font-family: var(--font-shippori);
    font-weight: 600;
    font-size: clamp(3rem, 1.67rem + 2.78vw, 5rem);
    color: #DB992C;
}

.features {
    margin-bottom: 80px;
}

.features .sec-title {
    margin-bottom: 73px;
}

.features .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 487px;
    gap: 2%;
}

.features .list .item {
    border-radius: 5px;
    background: #fff;
    border: 1.5px solid #db992c;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 7px;
}

.features .list .item .item-img {
    margin-bottom: 40px;
}

.features .list .item .tit-ja {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1.125rem, 0.709rem + 0.87vw, 1.75rem);
    color: #db992c;
    margin-bottom: 20px;
}

.features .list .item .desc p {
    font-weight: 400;
    font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
    line-height: calc(28/16);
    text-align: center;
    color: #485057;
}

.requirements {
    margin-bottom: 80px;
}

.requirements .sec-title {
    margin-bottom: 65px;
}

.requirements .occupation-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    z-index: 5;
    margin-bottom: 60px;
}

.requirements .occupation-list::before {
    content: "";
    background: url(/system_panel/uploads/images/20260519003218344155.svg) no-repeat center/contain;
    width: clamp(7.188rem, 3.654rem + 7.37vw, 12.5rem);
    height: clamp(6rem, 4.337rem + 3.47vw, 8.5rem);
    position: absolute;
    top: -60px;
    right: -45px;
    z-index: -1;
}

.requirements .item-img {
    position: relative;
    height: 294px;
}



.requirements .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.requirements .item-img img.pc-hidden {
    display: none;
}

.requirements .item-img .item-tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 121px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 42px;
    max-width: 604px;
    width: 60%;
}

.requirements .item-img .item-tit .tit-ja {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1.75rem, 1.584rem + 0.35vw, 2rem);
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.requirements .item-img .item-tit .desc p {
    font-weight: 400;
    font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
    line-height: calc(28/16);
    color: #fff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.requirements .item-img .morebtn {
    position: absolute;
    right: 20px;
    bottom: 27px;
    max-width: 285px;
    margin-left: auto;
    width: 100%;
    height: auto;
}

.requirements .item-img .morebtn a {
    padding: 5px 17px 5px 18px;
    background: #FFF;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.requirements .item-img .morebtn a p {
    font-family: var(--font-notosans);
    font-weight: 500;
    font-size: clamp(1rem, 0.834rem + 0.35vw, 1.25rem);
    color: #db992c;
}

.requirements .item-img .morebtn .arrow {
    overflow: hidden;
    position: relative;
    width: clamp(2.563rem, 2.064rem + 1.04vw, 3.313rem);
    height: clamp(2.563rem, 2.064rem + 1.04vw, 3.313rem);
    background-color: #DB992C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.requirements .item-img .morebtn .arrow img {
    transform: rotate(90deg);
    transition: .8s ease;
    width: clamp(0.938rem, 0.771rem + 0.35vw, 1.188rem);
    height: auto;
}

.requirements .item-img .morebtn .arrow .back {
    position: absolute;
    transform: translateY(-200%) rotate(90deg);
    top: 0;
    bottom: 0;
    margin: auto;
}

.requirements .item-img .morebtn:hover .arrow .front {
    transform: translateY(200%) rotate(90deg);
}

.requirements .item-img .morebtn:hover .arrow .back {
    transform: translateY(0) rotate(90deg);
}

.recruitment-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.recruitment-list .box {
    background: #fafafa;
    padding: 60px 82px 80px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.recruitment-list .box .item-tit {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1.5rem, 1.167rem + 0.69vw, 2rem);
    color: #db992c;
    padding-bottom: 20px;
    border-bottom: 0.5px solid #6f6f6f;
}

.recruitment-list .box .list {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.recruitment-list .box .list .item {
    display: grid;
    grid-template-columns: 20% 1fr;
    padding-bottom: 20px;
    border-bottom: 0.5px solid #6f6f6f;
}

.recruitment-list .box .list .item .tit {
    font-family: var(--font-notosans);
    font-weight: 600;
    font-size: 16px;
    line-height: calc(28/16);
    color: #db992c;
}

.recruitment-list .box .list .item .detail {
    font-family: var(--font-notosans);
    font-weight: 400;
    font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
    line-height: calc(28/16);
    color: #485057;
}

.process {
    margin-bottom: 80px;
}

.process .sec-title {
    margin-bottom: 77px;
}

.process .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 346px;
    gap: 20px;
}

.process .item {
    position: relative;
    background: #fff6eb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.process .item .num {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -24px;
    width: 69px;
    aspect-ratio: 1/1;
    background-color: #FFF;
    border-radius: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.process .item .num .tit-en {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: 12px;
    line-height: 8px;
    text-align: center;
    color: #db992c;
}

.process .item .num .tit-num {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color: #db992c;
}

.process .item .item-img {
    width: 90px;
    height: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.process .item .item-tit {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1.125rem, 0.876rem + 0.52vw, 1.5rem);
    color: #db992c;
    margin-bottom: 20px;
}

.process .item .desc p {
    font-weight: 400;
    font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);
    line-height: calc(28/16);
    text-align: center;
    color: #485057;
    font-feature-settings: "palt";
}

.interview {
    margin-bottom: 80px;
}

.interview .sec-title {
    margin-bottom: 80px;
}

.interview .list {
    display: flex;
    flex-direction: column;
    gap: 228px;
}

.interview .list .item {
    display: grid;
    grid-template-columns: minmax(40%, 388px) 1fr;
    align-items: flex-start;
    gap: 53px;
    z-index: 5;
}



.interview .list .item .box {
    margin-top: 42px;
    background: #fff6eb;
    padding: 40px 47px 100px;
}

.interview .list .item .box .list {
    gap: 60px;
}

.interview .list .item .box .item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.interview .list .item .box .item-tit {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
    color: #db992c;
}

.interview .list .item .box .item .desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: calc(24/14);
    color: #485057;
}

.interview .item-img {
    position: relative;
}

.interview .item-img::before {
    content: "";
    position: absolute;
    background: url(/system_panel/uploads/images/20260519134425785998.svg) no-repeat center/contain;
    width: 100px;
    height: 85px;
    z-index: -1;
}

.interview .sec-body>.list>.item:nth-child(1) .item-img:before,
.interview .sec-body>.list>.item:nth-child(3) .item-img:before {
    right: -36px;
    top: -27px;
}

.interview .sec-body>.list>.item:nth-child(2) .item-img:before {
    bottom: -39px;
    left: -26px;
}

.interview .item-img .text {
    position: absolute;
    bottom: 4px;
    left: 7px;
}

.interview .item-img .text .num {
    font-family: var(--font-notosans);
    font-weight: 600;
    font-size: clamp(0.688rem, 0.563rem + 0.26vw, 0.875rem);
    color: #fff;
    margin-bottom: 6px;
}

.interview .item-img .text .f-14 {
    font-family: var(--font-notosans);
    font-weight: 600;
    font-size: clamp(0.625rem, 0.459rem + 0.35vw, 0.875rem);
    color: #fff;
    margin-bottom: 4px;
}

.interview .item-img .text .f-18 {
    font-family: var(--font-notosans);
    font-weight: 600;
    font-size: clamp(0.813rem, 0.605rem + 0.43vw, 1.125rem);
    color: #fff;
}

.banner {
    margin-bottom: 80px;
    position: relative;
}

.banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 64px;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background-color: #DB992C;
    z-index: 5;
}

.banner .morebtn {
    max-width: 285px;
    margin-left: auto;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}

.banner .morebtn a {
    padding: 5px 17px 5px 18px;
    background: #DB992C;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.banner .morebtn .arrow {
    overflow: hidden;
    position: relative;
    width: 44px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.banner .morebtn .arrow:after {
    content: "";
    width: 1px;
    height: 98%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background-color: #FFF;
}

.banner .morebtn .arrow img {
    transform: rotate(-46deg);
    transition: .8s ease;
    width: 23px;
    height: auto;
}

.banner .morebtn a p {
    font-family: var(--font-notosans);
    font-weight: 500;
    font-size: clamp(0.875rem, 0.709rem + 0.35vw, 1.125rem);
    line-height: calc(40/18);
    color: #fff;
}

.banner .morebtn .arrow .back {
    position: absolute;
    transform: translateY(102%) rotate(-46deg) translateX(-105%);
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.banner .morebtn:hover .arrow .front {
    transform: translateY(-100%) rotate(-46deg) translateX(100%);
}

.banner .morebtn:hover .arrow .back {
    transform: translateY(2%) rotate(-46deg) translateX(5%);
}

.banner .item-img {
    position: relative;
}

.banner .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 93px;
    height: fit-content;
    margin: auto 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 43px;
}

.banner .text .item-tit {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 5;
}

.banner .text .item-tit::before {
    content: "";
    background: url(/system_panel/uploads/images/20260519005725443046.svg) no-repeat center/contain;
    width: 32px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -16px;
    z-index: -1;
}

.banner .text .item-tit::after {
    content: "";
    background: url(/system_panel/uploads/images/20260519005725404649.svg) no-repeat center/contain;
    width: 53px;
    height: 45px;
    position: absolute;
    bottom: -29px;
    right: -17px;
    z-index: -1;
}

.banner .text .item-tit .tit-ja {
    font-family: var(--font-notosans);
    font-weight: 500;
    font-size: clamp(2rem, 0.836rem + 2.43vw, 3.75rem);
    letter-spacing: 0.04em;
    color: #fff;
    text-shadow: 0px 3px 6px rgba(80, 80, 80, 0.16);

}

.banner .text .item-tit .tit-ja.f-40 {
    font-size: clamp(1.25rem, 0.418rem + 1.73vw, 2.5rem);
}

.banner .text .desc p {
    font-family: var(--font-notosans);
    font-weight: 400;
    font-size: clamp(1rem, 0.834rem + 0.35vw, 1.25rem);
    color: #fff;
    text-shadow: 0px 3px 6px rgba(74, 74, 74, 0.16);
}

.faq .sec-title {
    margin-bottom: 53px;
}

.faq .list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.faq .list .item {
    background: #fff6eb;
    padding: 38px 20px;
    cursor: pointer;
}

.faq .item-q {
    display: flex;
    align-items: center;
    gap: 40px;
}

.faq .item-q .arrow {
    margin-left: auto;
    transition: .4s ease;
}

.faq .item-q .arrow img {
    width: 17px;
}

.faq .item-q .box {
    width: clamp(2rem, 1.127rem + 1.82vw, 3.313rem);
    height: clamp(2rem, 1.127rem + 1.82vw, 3.313rem);
    border-radius: 3px;
    background: #db992c;
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(1.313rem, 0.772rem + 1.13vw, 2.125rem);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq .item-q .item-tit {
    font-family: var(--font-notoserif);
    font-weight: 600;
    font-size: clamp(0.875rem, 0.626rem + 0.52vw, 1.25rem);
    color: #db992c;
}

.faq .item-a {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.4s ease, margin-top 0.4s ease;

    padding-left: 93px;

    margin-top: 0;

}

.faq .item.is-open .item-a {

    max-height: 300px;

    margin-top: 28px;

}

.faq .item.is-open .item-q .arrow {
    transform: rotate(-180deg);
}

.faq .item-a p {

    font-family: var(--font-notosans);

    font-weight: 400;

    font-size: clamp(0.875rem, 0.792rem + 0.17vw, 1rem);

    line-height: calc(24 / 16);

    color: #575548;

}

@media (max-width: 1300px) {

    .w1344,
    .w1536 {
        width: 86%;
    }

    .sec-main>.inner {
        grid-template-columns: 14% minmax(84%, 1256px);
    }

}

@media (max-width: 1200px) {



    .sidemenu {
        display: none;
    }

    .sec-main>.inner {
        grid-template-columns: 100%;

    }

    .requirements .item-img .item-tit {
        width: 50%;
    }

    .banner .text {
        gap: 30px;
        left: 30px;
    }

    .process .list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 346px);
    }

    .interview .list .item {
        grid-template-columns: 39% 1fr;
        gap: 30px;
    }
}

@media (max-width: 900px) {
    .sec-intro {
        margin-bottom: 129px;
    }

    .sec-intro .inner {
        width: 90%;
        padding: 80px 0 204px;
    }

    .sec-intro .sec-catch {
        margin-bottom: 60px;
    }

    .img-slider-wrap {
        margin-top: -123px;
    }

    .img-slider {
        animation: loopSlider 25s linear infinite;
        gap: 24px;
    }
    .img-slider .item img {
        height: 172px;
    }

    .sec-intro .deco-l {
        bottom: 53px;
    }


    .img-slider .item img.pc-hidden {
        display: block;
    }

    .img-slider .item img.sp-hidden {
        display: none;
    }

    .sec-main {
        width: 100%;
    }

    .main-contents .inner {
        padding: 0 0 80px;
    }

    .main-contents .sec-title {
        align-items: center;
        gap: 12px;
        margin-bottom: 40px;
    }

    .features .list {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .features .list .item {
        padding: 55px 7px 27px;
    }

    .features {
        width: 82%;
        margin: 0 auto 80px;

    }

    .requirements .sec-title {
        margin-bottom: 120px;
    }

    .requirements .item-img {
        height: 383px;
    }

    .requirements .item-img .item-tit {
        gap: 17px;
        width: auto;
        justify-content: flex-start;
        top: 12px;
        left: 10px;
        width: 70%;
    }

    .requirements .item-img .morebtn {
        max-width: 225px;
        margin: 0 auto;
        right: 0;
        left: 0;
        bottom: 17px;
    }

    .recruitment-list {
        width: 90%;
        margin: 0 auto;
    }

    .recruitment-list .box {
        padding: 45px 30px 55px;
        gap: 40px;
    }

    .recruitment-list .box .list .item {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-left: 20px;
    }

    .process .list {
        display: flex;
        flex-direction: column;
        width: 82%;
        margin: 0 auto;
    }

    .process .list .item {
        padding: 79px 27px 60px;
    }

    .interview .sec-body>.list> .item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .interview .item-img {
        width: 90%;
        margin: 0 auto;
    }

    .interview .sec-body>.list {
        width: 94%;
        margin: 0 auto 80px;
        gap: 60px;
    }

    .interview .list .item .box {
        margin-top: 0;
        padding: 50px 10px;
        width: 100%;
    }

    .interview .list .item .box .list {
        gap: 40px;
        width: 100%;
    }

    .banner {
        width: 86%;
        margin: 0 auto 80px;
    }

    .banner .item-img {
        height: 296px;
    }

    .banner .item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .banner .morebtn {
        max-width: 198px;
    }

    .banner .text {
        left: 0;
        right: 0;
        width: 84%;
        margin: auto;
    }

    .requirements .occupation-list::before {
        top: -38px;
        right: 0;
    }

    .faq .list {
        width: 90%;
        margin: 0 auto;
        gap: 20px;
    }

    .faq .list .item {
        padding: 15px 10px;
    }

    .faq .item-q {
        gap: 13px;
    }

    .faq .item-a {
        padding-left: 40px;
        width: 85%;
    }

    .requirements .item-img img.pc-hidden {
        display: block;
    }

    .requirements .item-img img.sp-hidden {
        display: none;
    }

    .interview .sec-body>.list>.item:nth-child(1) .item-img:before,
    .interview .sec-body>.list>.item:nth-child(3) .item-img:before {
        right: -27px;
        top: -24px;
    }

    .interview .sec-body>.list>.item:nth-child(2) .item-img:before {
        bottom: -27px;
        left: -24px;
    }

    @keyframes loopSlider {
        from {
            transform: translate3d(0, 0, 0);
        }

        to {
            transform: translate3d(-1030px, 0, 0);
        }
    }


}

.gjs-dashed .img-slider {
    flex-direction: column;
    animation: none;
}

.gjs-dashed .img-slider .item img {
    pointer-events: all;
}