@charset "UTF-8";
.intro {
    position: relative;
    z-index: 0;
}
.intro__bg {
    width: 100%;
    height: calc(100% + 20px);
    position: absolute;
    z-index: -1;
    top: -20px;
    left: 0;
    pointer-events: none;
    background-color: #ffed61;
}
@media screen and (min-width: 768px) {
    .intro__bg {
        height: 100%;
        top: 0;
        padding-top: 59px;
        padding-right: 31px;
    }
}
.intro__bg::before {
    content: "";
    width: 100%;
    height: 16px;
    background-image: url("./../images/top/img_line_wave_y.png");
    background-size: 51px 16px;
    background-repeat: repeat-x;
    background-position: 26px 0;
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    translate: 0 -100%;
}
@media screen and (min-width: 768px) {
    .intro__bg::before {
        height: 60px;
        background-size: 200px 60px;
        background-position: 25px 0;
        translate: 0 -52px;
    }
}
.intro__bg img {
    width: 364px;
    max-width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: -2px;
    left: 13px;
}
@media screen and (min-width: 768px) {
    .intro__bg img {
        width: 1238px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        left: 0;
    }
}
.intro__decorate {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
}
.intro__decorate .shape {
    position: absolute;
    translate: -50% -50%;
}
.intro__decorate .shape:nth-child(1) {
    width: 31.4666666667vw;
    max-width: 118px;
    top: 6.1%;
    left: 88.9%;
}
@media screen and (min-width: 768px) {
    .intro__decorate .shape:nth-child(1) {
        width: 22.2222222222vw;
        max-width: 320px;
        top: 22.4%;
        left: calc(192px + 68.6%);
    }
}
.intro__decorate .shape:nth-child(1) img:nth-child(1) {
    width: 100%;
}
.intro__decorate .shape:nth-child(1) img:nth-child(2) {
    width: 39%;
    position: absolute;
    left: -16%;
    bottom: -13%;
    rotate: -5.32deg;
}
@media screen and (min-width: 768px) {
    .intro__decorate .shape:nth-child(1) img:nth-child(2) {
        width: 33.5%;
        left: -13%;
        bottom: -12%;
    }
}
.intro__decorate .shape:nth-child(2) {
    width: 24vw;
    max-width: 90px;
    top: 45.3%;
    left: 10.1%;
}
@media screen and (min-width: 768px) {
    .intro__decorate .shape:nth-child(2) {
        width: 28.125vw;
        max-width: 405px;
        top: 43%;
        left: 13.1%;
    }
}
.intro__decorate .shape:nth-child(3) {
    width: 16vw;
    max-width: 60px;
    top: 49.4%;
    right: -0.6%;
}
@media screen and (min-width: 768px) {
    .intro__decorate .shape:nth-child(3) {
        width: 11.875vw;
        max-width: 171px;
        top: 62%;
        right: 7.7%;
    }
}
.intro__decorate .shape:nth-child(4) {
    width: 29.3333333333vw;
    max-width: 110px;
    left: 25.4%;
    bottom: -27px;
    translate: -50% 0;
}
@media screen and (min-width: 768px) {
    .intro__decorate .shape:nth-child(4) {
        width: 15.625vw;
        max-width: 225px;
        left: 26%;
        bottom: -66px;
    }
}
.intro__decorate .shape:nth-child(4)::after {
    content: "";
    width: 32.5%;
    aspect-ratio: 0.9230769231;
    background-image: url("./../images/top/img_intro_sh_04.png");
    background-size: 100%;
    background-repeat: repeat-x;
    position: absolute;
    top: -9.1%;
    left: -13%;
}
.intro__decorate .shape:nth-child(4) img:nth-child(1) {
    width: 100%;
}
.intro__decorate .shape:nth-child(4) img:nth-child(2) {
    width: 23%;
    position: absolute;
    right: 15.1%;
    bottom: 100%;
}
@media screen and (min-width: 768px) {
    .intro__decorate .shape:nth-child(4) img:nth-child(2) {
        width: 25%;
        max-width: 53px;
        bottom: calc(100% - 2px);
    }
}
.intro__inner {
    padding-top: 91px;
    padding-bottom: 101px;
}
@media screen and (min-width: 768px) {
    .intro__inner {
        padding-top: 179px;
        padding-bottom: 65px;
    }
}
.intro__txt {
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 2;
}
@media screen and (min-width: 768px) {
    .intro__txt {
        font-size: 1.125rem;
    }
}
.intro__txt + .intro__txt {
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .intro__txt + .intro__txt {
        margin-top: 36px;
    }
}
.intro__span {
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
@media screen and (min-width: 768px) {
    .intro__span {
        background-color: rgba(255, 255, 255, 0);
        background-image: linear-gradient(0deg, #fff 0%, #fff 100%);
        background-size: 100% 66%;
        background-repeat: no-repeat;
        background-position: -9px 8px;
        text-indent: 5px;
        padding-left: 0;
        display: inline-block;
    }
}
.intro__leading {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f07400;
    margin-top: -3px;
}
@media screen and (min-width: 768px) {
    .intro__leading {
        font-size: 1.625rem;
        margin-top: 12px;
    }
}
.intro__leading::after {
    content: "";
    width: 288px;
    max-width: 100%;
    height: 11px;
    background-image: url("./../images/top/img_intro_union.png");
    background-size: 100%;
    background-repeat: repeat-x;
    display: block;
    margin-top: -2px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 3px;
}
@media screen and (min-width: 768px) {
    .intro__leading::after {
        width: 315px;
        margin-top: 3px;
        left: 0;
    }
}
.intro__next {
    width: 26px;
    display: block;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .intro__next {
        width: 53px;
        margin-top: 66px;
    }
}

.crosstalk {
    background-color: #ffda2a;
    position: relative;
    padding-top: 76px;
}
@media screen and (min-width: 768px) {
    .crosstalk {
        padding-top: 38px;
    }
}
.crosstalk__decorate {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.crosstalk__decorate .shape {
    position: absolute;
    translate: -50% -50%;
}
.crosstalk__decorate .shape:nth-child(1) {
    width: 13.3333333333vw;
    max-width: 50px;
    top: 44px;
    left: 17.6%;
    rotate: 139deg;
}
@media screen and (min-width: 768px) {
    .crosstalk__decorate .shape:nth-child(1) {
        width: 6.0416666667vw;
        max-width: 87px;
        top: 16px;
        left: 11.2%;
    }
}
.crosstalk__decorate .shape:nth-child(2) {
    width: 8vw;
    max-width: 30px;
    top: 76px;
    left: 9%;
}
@media screen and (min-width: 768px) {
    .crosstalk__decorate .shape:nth-child(2) {
        width: 3.75vw;
        max-width: 54px;
        top: 41px;
        left: 16%;
    }
}
.crosstalk__decorate .shape:nth-child(3) {
    width: 14.6666666667vw;
    max-width: 55px;
    top: -5px;
    right: 3.3%;
}
@media screen and (min-width: 768px) {
    .crosstalk__decorate .shape:nth-child(3) {
        width: 6.8055555556vw;
        max-width: 98px;
        top: 18px;
        right: 13.9%;
    }
}
.crosstalk__inner {
    position: relative;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 121px;
}
@media screen and (min-width: 768px) {
    .crosstalk__inner {
        margin-top: 32px;
        padding-left: 40px;
        padding-right: 50px;
        padding-bottom: 121px;
    }
}
.crosstalk__heading img {
    width: 11px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .crosstalk__heading img {
        width: 22px;
    }
}
.crosstalk__more {
    width: 320px;
    max-width: 100%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .crosstalk__more {
        width: 862px;
    }
    .crosstalk__more:hover .icon_arrow_right_w {
        --bc: #855711;
    }
}
.crosstalk__more_cover {
    position: relative;
}
.crosstalk__more_cover::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 3px solid #000;
    border-radius: 9px;
}
@media screen and (min-width: 768px) {
    .crosstalk__more_cover::after {
        border-radius: 24px;
    }
}
.crosstalk__more_cover img {
    width: 100%;
    border-radius: 9px;
}
@media screen and (min-width: 768px) {
    .crosstalk__more_cover img {
        border-radius: 24px;
    }
}
.crosstalk__more_tag {
    position: absolute;
    z-index: 3;
    left: -14px;
    bottom: -4px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .crosstalk__more_tag {
        gap: 15px;
        left: -34px;
        bottom: -12px;
    }
}
.crosstalk__more_tag img {
    height: 24px;
}
@media screen and (min-width: 768px) {
    .crosstalk__more_tag img {
        height: 40px;
    }
}
.crosstalk__more_icon {
    width: 41px;
    position: absolute;
    z-index: 3;
    top: 50%;
    right: -11px;
    translate: 0 -50%;
}
@media screen and (min-width: 768px) {
    .crosstalk__more_icon {
        width: 80px;
        right: -30px;
    }
}
.crosstalk__more_icon::after {
    animation: keyf_move_arrow 1.5s linear 0s infinite both;
}
.crosstalk__more_bg {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
@media screen and (min-width: 768px) {
    .crosstalk__more_bg {
        width: 1454px;
        max-width: calc(100vw + 20px);
        right: -14px;
    }
}
.crosstalk__more_bg img {
    width: 100%;
}

.shift {
    position: relative;
}
.shift__decorate {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
}
.shift__decorate .shape {
    width: 398px;
    position: absolute;
    opacity: 0.5;
}
@media screen and (min-width: 768px) {
    .shift__decorate .shape {
        width: 43.8888888889vw;
        max-width: 632px;
    }
}
.shift__decorate .shape:nth-child(1) {
    top: 13px;
    left: -34.8%;
}
@media screen and (min-width: 768px) {
    .shift__decorate .shape:nth-child(1) {
        top: 37px;
        left: -10.4%;
    }
}
.shift__decorate .shape:nth-child(2) {
    right: -34.4%;
    bottom: 18px;
}
@media screen and (min-width: 768px) {
    .shift__decorate .shape:nth-child(2) {
        right: -10.4%;
        bottom: 29px;
    }
}
.shift__inner {
    padding-top: 82px;
    padding-bottom: 82px;
}
@media screen and (min-width: 768px) {
    .shift__inner {
        padding-top: 77px;
        padding-bottom: 97px;
    }
}
.shift__heading img {
    width: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .shift__heading img {
        width: 62px;
    }
}
.shift__heading .pos {
    margin-top: 13px;
}
@media screen and (min-width: 768px) {
    .shift__heading .pos {
        margin-top: 18px;
    }
}
.shift__heading .pos::before {
    content: "＼";
    margin-right: 10px;
}
.shift__heading .pos::after {
    content: "／";
    margin-left: 5px;
}
.shift__heading .pos::before,
.shift__heading .pos::after {
    display: inline-block;
}
@media screen and (min-width: 768px) {
    .shift__heading .pos::before,
    .shift__heading .pos::after {
        font-size: 1.125rem;
    }
}
.shift__heading .txt {
    letter-spacing: 0.05em;
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .shift__heading .txt {
        padding-left: 6px;
        margin-top: 0;
    }
}
.shift__grid {
    max-width: 480px;
    display: flex;
    gap: 17px 19px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 37px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .shift__grid {
        max-width: 100%;
        gap: 52px 63px;
        margin-top: 71px;
    }
}
.shift__grid .item {
    --txt-w: 118px;
    --txt-top: -42px;
    --drop-w: 56px;
    --drop-r: -9px;
    width: 150px;
    position: relative;
}
@media screen and (min-width: 768px) {
    .shift__grid .item {
        --txt-w: 183px;
        --txt-top: -65px;
        --drop-w: 92px;
        --drop-r: -11px;
        width: 246px;
    }
}
.shift__grid .item__link {
    width: 100%;
    display: block;
    position: relative;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__link {
        cursor: pointer;
    }
    .shift__grid .item__link:hover .item__btn {
        color: #fff;
    }
    .shift__grid .item__link:hover .item__btn::before {
        scale: 1 1;
    }
    .shift__grid .item__link:hover .icon_arrow_right_w::after {
        left: 60%;
    }
}
.shift__grid .item__profile {
    background-color: #f07400;
    aspect-ratio: 1.0081967213;
    border-radius: 8px;
    position: relative;
    padding-top: 25px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__profile {
        padding-top: 46px;
    }
}
.shift__grid .item__avatar {
    width: 114px;
    max-width: calc(100% - 30px);
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__avatar {
        width: 174px;
    }
}
.shift__grid .item__avatar img {
    pointer-events: none;
}
.shift__grid .item__avatar img:nth-child(1) {
    border-radius: 999px;
}
.shift__grid .item__avatar img:nth-child(2) {
    width: var(--txt-w);
    max-width: var(--txt-w);
    position: absolute;
    top: var(--txt-top);
    left: 50%;
    translate: -50% 0;
}
.shift__grid .item__drop {
    width: var(--drop-w);
    position: absolute;
    right: var(--drop-r);
    bottom: 0;
    filter: drop-shadow(2px 0 0 #f07400);
}
.shift__grid .item__btn {
    width: 100%;
    min-height: 35px;
    position: relative;
    border: 1px solid #373737;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.4em;
    overflow: hidden;
    font-feature-settings: "palt";
    margin-top: 9px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__btn {
        min-height: 57px;
        font-size: 1.25rem;
        border-width: 2px;
        border-radius: 8px;
        transition: color 300ms linear;
        margin-top: 9px;
        padding-left: 16px;
        padding-right: 10px;
    }
}
.shift__grid .item__btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    scale: 0 1;
    background-color: #f07400;
    transform-origin: left center;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__btn::before {
        transition: 300ms ease-out;
    }
}
.shift__grid .item__btn .icon_arrow_right_w {
    --bc: #f07400;
    --space: 1px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 8px;
    translate: 0 -50%;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__btn .icon_arrow_right_w {
        --space: 2px;
        width: 27px;
        right: 15px;
    }
}
.shift__grid .item__btn .icon_arrow_right_w::after {
    content: "";
    width: 6px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item__btn .icon_arrow_right_w::after {
        width: 9px;
    }
}
.shift__grid .item.item_02 {
    --txt-w: 114px;
    --txt-top: -43px;
    --drop-w: 65px;
    --drop-r: -9px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item.item_02 {
        --txt-w: 169px;
        --txt-top: -64px;
        --drop-w: 112px;
        --drop-r: -20px;
    }
}
.shift__grid .item.item_03 {
    --txt-w: 105px;
    --txt-top: -40px;
    --drop-w: 71px;
    --drop-r: -13px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item.item_03 {
        --txt-w: 165px;
        --txt-top: -59px;
        --drop-w: 133px;
        --drop-r: -31px;
    }
}
.shift__grid .item.item_04 {
    --txt-w: 83px;
    --txt-top: -25px;
    --drop-w: 50px;
    --drop-r: -7px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item.item_04 {
        --txt-w: 126px;
        --txt-top: -36px;
        --drop-w: 86px;
        --drop-r: calc(100% - 69px);
        left: -9px;
    }
}
.shift__grid .item.item_05 {
    --txt-w: 126px;
    --txt-top: -44px;
    --drop-w: 44px;
    --drop-r: -4px;
    top: 6px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item.item_05 {
        --txt-w: 190px;
        --txt-top: -65px;
        --drop-w: 65px;
        --drop-r: -13px;
        top: 0;
        left: 4px;
    }
}
.shift__grid .item.item_05 .item__btn {
    letter-spacing: 0.1em;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
    .shift__grid .item.item_05 .item__btn {
        letter-spacing: 0.3em;
        padding-right: 43px;
    }
}

.shift_popup {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 300ms linear;
}
.shift_popup.is_open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.shift_popup.is_open .shift_popup__mask {
    opacity: 0.29;
}
.shift_popup__mask {
    background-color: #454545;
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.29;
    transition: opacity 300ms linear;
}
.shift_popup__inner {
    width: 1082px;
    max-width: calc(100% - 28px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@media screen and (min-width: 768px) {
    .shift_popup__inner {
        width: 882px;
        max-width: calc(100% - 200px);
        padding-left: 0;
        padding-right: 0;
    }
}
.shift_popup__slider {
    width: 882px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.shift_popup__arrow {
    width: calc(100% + 28px);
    height: 1px;
    position: absolute;
    z-index: 10;
    top: calc(50% + 10px);
    left: 50%;
    translate: -50% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6px;
    padding-right: 6px;
}
@media screen and (min-width: 768px) {
    .shift_popup__arrow {
        width: calc(100% + 200px);
        top: calc(50% + 8px);
        padding-left: 16px;
        padding-right: 16px;
    }
}
.shift_popup__arrow .item_prev,
.shift_popup__arrow .item_next {
    --space: 1px;
    width: 27px;
}
@media screen and (min-width: 768px) {
    .shift_popup__arrow .item_prev,
    .shift_popup__arrow .item_next {
        --space: 3px;
        width: 50px;
        cursor: pointer;
    }
}
.shift_popup__arrow .item_prev::after,
.shift_popup__arrow .item_next::after {
    width: 11px;
}
@media screen and (min-width: 768px) {
    .shift_popup__arrow .item_prev::after,
    .shift_popup__arrow .item_next::after {
        width: 20px;
    }
}
.shift_popup__arrow .item_prev {
    scale: -1 1;
}
.shift_popup__content {
    width: 100%;
}
.shift_popup__content.shift_popup__content_01 .shift_popup__header_job {
    --w: 117px;
    --t: -10px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_01 .shift_popup__header_job {
        --w: 180px;
        --t: -13px;
    }
}
.shift_popup__content.shift_popup__content_01 .shift_popup__header_thumb {
    --w: 60px;
    --rot: 3deg;
    --left: 62px;
    --bottom: 4px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_01 .shift_popup__header_thumb {
        --w: 106px;
        --left: 106px;
        --bottom: 11px;
    }
}
.shift_popup__content.shift_popup__content_02 .shift_popup__header_job {
    --w: 117px;
    --t: -9px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_02 .shift_popup__header_job {
        --w: 169px;
        --t: -13px;
    }
}
.shift_popup__content.shift_popup__content_02 .shift_popup__header_thumb {
    --w: 67px;
    --left: 53px;
    --bottom: 3px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_02 .shift_popup__header_thumb {
        --w: 141px;
        --left: 92px;
        --bottom: -1px;
    }
}
.shift_popup__content.shift_popup__content_03 .shift_popup__header_job {
    --w: 113px;
    --t: -9px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_03 .shift_popup__header_job {
        --w: 164px;
        --t: -12px;
    }
}
.shift_popup__content.shift_popup__content_03 .shift_popup__header_thumb {
    --w: 74px;
    --left: 44px;
    --bottom: 1px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_03 .shift_popup__header_thumb {
        --w: 178px;
        --left: 67px;
        --bottom: -4px;
    }
}
.shift_popup__content.shift_popup__content_04 .shift_popup__header_job {
    --w: 102px;
    --t: 5px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_04 .shift_popup__header_job {
        --w: 125px;
        --t: 17px;
    }
}
.shift_popup__content.shift_popup__content_04 .shift_popup__header_thumb {
    --w: 62px;
    --left: 53px;
    --bottom: -3px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_04 .shift_popup__header_thumb {
        --w: 119px;
        --left: 113px;
        --bottom: -2px;
    }
}
.shift_popup__content.shift_popup__content_05 .shift_popup__header {
    --center: 68px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_05 .shift_popup__header {
        --center: 165px;
    }
}
.shift_popup__content.shift_popup__content_05 .shift_popup__header_job {
    --w: 120px;
    --t: -18px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_05 .shift_popup__header_job {
        --w: 189px;
        --t: -26px;
    }
}
.shift_popup__content.shift_popup__content_05 .shift_popup__header_thumb {
    --w: 57px;
    --left: 77px;
    --bottom: -19px;
}
@media screen and (min-width: 768px) {
    .shift_popup__content.shift_popup__content_05 .shift_popup__header_thumb {
        --w: 111px;
        --left: 138px;
        --bottom: -32px;
    }
}
.shift_popup__header {
    --center: 64px;
    height: 94px;
    background-color: #f07400;
    position: relative;
    z-index: 0;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .shift_popup__header {
        --center: 130px;
        height: 164px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
}
.shift_popup__header::before,
.shift_popup__header::after {
    content: "";
    width: 60%;
    height: 22px;
    background-image: url("./../images/top/img_shift_sh_02.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    top: calc(66% - 1px);
    opacity: 0.5;
    translate: 0 -50%;
}
@media screen and (min-width: 768px) {
    .shift_popup__header::before,
    .shift_popup__header::after {
        width: calc(50% - 109px);
        height: 30px;
        top: calc(50% - 1px);
    }
}
.shift_popup__header::before {
    right: calc(50% + var(--center));
}
.shift_popup__header::after {
    left: calc(50% + var(--center));
}
.shift_popup__header_job {
    --w: 180px;
    --t: 20px;
    width: 224px;
    height: 44px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .shift_popup__header_job {
        --w: 180px;
        width: 224px;
        height: 72px;
    }
}
.shift_popup__header_job img {
    width: var(--w);
    max-width: var(--w);
    position: absolute;
    top: var(--t);
    left: 50%;
    translate: -50% 0;
}
.shift_popup__header_title {
    text-align: center;
    font-size: 1.61875rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .shift_popup__header_title {
        font-size: 2.5rem;
    }
}
.shift_popup__header_thumb {
    --w: 106px;
    --rot: 0deg;
    position: absolute;
    width: var(--w);
    left: calc(50% + var(--left));
    bottom: var(--bottom);
    rotate: var(--rot);
}
.shift_popup__main {
    position: relative;
    z-index: 0;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 24px;
}
@media screen and (min-width: 768px) {
    .shift_popup__main {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.shift_popup__main_bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #f7e6cf;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
@media screen and (min-width: 768px) {
    .shift_popup__main_bg {
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
    }
}
.shift_popup__main_bg::before {
    content: "";
    width: 100%;
    height: 16px;
    background-image: url("./../images/top/img_line_wave_gray.png");
    background-size: 51px 16px;
    background-position: 23px 0;
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    translate: 0 -100%;
}
@media screen and (min-width: 768px) {
    .shift_popup__main_bg::before {
        height: 60px;
        background-size: 200px 60px;
        background-position: -85px 0;
        translate: 0 -46px;
    }
}
.shift_popup__main_box {
    max-width: 100%;
    height: 410px;
    overflow: auto;
    background-color: #fff;
    scrollbar-color: #a1a1a1;
}
@media screen and (min-width: 768px) {
    .shift_popup__main_box {
        width: 702px;
        height: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}
.shift_popup__main_content {
    padding: 13px 23px 70px;
}
@media screen and (min-width: 768px) {
    .shift_popup__main_content {
        padding: 30px 20px 70px;
    }
}
.shift_popup__row {
    width: 586px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.shift_popup__row + .shift_popup__row {
    margin-top: 22px;
}
@media screen and (min-width: 768px) {
    .shift_popup__row + .shift_popup__row {
        margin-top: 34px;
    }
}
.shift_popup__row_tag {
    height: 50px;
    padding-left: 13px;
}
@media screen and (min-width: 768px) {
    .shift_popup__row_tag {
        height: 60px;
        padding-left: 0;
    }
}
.shift_popup__row_tag img {
    display: inline-block;
}
.shift_popup__grid {
    display: flex;
    gap: 4px;
    flex-direction: column;
    margin-top: 10px;
    padding-left: 1px;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid {
        flex-direction: row;
        gap: 4px;
        margin-top: -1px;
        padding-left: 46px;
    }
}
.shift_popup__grid .item {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item:nth-child(1) {
        width: 340px;
    }
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item:nth-child(2) {
        width: 190px;
    }
}
.shift_popup__grid .item:nth-child(2) .item_det {
    width: calc(100% - 4px);
    background-color: #f1f2ed;
    border-radius: 4px;
    margin-left: auto;
    padding: 5px 10px 8px 14px;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item:nth-child(2) .item_det {
        width: calc(100% - 10px);
        margin-top: 4px;
        padding: 8px 10px 8px 20px;
    }
}
.shift_popup__grid .item:nth-child(2) .item_det::before {
    display: none;
}
.shift_popup__grid .item:nth-child(2) .item_det span {
    font-size: 0.625rem;
    display: inline;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item:nth-child(2) .item_det span {
        font-size: 0.875rem;
    }
}
.shift_popup__grid .item__list + .item__list {
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item__list + .item__list {
        margin-top: 13px;
    }
}
.shift_popup__grid .item_title {
    display: flex;
    gap: 2px;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #5a6e8f;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item_title {
        gap: 9px;
        font-size: 1.125rem;
    }
}
.shift_popup__grid .item_title::before {
    content: "";
    width: 13px;
    aspect-ratio: 1.1176470588;
    background-image: url("./../images/common/icon_star_01.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item_title::before {
        width: 19px;
    }
}
.shift_popup__grid .item_det {
    position: relative;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin-top: -2px;
    padding-left: 18px;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item_det {
        font-size: 1rem;
        margin-top: 2px;
        padding-left: 29px;
    }
}
.shift_popup__grid .item_det::before {
    content: "";
    width: 1px;
    height: 80%;
    background-color: #5a6e8f;
    position: absolute;
    top: 4px;
    left: 4px;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item_det::before {
        height: 100%;
        top: 1px;
        left: 9px;
    }
}
.shift_popup__grid .item_det span {
    font-size: 0.75rem;
    display: block;
}
@media screen and (min-width: 768px) {
    .shift_popup__grid .item_det span {
        font-size: 0.875rem;
        display: inline;
    }
}
.shift_popup__close {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .shift_popup__close {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}
.shift_popup__close_txt {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    font-size: 0.728125rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #855711;
}
@media screen and (min-width: 768px) {
    .shift_popup__close_txt {
        gap: 10px;
        font-size: 1.125rem;
        cursor: pointer;
        transition: opacity 300ms linear;
    }
    .shift_popup__close_txt:hover {
        opacity: 0.6;
    }
}
.shift_popup__close_txt .icon {
    width: 10px;
    height: 10px;
    position: relative;
}
.shift_popup__close_txt .icon::before,
.shift_popup__close_txt .icon::after {
    content: "";
    width: 14px;
    height: 1px;
    background-color: #855711;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.shift_popup__close_txt .icon::before {
    rotate: 45deg;
}
.shift_popup__close_txt .icon::after {
    rotate: -45deg;
}
.shift_popup__times {
    width: 45px;
    height: 45px;
    background-image: url("./../images/common/img_close_bg.png");
    background-size: 100%;
    position: absolute;
    top: 4px;
    right: 7px;
}
@media screen and (min-width: 768px) {
    .shift_popup__times {
        width: 69px;
        height: 69px;
        cursor: pointer;
        top: 24px;
        right: 29px;
    }
    .shift_popup__times:hover {
        background-image: url("./../images/common/img_close_bg_h.png");
    }
}
.shift_popup__times::before,
.shift_popup__times::after {
    content: "";
    width: 14px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
@media screen and (min-width: 768px) {
    .shift_popup__times::before,
    .shift_popup__times::after {
        width: 23px;
    }
}
.shift_popup__times::before {
    rotate: 45deg;
}
.shift_popup__times::after {
    rotate: -45deg;
}

.search {
    position: relative;
    z-index: 1;
    background-color: #ffed61;
}
.search__bg {
    position: absolute;
    z-index: -1;
    inset: 0;
}
.search__bg::after {
    content: "";
    width: 100%;
    height: 16px;
    background-image: url("./../images/top/img_line_wave_y1.png");
    background-size: 51px 16px;
    background-repeat: repeat-x;
    background-position: 37px 0;
    position: absolute;
    bottom: -1px;
    left: 0;
}
@media screen and (min-width: 768px) {
    .search__bg::after {
        height: 60px;
        background-size: 200px 60px;
        background-repeat: repeat-x;
        background-position: -10px 0;
    }
}
.search__bg .shape {
    position: absolute;
    translate: -50% -50%;
}
.search__bg .shape:nth-child(1) {
    width: 98px;
    top: 118px;
    left: 38px;
}
@media screen and (min-width: 768px) {
    .search__bg .shape:nth-child(1) {
        width: 14.5138888889vw;
        max-width: 209px;
        top: 45.9%;
        left: 24%;
    }
}
.search__bg .shape:nth-child(2) {
    width: 94px;
    top: 99px;
    right: -46px;
}
@media screen and (min-width: 768px) {
    .search__bg .shape:nth-child(2) {
        width: 13.8888888889vw;
        max-width: 200px;
        top: 49%;
        right: 11.4%;
    }
}
.search__bg .shape:nth-child(3) {
    width: 52px;
    left: calc(50% - 91px);
    bottom: 84px;
}
@media screen and (min-width: 768px) {
    .search__bg .shape:nth-child(3) {
        width: 104px;
        left: calc(50% - 256px);
        bottom: -39px;
    }
}
.search__bg .shape:nth-child(4) {
    width: 40px;
    right: calc(50% - 128px);
    bottom: 82px;
}
@media screen and (min-width: 768px) {
    .search__bg .shape:nth-child(4) {
        width: 81px;
        right: calc(50% - 328px);
        bottom: -42px;
    }
}
.search__inner {
    padding-top: 58px;
    padding-bottom: 68px;
}
@media screen and (min-width: 768px) {
    .search__inner {
        padding-top: 77px;
        padding-right: 5px;
        padding-bottom: 129px;
    }
}
.search__heading img {
    width: 52px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .search__heading img {
        width: 105px;
    }
}
.search__heading .txt {
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .search__heading .txt {
        line-height: 1.4;
        margin-top: 13px;
        padding-left: 11px;
    }
}
.search__form {
    width: 324px;
    max-width: 100%;
    height: 47px;
    display: flex;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
}
@media screen and (min-width: 768px) {
    .search__form {
        width: 368px;
        height: 54px;
        margin-top: 26px;
        padding-left: 3px;
    }
}
.search__select {
    width: calc(100% - 44px);
    height: 100%;
    background-color: #fff;
    background-image: url("./../images/common/icon_select.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: right 22px top 54%;
    border: 2px solid #373737;
    border-right: 0;
    outline: none;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #f07400;
    padding-left: 21px;
}
@media screen and (min-width: 768px) {
    .search__select {
        width: calc(100% - 54px);
        font-size: 1rem;
        padding: 4px 25px;
        transition: background-color 300ms ease;
    }
}
.search__select::after {
    display: none;
}
.search__submit {
    width: 44px;
    height: 100%;
    background-color: #f07400;
    border: 2px solid #373737;
    border-radius: 0 8px 8px 0;
    position: relative;
}
@media screen and (min-width: 768px) {
    .search__submit {
        width: 54px;
        transition: background-color 300ms linear;
    }
    .search__submit:hover {
        background-color: rgba(240, 116, 0, 0.6);
    }
}
.search__submit::after {
    content: "";
    width: 19px;
    height: 19px;
    background-image: url("./../images/common/icon_lookup.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.search .nice-select .list {
    border: 2px solid #373737;
    border-radius: 8px;
    filter: drop-shadow(0 4px 10px rgba(87, 87, 87, 0.56));
}
@media screen and (min-width: 768px) {
    .search .nice-select .list:hover .option:not(:hover) {
        color: #373737;
        background-color: rgba(255, 255, 255, 0);
    }
}
.search .nice-select .option {
    font-weight: 500;
    color: #373737;
}
@media screen and (min-width: 768px) {
    .search .nice-select .option:hover {
        color: #fff;
        background-color: #0066cc;
    }
}
.search .nice-select .option.focus,
.search .nice-select .option.selected.focus:hover {
    color: #fff;
    background-color: #0066cc;
}
.search .nice-select .option.selected {
    font-weight: 500;
}

.flow {
    background-color: #ffda2a;
    position: relative;
    z-index: 0;
}
.flow__bg {
    position: absolute;
    z-index: -1;
    inset: 0;
}
.flow__inner {
    padding-top: 54px;
    padding-bottom: 45px;
}
@media screen and (min-width: 768px) {
    .flow__inner {
        padding-top: 45px;
        padding-bottom: 114px;
    }
}
.flow__heading img {
    width: 77px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .flow__heading img {
        width: 154px;
    }
}
.flow__heading .pos {
    margin-top: 3px;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 768px) {
    .flow__heading .pos {
        margin-top: 8px;
    }
}
.flow__heading .pos::before,
.flow__heading .pos::after {
    content: "";
    display: inline-block;
    width: 29px;
    aspect-ratio: 0.6444444444;
    background-image: url("./../images/top/img_flow_heading_sh.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.flow__heading .pos::before {
    scale: -1 1;
    margin-right: 8px;
}
.flow__heading .pos::after {
    margin-left: 5px;
}
.flow__heading .txt {
    letter-spacing: 0.05em;
    margin-top: -8px;
}
@media screen and (min-width: 768px) {
    .flow__heading .txt {
        margin-top: -5px;
        padding-right: 20px;
    }
}
.flow__grid {
    width: 320px;
    max-width: 100%;
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .flow__grid {
        width: 968px;
        gap: 34px 32px;
        flex-direction: row;
        position: relative;
        left: 5px;
        margin-top: 68px;
    }
}
.flow__grid .item {
    width: 100%;
    position: relative;
}
@media screen and (min-width: 768px) {
    .flow__grid .item {
        width: calc(50% - 16px);
    }
}
.flow__grid .item__box {
    position: relative;
}
.flow__grid .item__order {
    width: 54px;
    max-width: 20%;
    position: absolute;
    translate: -26% -33%;
}
@media screen and (min-width: 768px) {
    .flow__grid .item__order {
        width: 80px;
        top: 14px;
        left: 19px;
        translate: -50% -50%;
    }
}
.qaa {
    background-color: #ffed61;
    position: relative;
}
.qaa__inner {
    padding-top: 39px;
    padding-bottom: 58px;
}
@media screen and (min-width: 768px) {
    .qaa__inner {
        padding-top: 87px;
        padding-bottom: 147px;
    }
}
.qaa__heading img {
    width: 104px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .qaa__heading img {
        width: 208px;
    }
}
.qaa__heading .txt {
    letter-spacing: 0.05em;
    padding-left: 0;
}
@media screen and (min-width: 768px) {
    .qaa__heading .txt {
        margin-top: 16px;
    }
}
.qaa__grid {
    max-width: 319px;
    display: flex;
    margin-top: 29px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 768px) {
    .qaa__grid {
        margin-top: 49px;
        max-width: 997px;
        margin-left: 1px;
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .qaa__box {
        width: 50%;
    }
}
.qaa__box .item {
    width: 100%;
}
.qaa__box .item + .item {
    margin-top: -2px;
}
.qaa__box .item__q {
    background-color: #fff;
    border: 2px solid #855711;
    border-radius: 8px;
    display: flex;
    gap: 9px;
    align-items: center;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1em;
    color: #f07400;
    position: relative;
    padding: 13px 60px 12px 11px;
}
@media screen and (min-width: 768px) {
    .qaa__box .item__q {
        gap: 15px;
        font-size: 1.125rem;
        line-height: 1.5;
        padding: 23px 80px 18px 20px;
        transition: opacity 300ms linear;
        cursor: pointer;
    }
}
.qaa__box .item__q.is_open::after {
    opacity: 0;
}
.qaa__box .item__q::before,
.qaa__box .item__q::after {
    content: "";
    width: 14px;
    height: 2px;
    background-color: #855711;
    position: absolute;
    top: 50%;
    right: 17px;
    transition: opacity 300ms linear;
}
@media screen and (min-width: 768px) {
    .qaa__box .item__q::before,
    .qaa__box .item__q::after {
        width: 23px;
        height: 3px;
        top: 47%;
        right: 26px;
    }
}
.qaa__box .item__q::after {
    rotate: 90deg;
}
.qaa__box .item__q img {
    width: 21px;
}
@media screen and (min-width: 768px) {
    .qaa__box .item__q img {
        width: 27px;
    }
}
.qaa__box .item__a {
    background-color: #fff;
    border: 2px solid #855711;
    border-radius: 8px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-top: -2px;
    padding: 20px 40px;
    font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .qaa__box .item__a {
        font-size: 1.125rem;
        padding: 18px 43px;
    }
}
@media screen and (min-width: 768px) {
    .qaa__box_sp .item:nth-child(2),
    .qaa__box_sp .item:nth-child(3) {
        display: none;
    }
}
.qaa__box_pc {
    display: none;
}
@media screen and (min-width: 768px) {
    .qaa__box_pc {
        display: block;
    }
}
.gallery {
    position: relative;
    z-index: 0;
    background-color: #fff;
}
.gallery__bg {
    position: absolute;
    z-index: -1;
    inset: 0;
}
.gallery__bg::before {
    content: "";
    width: 100%;
    height: 16px;
    background-image: url("./../images/top/img_line_wave_w.png");
    background-size: 51px 16px;
    background-repeat: repeat-x;
    background-position: 26px 0;
    position: absolute;
    top: 1px;
    left: 0;
    translate: 0 -100%;
}
@media screen and (min-width: 768px) {
    .gallery__bg::before {
        height: 60px;
        background-size: 200px 60px;
        background-repeat: repeat-x;
        background-position: 22px 0;
    }
}
@media screen and (min-width: 768px) {
    .gallery__bg img {
        width: 1238px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
.gallery__inner {
    padding-top: 44px;
}
@media screen and (min-width: 768px) {
    .gallery__inner {
        padding-top: 108px;
    }
}
.gallery__slider {
    pointer-events: none;
    width: 389px;
}
@media screen and (min-width: 768px) {
    .gallery__slider {
        width: 998px;
    }
}
.gallery__slider .slick-list {
    overflow: visible;
}
.gallery__slide {
    margin-left: 4px;
    margin-right: 4px;
}
@media screen and (min-width: 768px) {
    .gallery__slide {
        margin-left: 12px;
        margin-right: 12px;
    }
}
.gallery__slide_grid {
    display: flex;
    gap: 8px;
}
@media screen and (min-width: 768px) {
    .gallery__slide_grid {
        gap: 22px;
    }
}
.gallery__slide .item__col {
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex-shrink: 0;
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__col {
        gap: 18px;
    }
}
.gallery__slide .item__col:nth-child(1) {
    width: 146px;
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__col:nth-child(1) {
        width: 374px;
    }
}
.gallery__slide .item__col:nth-child(1) .item__thumb {
    height: 140px;
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__col:nth-child(1) .item__thumb {
        height: 358px;
    }
}
.gallery__slide .item__col:nth-child(2),
.gallery__slide .item__col:nth-child(3) {
    width: 108px;
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__col:nth-child(2),
    .gallery__slide .item__col:nth-child(3) {
        width: 278px;
    }
}
.gallery__slide .item__col:nth-child(2) .item__thumb,
.gallery__slide .item__col:nth-child(3) .item__thumb {
    height: 66px;
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__col:nth-child(2) .item__thumb,
    .gallery__slide .item__col:nth-child(3) .item__thumb {
        height: 170px;
    }
}
.gallery__slide .item__thumb {
    width: 100%;
    position: relative;
    z-index: 0;
}
.gallery__slide .item__thumb::after {
    content: "";
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
}
.gallery__slide .item__thumb img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    object-fit: cover;
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__thumb img {
        border-radius: 8px;
    }
}
.gallery__slide .item__thumb_drop {
    filter: drop-shadow(0 2px 0 #f07400);
}
@media screen and (min-width: 768px) {
    .gallery__slide .item__thumb_drop {
        filter: drop-shadow(0 4px 0 #f07400);
    }
}
.gallery__slide .item__thumb_sh_01::after {
    width: 71px;
    max-width: 19%;
    aspect-ratio: 1;
    background-image: url("./../images/top/img_gallery_sh_01.png");
    right: 9.3%;
    bottom: -7.3%;
}
.gallery__slide .item__thumb_sh_02::after {
    width: 98px;
    max-width: 36%;
    aspect-ratio: 1.3066666667;
    background-image: url("./../images/top/img_gallery_sh_02.png");
    z-index: -1;
    top: -22%;
    left: 10%;
}
.gallery__slide .item__thumb_sh_05::after {
    width: 54px;
    max-width: 20%;
    aspect-ratio: 0.9;
    background-image: url("./../images/top/img_gallery_sh_05.png");
    top: -5.6%;
    right: -4%;
}
.gallery__slide .item__thumb_sh_06::after {
    width: 103px;
    max-width: 30%;
    aspect-ratio: 1;
    background-image: url("./../images/top/img_gallery_sh_06.png");
    top: -15%;
    right: 1.7%;
}
.gallery__slide .item__thumb_sh_08::after {
    width: 26px;
    max-width: 12%;
    aspect-ratio: 1;
    background-image: url("./../images/top/img_gallery_sh_08.png");
    left: 20.5%;
    bottom: -7.2%;
}
.gallery__slide .item__thumb_sh_09::after {
    width: 87px;
    max-width: 33%;
    aspect-ratio: 5.4375;
    background-image: url("./../images/top/img_gallery_sh_09.png");
    top: -5px;
    right: 9px;
    rotate: 28deg;
}