.work_box .item_tag_lists {
    display: inline-flex !important;
}

.qa_wrap .item_a_char,
.qa_wrap .item_q_char,
.qa_wrap .item_a_group,
.qa_wrap .item_q,
.body_fixed_txt,
.body_fixed_txt .item_txt {
    display: flex !important;
}

@media only screen and (min-width: 768px) {
    .work_box_context,
    .work_box .item_tag_lists {
        display: flex !important;
    }
}
.body_fixed_txt {
    position: fixed !important;
}

.work_box .item_thumb,
.work_box .item_ori,
.work_box .item_hover,
.work_box .item_dec,
.work_box .item_sales,
.mv_pictures .item_figure,
.mv_txt {
    position: absolute !important;
}

.work,
.work_box,
.work_box_context,
.work_box .item_image,
.qa_wrap .item_q,
.mv,
.mv_main {
    position: relative !important;
}

@media only screen and (min-width: 768px) {
    .work_box .item_thumb {
        position: relative !important;
    }
}
.work_box .item_sales,
.work_popup_block .popup_body_schedule .item_header,
.work_popup_block .popup_foot .item_tag,
.qa_wrap .item_a_char,
.qa_wrap .item_q_char,
.flow_grid .item_step,
.body_fixed_txt .item_txt {
    font-family: "Prompt", sans-serif !important;
}

.work_box .item_title,
.work_popup_block .popup_header .item_title,
.staff_content .item_title,
.movie_grid .item_tag,
.flow_match .item_title {
    font-family: "Dela Gothic One", sans-serif !important;
}

.work_box .item_tag {
    font-size: 1rem;
}

.work_box .item_txt,
.qa_wrap .item_txt {
    font-size: 1.4rem;
}

.qa_wrap .item_a_char,
.qa_wrap .item_q_char {
    font-size: 2rem;
}

.work_box .item_sales {
    font-size: 2.6rem;
}

.staff_content .item_title {
    font-size: 4rem;
}

@media only screen and (min-width: 768px) {
    .mv_works_grid .item_txt,
    .movie_grid .item_tag,
    .flow_grid .item_title {
        font-size: 1.4rem;
    }
}

@media only screen and (min-width: 768px) {
    .work_box .item_title {
        font-size: clamp(
            2.4rem,
            calc(2.4rem + 0.0126582278 * (100vw - 768px)),
            3.2rem
        );
    }
}

@media only screen and (min-width: 768px) {
    .work_box .item_sales,
    .work_popup_block .popup_foot .item_tag {
        font-size: clamp(
            2.4rem,
            calc(2.4rem + 0.0189873418 * (100vw - 768px)),
            3.6rem
        );
    }
}

@media only screen and (min-width: 768px) {
    .staff_content .item_title {
        font-size: clamp(
            2.8rem,
            calc(2.8rem + 0.0316455696 * (100vw - 768px)),
            4.8rem
        );
    }
}

.work_box .item_txt,
.work_box .item_tag,
.qa_wrap .item_txt {
    font-weight: 700;
}

.work_box .item_sales,
.qa_wrap .item_a_char,
.qa_wrap .item_q_char {
    font-weight: 900;
}

.work_popup_block .popup_body_schedule .item_header,
.work_popup_block .popup_foot .item_tag,
.mv_works_grid .item_txt,
.body_fixed_txt .item_txt {
    font-weight: 900;
}

.body_fixed_txt {
    z-index: -1;
    top: 50%;
    left: 0;
    translate: 0 -50%;
}
.body_fixed_txt .item_txt {
    color: #eaeaea;
    font-size: 5rem;
    gap: 16px;
    flex-shrink: 0;
    padding-right: 16px;
    animation: keyf_fixed_txt_scroll 40s linear 0s infinite both;
}
@media only screen and (min-width: 768px) {
    .body_fixed_txt .item_txt {
        font-size: clamp(
            6.4rem,
            calc(6.4rem + 0.1012658228 * (100vw - 768px)),
            12.8rem
        );
        gap: 30px;
        padding-right: 30px;
    }
}
.body_fixed_txt .item_txt span {
    flex-shrink: 0;
}
.body_fixed_txt .item_txt img {
    width: 32px;
}
@media only screen and (min-width: 768px) {
    .body_fixed_txt .item_txt img {
        width: 0.67em;
    }
}

@keyframes keyf_fixed_txt_scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
.flow {
    margin-top: 5px;
}
@media only screen and (min-width: 768px) {
    .flow {
        margin-top: 0;
    }
}
.flow .title_sec {
    color: #fff;
}
.flow_inner {
    background-color: #f87b00;
    border-radius: 15px;
    padding-top: 60px;
    padding-bottom: 68px;
}
@media only screen and (min-width: 768px) {
    .flow_inner {
        border-radius: 30px;
        padding-top: 100px;
        padding-bottom: 133px;
    }
}
.flow_inner .container {
    position: relative;
}
.flow_match {
    width: 375px;
    max-width: 100%;
    position: relative;
    margin-top: 62px;
    margin-left: auto;
    margin-right: auto;
    padding: 28px 10px 45px;
}
@media only screen and (min-width: 768px) {
    .flow_match {
        width: 436px;
        position: absolute;
        z-index: 0;
        top: 15px;
        top: clamp(1.5rem, calc(9.5rem + -0.4 * (100vw - 1200px)), 9.5rem);
        right: -30px;
        right: clamp(-3rem, calc(3rem + -0.3 * (100vw - 1200px)), 3rem);
        margin: 0;
        padding: 28px 20px 45px;
    }
}
.flow_match::before {
    content: "";
    width: 436px;
    height: 100%;
    background-color: #e8382f;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    translate: -50% 0;
}
@media only screen and (min-width: 768px) {
    .flow_match::before {
        inset: 0;
        translate: none;
    }
}
.flow_match::after {
    content: "";
    width: 59.37px;
    aspect-ratio: 1.4374843398;
    background-image: url("./../images/top/flow/img_calendar.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 5px;
    right: -2px;
    rotate: 6.02deg;
}
@media only screen and (min-width: 768px) {
    .flow_match::after {
        width: 58px;
        right: 45px;
    }
}
.flow_match .item_title {
    font-size: 2.473rem;
    font-weight: 400;
    line-height: 1.1403154064;
    letter-spacing: 0.11em;
    color: #fff;
    text-align: center;
    padding-right: 10px;
}
.flow_match .item_title span {
    font-size: 2.198rem;
}
.flow_match .item_txt {
    max-width: 320px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
    .flow_match .item_txt {
        max-width: 320px;
    }
}
.flow_grid {
    width: 255px;
    position: relative;
    z-index: 0;
    margin-top: 61px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
    .flow_grid {
        width: 990px;
        max-width: 100%;
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 95px;
        margin-top: clamp(
            9.5rem,
            calc(20rem + -0.4375 * (100vw - 1200px)),
            20rem
        );
    }
}
.flow_grid .slick-list {
    overflow: visible;
}
.flow_grid .slick-slide {
    height: auto;
}
.flow_grid .item {
    width: 100%;
    background-color: #fff;
    border-radius: 17.2px;
    margin-left: 15px;
    margin-right: 15px;
}
@media only screen and (min-width: 768px) {
    .flow_grid .item {
        width: calc(25% - 23px);
        width: clamp(25% - 23px, (1024px - 100vw) * 1000, 50% - 15px);
        border-radius: 17.2px;
        margin: 0;
    }
}
.flow_grid .item_block {
    position: relative;
    padding: 43px 20px 28px;
}
.flow_grid .item_step {
    --offset: 3px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    width: 96px;
    height: 42px;
    background-color: #00b0cf;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 46%;
    translate: -50% -50%;
}
.flow_grid .item_step::before {
    content: "";
    width: calc(100% - var(--offset) * 2);
    height: calc(100% - var(--offset) * 2);
    position: absolute;
    top: var(--offset);
    left: var(--offset);
    border-radius: inherit;
    border: 1px solid #fff;
}
.flow_grid .item_figure {
    width: 130px;
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}
.flow_grid .item_title {
    font-weight: 700;
    text-align: center;
    line-height: 1.4285714286;
    color: #3ebfd1;
    margin-top: 7px;
}
@media only screen and (min-width: 768px) {
    .flow_grid .item_title {
        margin-top: 7px;
    }
}
.flow_grid .item_txt {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 16px;
}
@media only screen and (min-width: 768px) {
    .flow_grid .item_txt {
        margin-top: 17px;
    }
}
.flow_grid_for_sp {
    position: relative;
}
.flow_arrows {
    width: 276px;
    height: 1px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(50% - 17px);
    left: calc(50% - 2px);
    translate: -50% 0;
}
@media only screen and (min-width: 768px) {
    .flow_arrows {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
.flow_arrows .next,
.flow_arrows .prev {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background-color: #3ebfd1;
    position: relative;
}
.flow_arrows .next::after,
.flow_arrows .prev::after {
    content: "";
    width: 12px;
    height: 14px;
    background-image: url("./../images/common/icon_up_arrow_w.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: 90deg;
}
.flow_arrows .prev::after {
    rotate: -90deg;
}

.movie {
    position: relative;
    overflow: hidden;
    margin-top: 22px;
    padding-bottom: 54px;
}
@media only screen and (min-width: 768px) {
    .movie {
        margin-top: 59px;
        padding-bottom: 93px;
        padding-bottom: 6.4583333333vw;
    }
}
.movie_bg {
    width: 1445px;
    position: absolute;
    z-index: -1;
    top: 88px;
    left: -326px;
    rotate: -4.38deg;
}
@media only screen and (min-width: 768px) {
    .movie_bg {
        width: 111.98125vw;
        min-width: 1612.53px;
        top: 107px;
        left: 48.9%;
        translate: -50% 0;
        rotate: 0deg;
    }
}
.movie_grid {
    width: 227px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 68px;
}
@media only screen and (min-width: 768px) {
    .movie_grid {
        width: calc(100% - 100px);
        max-width: 726px;
        display: flex;
        gap: 30px;
        justify-content: space-between;
        position: relative;
        left: -6px;
        margin-top: 76px;
        margin-left: auto;
        margin-right: auto;
    }
}
.movie_grid .slick-list {
    overflow: visible;
}
.movie_grid .item {
    --current-color: #e8382f;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
}
@media only screen and (min-width: 768px) {
    .movie_grid .item {
        width: 187px;
        max-width: calc(33.33% - 20px);
        margin-left: 0;
        margin-right: 0;
    }
}
.movie_grid .item_01 {
    --current-color: #e8382f;
}
.movie_grid .item_02 {
    --current-color: #f87b00;
}
.movie_grid .item_03 {
    --current-color: #1bb06d;
}
.movie_grid .item_link {
    width: 100%;
    display: block;
    aspect-ratio: 0.563253012;
    box-shadow: 0 0 0 5px var(--current-color);
    position: relative;
    border-radius: inherit;
}
@media only screen and (min-width: 768px) {
    .movie_grid .item_link {
        cursor: pointer;
    }
    .movie_grid .item_link:hover {
        opacity: 0.6;
    }
}
.movie_grid .item_thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}
.movie_grid .item_thumb iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.movie_grid .item_tag {
    font-weight: 400;
    line-height: 1;
    color: #fff;
    width: 117px;
    height: 30px;
    background-color: var(--current-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -13px;
    bottom: -5px;
    padding-right: 6px;
}
@media only screen and (min-width: 768px) {
    .movie_grid .item_tag {
        width: 117px;
        height: 28px;
        right: -13px;
        bottom: -5px;
        padding-right: 6px;
    }
}
.movie_grid .item_tag::before,
.movie_grid .item_tag::after {
    content: "";
    width: 100%;
    height: 9px;
    background-color: inherit;
    position: absolute;
    left: 0;
}
@media only screen and (min-width: 768px) {
    .movie_grid .item_tag::before,
    .movie_grid .item_tag::after {
        height: 9px;
    }
}
.movie_grid .item_tag::before {
    top: -6px;
    transform: skewY(3deg);
    transform-origin: top left;
}
@media only screen and (min-width: 768px) {
    .movie_grid .item_tag::before {
        top: -6px;
        transform: skewY(3deg);
    }
}
.movie_grid .item_tag::after {
    bottom: -8px;
    transform: skewY(-4deg);
    transform-origin: top left;
}
@media only screen and (min-width: 768px) {
    .movie_grid .item_tag::after {
        bottom: -8px;
        transform: skewY(-4deg);
    }
}
.movie_grid_for_sp {
    position: relative;
}
.movie_arrows {
    width: 251px;
    height: 1px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(50% - 8px);
    left: 50%;
    translate: -50% 0;
}
@media only screen and (min-width: 768px) {
    .movie_arrows {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
.movie_arrows .next,
.movie_arrows .prev {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background-color: #fff;
    position: relative;
}
.movie_arrows .next::after,
.movie_arrows .prev::after {
    content: "";
    width: 8px;
    height: 10px;
    background-image: url("./../images/common/icon_up_arrow_y.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: 90deg;
}
.movie_arrows .prev::after {
    rotate: -90deg;
}
.movie_popup {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 300ms linear;
}
.movie_popup.is_open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.movie_popup_mask {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.6);
}
.movie_popup_inner {
    width: 220px;
    position: relative;
}
@media only screen and (min-width: 768px) {
    .movie_popup_inner {
        width: 320px;
        width: clamp(260px, (100vw - 1024px) * 1000, 320px);
    }
}
.movie_popup_shortvideo {
    display: none;
    aspect-ratio: 0.563253012;
}
@media only screen and (min-width: 768px) {
    .movie_popup_shortvideo {
        width: 100%;
    }
}
.movie_popup_shortvideo.is_open {
    display: block;
}
.movie_popup_shortvideo iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #000;
}
.movie_popup_close {
    --bc: #000;
    width: 40px;
    height: 40px;
    background-color: var(--bc);
    position: relative;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 999px;
}
@media only screen and (min-width: 768px) {
    .movie_popup_close {
        cursor: pointer;
        margin-top: 20px;
        transition: opacity 300ms ease;
    }
    .movie_popup_close:hover {
        opacity: 0.6;
    }
}
.movie_popup_close::before,
.movie_popup_close::after {
    content: "";
    width: 12px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}
.movie_popup_close::before {
    rotate: -45deg;
}
.movie_popup_close::after {
    content: "";
    rotate: 45deg;
}
.movie_gallery {
    overflow: hidden;
    pointer-events: none;
    margin-top: 94px;
}
@media only screen and (min-width: 768px) {
    .movie_gallery {
        margin-top: 164px;
    }
}
.movie_gallery_slider {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
.movie_gallery_slider .swiper-wrapper {
    transition-timing-function: linear !important;
}
.movie_gallery_slider .slick-list {
    overflow: visible;
}
.movie_gallery_slider .item {
    width: 136px;
}
@media only screen and (min-width: 768px) {
    .movie_gallery_slider .item {
        width: 220px;
    }
}
.movie_gallery_slider .item_02,
.movie_gallery_slider .item_04,
.movie_gallery_slider .item_06 {
    margin-top: 26px;
}
@media only screen and (min-width: 768px) {
    .movie_gallery_slider .item_02,
    .movie_gallery_slider .item_04,
    .movie_gallery_slider .item_06 {
        margin-top: 44px;
    }
}
@media only screen and (min-width: 768px) {
    .movie_gallery_slider .item_06 {
        margin-top: 56px;
    }
}

.mv_main.is_show .mv_txt,
.mv_main.is_show .item_figure {
    opacity: 1;
}
.mv_pictures .item_figure {
    --delay: 0ms;
    translate: -50% -50%;
    opacity: 0;
    transition-delay: var(--delay);
}
.mv_pictures .item_figure:nth-child(1) {
    --delay: 100ms;
    width: 50%;
    top: 18.1%;
    left: 30.7%;
    z-index: 1;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(1) {
        width: 31.2%;
        top: 23.3%;
        left: 35.1%;
    }
}
.mv_pictures .item_figure:nth-child(2) {
    --delay: 200ms;
    width: 56.8%;
    top: 83.6%;
    left: 68%;
    rotate: -7deg;
    z-index: 2;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(2) {
        width: 28.2%;
        top: 25.6%;
        left: 82.5%;
        rotate: -8deg;
    }
}
.mv_pictures .item_figure:nth-child(3) {
    --delay: 300ms;
    width: 60.5%;
    top: 66.5%;
    left: 31.8%;
    rotate: -11deg;
    z-index: 5;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(3) {
        width: 27.4%;
        top: 83%;
        left: 18.5%;
        rotate: -9deg;
        z-index: 3;
    }
}
.mv_pictures .item_figure:nth-child(4) {
    --delay: 400ms;
    width: 35.3%;
    top: 85.4%;
    left: 39.6%;
    rotate: -7.55deg;
    z-index: 7;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(4) {
        width: 22.8%;
        top: 48.3%;
        left: 86.05%;
    }
}
.mv_pictures .item_figure:nth-child(5) {
    --delay: 500ms;
    width: 47.2%;
    top: 22.2%;
    left: 69.6%;
    rotate: 7deg;
    z-index: 4;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(5) {
        width: 27.38%;
        top: 52.75%;
        left: 15.15%;
        rotate: 12.7deg;
    }
}
.mv_pictures .item_figure:nth-child(6) {
    --delay: 600ms;
    width: 48.6%;
    top: 67.6%;
    left: 72.5%;
    rotate: 6deg;
    z-index: 6;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(6) {
        width: 27.8%;
        top: 23.2%;
        left: 60.7%;
        rotate: 0deg;
    }
}
.mv_pictures .item_figure:nth-child(7) {
    --delay: 700ms;
    width: 33%;
    top: 13.4%;
    left: 79.5%;
    rotate: -11.75deg;
    z-index: 5;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(7) {
        width: 19.4%;
        top: 34%;
        left: 19.9%;
    }
}
.mv_pictures .item_figure:nth-child(8) {
    --delay: 800ms;
    width: 99.9%;
    top: 38.5%;
    left: 49.9%;
    z-index: 8;
}
@media only screen and (min-width: 768px) {
    .mv_pictures .item_figure:nth-child(8) {
        width: 47.7%;
        top: 64.35%;
        left: 50.15%;
        rotate: 4.91deg;
    }
}
.mv_txt {
    z-index: 10;
    right: 50%;
    bottom: 30.4%;
    translate: 50% -50%;
    width: 62%;
    opacity: 0;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
    transition: opacity 300ms linear 1000ms;
}
@media only screen and (min-width: 768px) {
    .mv_txt {
        width: 24.6%;
        right: 17.8%;
        bottom: 1.6%;
        filter: none;
    }
}
.mv_works {
    position: relative;
    padding-top: 53px;
    padding-bottom: 34px;
}
@media only screen and (min-width: 768px) {
    .mv_works {
        padding-top: 145px;
        padding-bottom: 34px;
    }
}
.mv_works::before {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    top: -85px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(
        180deg,
        #95d740 30%,
        rgba(149, 215, 64, 0) 80%
    );
    background-size: 100%;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
    .mv_works::before {
        height: 521px;
        top: -125px;
    }
}
.mv_works_grid {
    display: flex;
    align-items: center;
    flex-direction: column;
}
@media only screen and (min-width: 768px) {
    .mv_works_grid {
        max-width: 797px;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
    }
}
.mv_works_grid .item_title {
    width: 167.52px;
}
@media only screen and (min-width: 768px) {
    .mv_works_grid .item_title {
        width: 38.852672751%;
    }
}
.mv_works_grid .item_txt {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.05em;
    padding-top: 42px;
}
@media only screen and (min-width: 768px) {
    .mv_works_grid .item_txt {
        width: 45.7627118644%;
        padding-top: 17px;
    }
}

@keyframes keyw_mv_image {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.qa {
    background-color: #00b0cf;
    border-radius: 15px;
    margin-top: 26px;
    padding: 59px 10px 86px;
}
@media only screen and (min-width: 768px) {
    .qa {
        border-radius: 30px;
        margin-top: 41px;
        padding-top: 98px;
        padding-bottom: 68px;
    }
}
.qa_wrap {
    margin-top: 39px;
}
@media only screen and (min-width: 768px) {
    .qa_wrap {
        width: 720px;
        max-width: 100%;
        margin-top: 41px;
        margin-left: auto;
        margin-right: auto;
    }
}
.qa_wrap .item_lists {
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 6px 20px 8px;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_lists {
        padding: 12px 20px 13px;
    }
}
.qa_wrap .item_lists + .item_lists {
    margin-top: 18px;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_lists + .item_lists {
        margin-top: 19px;
    }
}
.qa_wrap .item_a_char,
.qa_wrap .item_q_char {
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    font-style: italic;
    border-radius: 99px;
}
.qa_wrap .item_a {
    padding-top: 20px;
    padding-bottom: 8px;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_a {
        padding-top: 25px;
        padding-bottom: 0;
    }
}
.qa_wrap .item_a_group {
    align-items: flex-start;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_a_group {
        align-items: center;
    }
}
.qa_wrap .item_a_char {
    color: #00b0cf;
    background-color: #fff;
    margin-top: 8px;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_a_char {
        margin-top: 0;
    }
}
.qa_wrap .item_a_char::before {
    content: "A";
}
.qa_wrap .item_a .item_txt {
    letter-spacing: 0.08em;
    line-height: 1.75;
}
.qa_wrap .item_q {
    align-items: center;
    justify-content: space-between;
    padding-right: 32px;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_q {
        padding-right: 20px;
        cursor: pointer;
        transition: opacity 300ms ease-out;
    }
    .qa_wrap .item_q:hover {
        opacity: 0.6;
    }
}
.qa_wrap .item_q.is_open::after {
    rotate: 0deg;
}
.qa_wrap .item_q::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("../images/common/icon_qa_arrow.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    rotate: -180deg;
    transition: rotate 300ms ease-out;
}
.qa_wrap .item_q_char {
    color: #fff;
    background-color: #00b0cf;
}
.qa_wrap .item_q_char::before {
    content: "Q";
}
.qa_wrap .item_q .item_txt {
    letter-spacing: 0.1em;
    line-height: 1.5;
}
@media only screen and (min-width: 768px) {
    .qa_wrap .item_q .item_txt {
        line-height: 1.75;
    }
}
.qa_wrap .item_txt {
    color: #000;
    width: calc(100% - 52px);
}

.staff {
    overflow: hidden;
}
.staff_inner {
    position: relative;
    z-index: 0;
    padding-top: 127px;
    padding-left: 18px;
    padding-bottom: 52px;
}
@media only screen and (min-width: 768px) {
    .staff_inner {
        padding-top: 197px;
        padding-top: 13.6805555556vw;
        padding-left: 0;
        padding-bottom: 52px;
        padding-bottom: 3.6111111111vw;
    }
}
.staff_bg {
    width: 1800px;
    position: absolute;
    top: 37px;
    left: -384px;
    z-index: -1;
}
@media only screen and (min-width: 768px) {
    .staff_bg {
        width: 111.9444444444vw;
        min-width: 1612px;
        top: 62px;
        left: 53.4%;
        translate: -50% 0;
    }
}
.staff_thumb {
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
}
.staff_thumb .item {
    position: absolute;
}
@media only screen and (min-width: 768px) {
    .staff_thumb .item {
        translate: 0 -50%;
    }
}
@media only screen and (min-width: 768px) {
    .staff_thumb .item:nth-child(1) {
        width: 212.8px;
        max-width: 37.5971731449%;
        top: 33.5%;
        right: 106.5%;
        rotate: 0deg;
    }
}
@media only screen and (min-width: 768px) {
    .staff_thumb .item:nth-child(2) {
        width: 389.15px;
        max-width: 68.7544169611%;
        top: 11.7%;
        left: 75.3%;
    }
}
.staff_thumb .item:nth-child(3) {
    width: 472px;
    top: calc(28.7% + 3px);
    left: calc(47% + 1px);
    translate: -50% 0;
}
.staff_block {
    position: relative;
}
@media only screen and (min-width: 768px) {
    .staff_block {
        width: 566px;
        max-width: calc(100vw - 350px);
        margin-left: auto;
        margin-right: auto;
    }
}
.staff_content .item_leading {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4285714286;
    color: #fff;
}
.staff_content .item_title {
    font-weight: 400;
    line-height: 1.125;
    color: #fff;
    margin-top: 5px;
}
@media only screen and (min-width: 768px) {
    .staff_content .item_title {
        line-height: 0.93;
        margin-top: 8px;
    }
}
.staff_content .item_txt {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4285714286;
    color: #fff;
    margin-top: 30px;
}
@media only screen and (min-width: 768px) {
    .staff_content .item_txt {
        margin-top: 28px;
    }
}
.staff_more {
    display: flex;
    justify-content: center;
    position: relative;
    left: -6px;
    margin-top: 221px;
}
@media only screen and (min-width: 768px) {
    .staff_more {
        left: 5px;
        margin-top: 40px;
    }
}
.staff_more .item_link {
    font-size: 2.4rem;
    font-weight: 700;
    width: 276px;
    height: 121px;
    border-width: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 3px solid #ffb40b;
    border-radius: 50%;
    position: relative;
    padding-right: 25px;
    padding-bottom: 1px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.21));
}
@media only screen and (min-width: 768px) {
    .staff_more .item_link {
        padding-right: 23px;
        padding-bottom: 3px;
        border-width: 5px;
    }
    .staff_more .item_link:hover {
        background-color: #fff3d7;
    }
}
.staff_more .item_link::after {
    content: "";
    width: 24px;
    aspect-ratio: 1;
    display: inline-block;
    background-color: #1bb06d;
    background-image: url("./../images/common/icon_up_arrow_w.svg");
    background-repeat: no-repeat;
    background-size: 10px 14px;
    background-position: center center;
    border-radius: 99px;
    rotate: 45deg;
    position: absolute;
    top: 53%;
    right: 35px;
    translate: 0 -50%;
}
@media only screen and (min-width: 768px) {
    .staff_more .item_link::after {
        right: 32px;
    }
}

.voice {
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    padding-top: 145px;
    padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
    .voice {
        margin-top: 100px;
        padding-top: 98px;
        padding-top: clamp(
            4rem,
            calc(4rem + 0.1542553191 * (100vw - 1024px)),
            9.8rem
        );
        padding-bottom: 0;
    }
}
.voice_bg {
    position: absolute;
    z-index: -1;
    inset: 0;
}
.voice_box {
    position: relative;
    left: -24px;
    margin-top: -139px;
}
@media only screen and (min-width: 768px) {
    .voice_box {
        left: 0;
        margin-top: -163px;
        margin-top: clamp(
            -16.4rem,
            calc(-8rem + -0.2234042553 * (100vw - 1024px)),
            -8rem
        );
    }
}
.voice_temp {
    width: 421px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
    .voice_temp {
        width: 1205px;
        max-width: 83.6805555556vw;
    }
}

.work {
    margin-top: 80px;
}
@media only screen and (min-width: 768px) {
    .work {
        margin-top: 134px;
    }
}
@media only screen and (min-width: 768px) {
    .work .title_sec .jp {
        padding-left: 9px;
    }
}
.work_inner {
    margin-top: 31px;
}
@media only screen and (min-width: 768px) {
    .work_inner {
        max-width: 1200px;
        margin-top: 77px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 70px;
    }
}
.work_block {
    margin-top: 88px;
    margin-left: -10px;
    margin-right: -10px;
}
@media only screen and (min-width: 768px) {
    .work_block {
        width: 695px;
        max-width: calc(64.3333333333% - 70px);
        margin: 0;
        padding-top: 1px;
        padding-bottom: 30vh;
        padding-bottom: clamp(
            0rem,
            calc(0rem + 0.332278481 * (100vw - 768px)),
            21rem
        );
    }
}
.work_box {
    --bc: #fff;
    --c-sales: #fff;
    color: #fff;
    margin-top: 69px;
}
.work_box_context {
    background-color: var(--bc);
    border-radius: 20px;
    align-items: flex-start;
    padding: 37px 20px 39px 21px;
}
@media only screen and (min-width: 768px) {
    .work_box_context {
        gap: 40px 0;
        flex-wrap: wrap;
        padding: 21px 30px 9px 20px;
    }
}
.work_box:nth-child(1) {
    margin-top: 0;
}
.work_box .shape_01 {
    position: absolute;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
}
.work_box .item_thumb {
    width: 140px;
    max-width: 44%;
    top: 0;
    translate: 50% 0;
}
@media only screen and (min-width: 768px) {
    .work_box .item_thumb {
        width: 284px;
        max-width: 44%;
        top: 0;
        right: 0;
        translate: none;
    }
}
.work_box .item_image {
    width: 100%;
    aspect-ratio: 1;
}
@media only screen and (min-width: 768px) {
    .work_box .item_image {
        width: 200px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
.work_box .item_ori,
.work_box .item_hover {
    top: 0;
    left: 0;
    max-width: 170%;
}
@media only screen and (min-width: 768px) {
    .work_box .item_ori,
    .work_box .item_hover {
        top: unset;
        left: 50%;
        bottom: 50%;
        max-width: 300%;
    }
}
.work_box .item_ori {
    animation: keyf_work_image 1.4s linear 0s infinite both;
}
.work_box .item_hover {
    opacity: 0;
    animation: keyf_work_image 1.4s linear 0.7s infinite both;
}
@media only screen and (min-width: 768px) {
    .work_box .item_context {
        width: clamp(56%, (1200px - 100vw) * 1000, 100%);
        padding-bottom: 6px;
    }
}
.work_box .item_title {
    line-height: 1.4;
    font-size: clamp(
        2.6rem,
        calc(2.6rem + 0.1090909091 * (100vw - 320px)),
        3.2rem
    );
}
@media only screen and (min-width: 768px) {
    .work_box .item_title {
        font-size: clamp(
            2.4rem,
            calc(2.4rem + 0.0126582278 * (100vw - 768px)),
            3.2rem
        );
    }
}
.work_box .item_txt {
    line-height: 1.4285714286;
    min-height: 90px;
    margin-top: 25px;
}
@media only screen and (min-width: 768px) {
    .work_box .item_txt {
        min-height: 1px;
        margin-top: 5px;
    }
}
.work_box .item_tag {
    letter-spacing: -0.02em;
    height: 20px;
    padding: 2px 10px;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 99px;
}
.work_box .item_tag_sale {
    border: none;
    box-shadow: none;
    background-color: var(--c-sales);
}
.work_box .item_tag_lists {
    max-width: 95%;
    gap: 11px 8px;
    flex-wrap: wrap;
    margin-top: 7px;
}
@media only screen and (min-width: 768px) {
    .work_box .item_tag_lists {
        gap: 9px 8px;
        margin-top: 16px;
    }
}
.work_box .item_sales {
    top: calc(100% - 27px);
    right: 0px;
    font-style: italic;
    color: var(--c-sales);
    line-height: 1.2692307692;
    rotate: -9.79deg;
}
@media only screen and (min-width: 768px) {
    .work_box .item_sales {
        top: 9px;
        right: -19px;
        rotate: -8.22deg;
    }
}
.work_box .item_btn {
    position: absolute;
    left: 36px;
    bottom: -46px;
}
@media only screen and (min-width: 768px) {
    .work_box .item_btn {
        left: 81.7%;
        bottom: -9px;
    }
}
.work_box_01 {
    --bc: #e8382f;
    --c-sales: #f27973;
}
.work_box_01 .shape_01 {
    width: 240px;
    max-width: 70%;
    background-image: url("./../images/top/works/img_decor_01.png");
    position: absolute;
    z-index: -1;
    top: -83px;
    left: -6%;
    aspect-ratio: 1.3416666667;
    rotate: 13deg;
}
@media only screen and (min-width: 768px) {
    .work_box_01 .shape_01 {
        width: 322px;
        max-width: 50%;
        top: -33px;
        left: 94px;
        translate: -100% -50%;
        rotate: 0deg;
    }
}
.work_box_01 .item_thumb {
    right: 23%;
}
@media only screen and (min-width: 768px) {
    .work_box_01 .item_thumb {
        right: 0;
    }
}
.work_box_01 .item_ori,
.work_box_01 .item_hover {
    width: 195px;
    translate: -16.7% -37.5%;
}
@media only screen and (min-width: 768px) {
    .work_box_01 .item_ori,
    .work_box_01 .item_hover {
        width: 290px;
        translate: -56.7% 43.5%;
    }
}
.work_box_02 {
    --bc: #f87b00;
    --c-sales: #f9a553;
    margin-top: 89px;
}
@media only screen and (min-width: 768px) {
    .work_box_02 {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_02 .work_box_context {
        padding-top: 23px;
        padding-bottom: 7px;
    }
}
.work_box_02 .shape_01 {
    width: 110px;
    max-width: 40%;
    aspect-ratio: 0.4621848739;
    background-image: url("./../images/top/works/img_decor_02.png");
    top: -111px;
    right: -32px;
    rotate: -120deg;
}
@media only screen and (min-width: 768px) {
    .work_box_02 .shape_01 {
        width: 120px;
        max-width: 50%;
        top: 87px;
        right: -39.3%;
        translate: -50% -50%;
        rotate: -120deg;
    }
}
.work_box_02 .item_thumb {
    right: 20%;
}
@media only screen and (min-width: 768px) {
    .work_box_02 .item_thumb {
        right: 0;
    }
}
.work_box_02 .item_ori,
.work_box_02 .item_hover {
    width: 214px;
    translate: -43.7% -36.5%;
}
@media only screen and (min-width: 768px) {
    .work_box_02 .item_ori,
    .work_box_02 .item_hover {
        width: 328px;
        translate: -61.3% 39%;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_02 .item_sales {
        top: 10px;
        right: -18px;
        rotate: -7.19deg;
    }
}
.work_box_02 .item_dec {
    width: 45px;
    max-width: 40%;
    left: 63%;
    bottom: 31%;
}
@media only screen and (min-width: 768px) {
    .work_box_02 .item_dec {
        width: 83px;
        max-width: 50%;
        left: -19%;
        bottom: -1%;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_02 .item_btn {
        bottom: -17px;
    }
}
.work_box_03 {
    --bc: #1bb06d;
    --c-sales: #009f58;
    margin-top: 91px;
}
@media only screen and (min-width: 768px) {
    .work_box_03 {
        margin-top: 40px;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_03 .work_box_context {
        padding-right: 20px;
    }
}
.work_box_03 .shape_01 {
    width: 96px;
    max-width: 32%;
    aspect-ratio: 0.3305555556;
    background-image: url("./../images/top/works/img_decor_03.png");
    top: 54%;
    left: 5px;
    rotate: 51deg;
}
@media only screen and (min-width: 768px) {
    .work_box_03 .shape_01 {
        width: 144px;
        max-width: 30%;
        top: 172px;
        left: -34%;
        translate: -50% -50%;
        rotate: 70deg;
    }
}
.work_box_03 .item_thumb {
    right: 24%;
}
@media only screen and (min-width: 768px) {
    .work_box_03 .item_thumb {
        right: 0;
    }
}
.work_box_03 .item_ori,
.work_box_03 .item_hover {
    width: 191px;
    translate: -13.7% -33.5%;
}
@media only screen and (min-width: 768px) {
    .work_box_03 .item_ori,
    .work_box_03 .item_hover {
        width: 296px;
        translate: -57.3% 41%;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_03 .item_sales {
        top: 3px;
        right: -18px;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_03 .item_btn {
        bottom: -21px;
    }
}
.work_box_04 {
    --bc: #3ebfd1;
    --c-sales: #09a6bc;
    margin-top: 91px;
}
@media only screen and (min-width: 768px) {
    .work_box_04 {
        margin-top: 35px;
    }
}
.work_box_04::after {
    display: none;
}
@media only screen and (min-width: 768px) {
    .work_box_04 .work_box_context {
        padding-bottom: 32px;
    }
}
.work_box_04 .item_thumb {
    right: 24%;
}
@media only screen and (min-width: 768px) {
    .work_box_04 .item_thumb {
        right: 0;
    }
}
.work_box_04 .item_ori,
.work_box_04 .item_hover {
    width: 170px;
    translate: -4.7% -24.5%;
}
@media only screen and (min-width: 768px) {
    .work_box_04 .item_ori,
    .work_box_04 .item_hover {
        width: 272px;
        translate: -53% 53.4%;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_04 .item_sales {
        top: 7px;
        right: -15px;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_04 .item_btn {
        bottom: -4px;
    }
}
.work_box_05 {
    --bc: #ffb40b;
    --c-sales: #ff990b;
    margin-top: 87px;
}
@media only screen and (min-width: 768px) {
    .work_box_05 {
        margin-top: 35px;
    }
}
.work_box_05 .shape_01 {
    width: 130px;
    max-width: 40%;
    aspect-ratio: 0.4651162791;
    background-image: url("./../images/top/works/img_decor_05.png");
    top: 128px;
    right: 0;
    rotate: -47deg;
}
@media only screen and (min-width: 768px) {
    .work_box_05 .shape_01 {
        width: 180px;
        max-width: 30%;
        top: -6px;
        right: -59%;
        translate: -50% -50%;
        rotate: -57deg;
    }
}
.work_box_05 .item_thumb {
    right: 24%;
}
@media only screen and (min-width: 768px) {
    .work_box_05 .item_thumb {
        right: 0;
    }
}
.work_box_05 .item_ori,
.work_box_05 .item_hover {
    width: 170px;
    translate: -3.7% -26.5%;
}
@media only screen and (min-width: 768px) {
    .work_box_05 .item_ori,
    .work_box_05 .item_hover {
        width: 272px;
        translate: -47.6% 47.4%;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_05 .item_sales {
        top: 9px;
        right: -23px;
    }
}
@media only screen and (min-width: 768px) {
    .work_box_05 .item_btn {
        bottom: -13px;
    }
}
.work_gallery {
    margin-top: 124px;
    overflow: hidden;
    pointer-events: none;
}
@media only screen and (min-width: 768px) {
    .work_gallery {
        margin-top: 162px;
    }
}
.work_gallery_slider {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}
.work_gallery_slider .swiper-wrapper {
    transition-timing-function: linear !important;
}
.work_gallery_slider .slick-list {
    overflow: visible;
}
.work_gallery_slider .item {
    width: 136px;
}
@media only screen and (min-width: 768px) {
    .work_gallery_slider .item {
        width: 220px;
    }
}
.work_gallery_slider .item_02,
.work_gallery_slider .item_04,
.work_gallery_slider .item_06 {
    margin-top: 26px;
}
@media only screen and (min-width: 768px) {
    .work_gallery_slider .item_02,
    .work_gallery_slider .item_04,
    .work_gallery_slider .item_06 {
        margin-top: 44px;
    }
}
@media only screen and (min-width: 768px) {
    .work_gallery_slider .item_06 {
        margin-top: 55px;
    }
}
.work_stadium {
    width: 294.48px;
    position: relative;
    left: -10px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
    .work_stadium {
        width: 428px;
        max-width: 35.6666666667%;
        position: sticky;
        top: 100px;
        left: 0;
        margin: 0;
    }
}
.work_stadium_pos {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.work_stadium_pos.is_show {
    pointer-events: none;
}
.work_stadium_pos.is_show .pos {
    scale: 1.4 1.4;
    pointer-events: none;
    animation: keyf_work_pos 0.8s linear 0s 1 both;
}
.work_stadium_pos_abs {
    position: absolute;
    inset: 0;
}
.work_stadium_pos .pos {
    width: 24px;
    position: absolute;
    pointer-events: all;
    transition: 150ms ease-out;
    transform-origin: bottom center;
}
@media only screen and (min-width: 768px) {
    .work_stadium_pos .pos {
        width: 22px;
        max-width: 5.1401869159%;
    }
    .work_stadium_pos .pos:hover {
        scale: 1.4;
    }
}
.work_stadium_pos .pos path {
    cursor: pointer;
}
.work_stadium_food .pos {
    z-index: 2;
}
.work_stadium_food .pos:nth-child(1) {
    top: calc(4% + 0px);
    left: calc(30% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_food .pos:nth-child(1) {
        top: calc(8% + 0px);
        left: calc(32% + 4px);
    }
}
.work_stadium_food .pos:nth-child(2) {
    top: calc(4% + 2px);
    left: calc(74% + 2px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_food .pos:nth-child(2) {
        top: calc(8% + 1px);
        left: calc(73% + 4px);
    }
}
.work_stadium_food .pos:nth-child(3) {
    top: calc(33% + 1px);
    left: calc(16% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_food .pos:nth-child(3) {
        top: calc(38% + 3px);
        left: calc(15% + 2px);
    }
}
.work_stadium_food .pos:nth-child(4) {
    top: calc(33% + 3px);
    left: calc(90% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_food .pos:nth-child(4) {
        top: calc(38% + 4px);
        left: calc(91% + 1px);
    }
}
.work_stadium_food .pos:nth-child(5) {
    top: calc(61% + 0px);
    left: calc(53% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_food .pos:nth-child(5) {
        top: calc(64% + 0px);
        left: calc(53% + 1px);
    }
}
.work_stadium_res {
    z-index: 0;
}
.work_stadium_res .pos:nth-child(1) {
    top: calc(17% + 2px);
    left: calc(85% + 0px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_res .pos:nth-child(1) {
        top: calc(19% + 2px);
        left: calc(86% + 1px);
    }
}
.work_stadium_res .pos:nth-child(2) {
    top: calc(52% + 1px);
    left: calc(24% + 0px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_res .pos:nth-child(2) {
        top: calc(57% + 0px);
        left: calc(25% + 1px);
    }
}
.work_stadium_res .pos:nth-child(3) {
    top: calc(56% + 1px);
    left: calc(29% + 0px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_res .pos:nth-child(3) {
        top: calc(59% + 2px);
        left: calc(28% + 1px);
    }
}
.work_stadium_drink {
    z-index: 1;
}
.work_stadium_drink .pos:nth-child(1) {
    top: calc(4% + 0px);
    left: calc(23% + 2px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_drink .pos:nth-child(1) {
        top: calc(8% + 0px);
        left: calc(28% + 3px);
    }
}
.work_stadium_drink .pos:nth-child(2) {
    top: calc(4% + 2px);
    left: calc(67% + 3px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_drink .pos:nth-child(2) {
        top: calc(8% + 1px);
        left: calc(69% + 3px);
    }
}
.work_stadium_drink .pos:nth-child(3) {
    top: calc(33% + 2px);
    left: calc(9% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_drink .pos:nth-child(3) {
        top: calc(38% + 3px);
        left: calc(11% + 2px);
    }
}
.work_stadium_drink .pos:nth-child(4) {
    top: calc(33% + 3px);
    left: calc(83% + 2px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_drink .pos:nth-child(4) {
        top: calc(38% + 4px);
        left: calc(86% + 5px);
    }
}
.work_stadium_drink .pos:nth-child(5) {
    top: calc(61% + 0px);
    left: calc(46% + 2px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_drink .pos:nth-child(5) {
        top: calc(63% + 5px);
        left: calc(49% + 1px);
    }
}
.work_stadium_goods .pos {
    z-index: 3;
}
.work_stadium_goods .pos:nth-child(1) {
    top: calc(4% + 1px);
    left: calc(49% + 2px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_goods .pos:nth-child(1) {
        top: calc(6% + 3px);
        left: calc(51% + 3px);
    }
}
.work_stadium_goods .pos:nth-child(2) {
    top: calc(5% + 1px);
    left: calc(91% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_goods .pos:nth-child(2) {
        top: calc(7% + 1px);
        left: calc(88% + 2px);
    }
}
.work_stadium_goods .pos:nth-child(3) {
    top: calc(24% + 1px);
    left: calc(98% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_goods .pos:nth-child(3) {
        top: calc(28% + 5px);
        left: calc(99% + 3px);
    }
}
.work_stadium_goods .pos:nth-child(4) {
    top: calc(79% + 2px);
    left: calc(36% + 2px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_goods .pos:nth-child(4) {
        top: calc(83% + 6px);
        left: calc(38% + 2px);
    }
}
.work_stadium_goods .pos:nth-child(5) {
    top: calc(83% + 0px);
    left: calc(65% + 1px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_goods .pos:nth-child(5) {
        top: calc(86% + 3px);
        left: calc(67% + 0px);
    }
}
.work_stadium_cafe .pos {
    z-index: 4;
}
.work_stadium_cafe .pos:nth-child(1) {
    top: calc(44% + 2px);
    left: calc(0% + 0px);
}
@media only screen and (min-width: 768px) {
    .work_stadium_cafe .pos:nth-child(1) {
        top: calc(49% + 2px);
        left: calc(1% + 2px);
    }
}

.work_popup {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 300ms linear;
}
.work_popup.is_open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.work_popup_mask {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.43);
}
.work_popup_inner {
    width: 352px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
    .work_popup_inner {
        width: 774px;
        max-width: calc(100% - 40px);
    }
}
.work_popup_close {
    width: 34px;
    height: 34px;
    background-color: #000;
    border-radius: 999px;
    position: absolute;
    z-index: 10;
    top: -72px;
    right: 17px;
    translate: 50% -50%;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.21));
}
@media only screen and (min-width: 768px) {
    .work_popup_close {
        width: 56px;
        height: 56px;
        top: 0;
        right: 0;
        translate: 30% -55%;
        cursor: pointer;
    }
    .work_popup_close:hover::before,
    .work_popup_close:hover::after {
        opacity: 0.6;
    }
}
.work_popup_close::before,
.work_popup_close::after {
    content: "";
    width: 18px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: 45deg;
    border-radius: 2px;
}
@media only screen and (min-width: 768px) {
    .work_popup_close::before,
    .work_popup_close::after {
        width: 18px;
        height: 2px;
        transition: opacity 300ms ease;
    }
}
.work_popup_close::before {
    rotate: -45deg;
}
.work_popup_block {
    --primary-color: #e8382f;
    --accent-color: #f27973;
    --soft-color: #f27973;
    --bbox-bottom: 0px;
    --avatar-w: 0px;
    --avatar-left: 0px;
    --avatar-bottom: 0px;
    --act-width: 0px;
    --act-left: 0px;
    --act-bottom: 0px;
    --dd-top: 0px;
    display: none;
}
.work_popup_block.is_open {
    display: block;
}
.work_popup_block .popup_header {
    position: relative;
    z-index: 1;
    padding-left: 6px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_header {
        padding-left: 167px;
        padding-left: clamp(
            4rem,
            calc(4rem + 0.3377659574 * (100vw - 1024px)),
            16.7rem
        );
    }
}
.work_popup_block .popup_header .item_title {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.2229166667;
    color: var(--primary-color);
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_header .item_title {
        font-size: clamp(
            3.2rem,
            calc(3.2rem + 0.0425531915 * (100vw - 1024px)),
            4.8rem
        );
    }
}
.work_popup_block .popup_header .item_avatar {
    width: var(--avatar-w);
    position: absolute;
    left: calc(65% + var(--avatar-left));
    bottom: var(--avatar-bottom);
    translate: -50% 0;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_header .item_avatar {
        max-width: 30vw;
    }
}
.work_popup_block .popup_body {
    background-color: #fff;
    border-radius: 15px;
    position: relative;
    margin-top: 6px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body {
        border-radius: 10px;
        border: 6px solid var(--primary-color);
        margin-top: 0;
    }
}
.work_popup_block .popup_body::before {
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 0px);
    position: absolute;
    inset: 0;
    border-radius: 15px;
    box-shadow: 0 0 0 5px var(--primary-color);
    pointer-events: none;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body::before {
        display: none;
    }
}
.work_popup_block .popup_body_os {
    width: 100%;
    max-height: calc(100vh - 120px - 120px);
    overflow: auto;
    border-radius: 10px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_os {
        max-height: calc(100vh - 120px - 120px);
        border-radius: 0px;
    }
}
.work_popup_block .popup_body_oh {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.work_popup_block .popup_body_grid {
    display: flex;
    gap: 30px 40px;
    flex-direction: column;
    padding: 30px 17px var(--bbox-bottom) 22px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_grid {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        padding: 29px 54px var(--bbox-bottom) 42px;
    }
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_main {
        width: 312px;
        max-width: 46.9172932331%;
        padding-bottom: 35px;
    }
}
.work_popup_block .popup_body_main .item_box {
    padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_main .item_box {
        padding-bottom: 18px;
    }
}
.work_popup_block .popup_body_main .item_box ~ .item_box .item_txt {
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 11px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_main .item_box ~ .item_box .item_txt {
        margin-top: 11px;
    }
}
.work_popup_block .popup_body_main .item_qt {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    display: inline-block;
    background-color: var(--primary-color);
    border-radius: 999px;
    position: relative;
    padding: 3px 10px 4px;
}
.work_popup_block .popup_body_main .item_qt::after {
    content: "";
    position: absolute;
    left: 13px;
    bottom: -6px;
    border: 0;
    border-top: 8px solid var(--primary-color);
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_main .item_qt::after {
        left: 14px;
    }
}
.work_popup_block .popup_body_main .item_txt {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3333333333;
    letter-spacing: 0.1em;
    margin-top: 12px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_main .item_txt {
        margin-top: 12px;
    }
}
.work_popup_block .popup_body_schedule {
    width: calc(100% - 18px);
    background-color: var(--soft-color);
    border-radius: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 33px 17px 21px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_schedule {
        width: 293px;
        max-width: 44.0601503759%;
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
    }
}
.work_popup_block .popup_body_schedule .item_header {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    letter-spacing: 0.1em;
    color: var(--primary-color);
    width: 133px;
    height: 43px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1px;
    left: calc(50% - 2px);
    translate: -50% -50%;
}
.work_popup_block .popup_body_schedule .item_leading {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.1em;
    color: #888;
}
.work_popup_block .popup_body_schedule .item_lists {
    margin-top: -3px;
    padding-bottom: 8px;
}
.work_popup_block .popup_body_schedule .item_lists_row {
    display: flex;
    align-items: center;
    position: relative;
}
.work_popup_block .popup_body_schedule .item_lists_row:nth-child(1) dd::before {
    height: 50%;
    top: 75%;
    display: block;
}
.work_popup_block .popup_body_schedule .item_lists_row:nth-child(1) dd::after {
    display: none;
}
.work_popup_block .popup_body_schedule .item_lists_row:nth-child(2) dd::before {
    height: 50%;
    top: 25%;
    display: block;
}
.work_popup_block .popup_body_schedule .item_lists_row:nth-child(2) dd::after {
    height: 50%;
    top: 75%;
}
.work_popup_block
    .popup_body_schedule
    .item_lists_row:nth-last-child(2)
    dd::before {
    height: 50%;
    top: 75%;
    display: block;
}
.work_popup_block
    .popup_body_schedule
    .item_lists_row:nth-last-child(2)
    dd::after {
    height: 50%;
    top: 25%;
}
.work_popup_block .popup_body_schedule .item_lists_row:last-child dd::before {
    height: 50%;
    top: 25%;
    display: block;
}
.work_popup_block .popup_body_schedule .item_lists_row:last-child dd::after {
    display: none;
}
.work_popup_block .popup_body_schedule .item_lists_row dt {
    width: 45px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.1666666667;
    position: relative;
}
.work_popup_block .popup_body_schedule .item_lists_row dt::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border-radius: 999px;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 50% -50%;
}
.work_popup_block .popup_body_schedule .item_lists_row dd {
    width: calc(100% - 45px);
    padding: var(--dd-top) 0 var(--dd-top) 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.1em;
    position: relative;
}
.work_popup_block .popup_body_schedule .item_lists_row dd::before,
.work_popup_block .popup_body_schedule .item_lists_row dd::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
}
.work_popup_block .popup_body_schedule .item_lists_row dd::before {
    display: none;
    background-color: var(--primary-color);
}
.work_popup_block .popup_body_schedule .item_lists_row dd::after {
    background-image: linear-gradient(
        to bottom,
        var(--primary-color) 2px,
        rgba(255, 255, 255, 0) 2px
    );
    background-repeat: repeat-y;
    background-size: 100% 4px;
}
.work_popup_block .popup_body_schedule .item_lists_row dd .other {
    color: var(--primary-color);
}
.work_popup_block .popup_body_act {
    width: 100%;
    height: 70px;
    background-color: var(--primary-color);
    position: relative;
    pointer-events: none;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_act {
        height: 50px;
    }
}
.work_popup_block .popup_body_act .item_thumb {
    width: var(--act-w);
    position: absolute;
    left: calc(50% + var(--act-left));
    bottom: var(--act-bottom);
    translate: -50% 0;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_body_act .item_thumb {
        max-width: calc(100% - 20px);
    }
}
.work_popup_block .popup_foot {
    position: relative;
    height: 20px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_foot {
        height: 20px;
    }
}
.work_popup_block .popup_foot .item_tag {
    font-style: italic;
    color: var(--accent-color);
    position: absolute;
    right: 0;
    bottom: 0;
    transform-origin: top right;
    rotate: -8.22deg;
    right: -8px;
    bottom: 20px;
    display: none;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_foot .item_tag {
        display: block;
    }
}
.work_popup_block .popup_foot .item_btn_wrap {
    position: absolute;
    top: -30px;
    left: 50%;
    translate: -50% 0;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_foot .item_btn_wrap {
        top: -12px;
    }
}
.work_popup_block .popup_foot .item_btn {
    --gap: 8px;
    --offset: 4px;
    width: 171.2px;
    height: 64px;
    background-color: #fff;
    display: flex;
    gap: var(--gap);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4285714286;
    color: #000;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 2px;
}
@media only screen and (min-width: 768px) {
    .work_popup_block .popup_foot .item_btn {
        cursor: pointer;
        transition: background-color 300ms ease;
    }
    .work_popup_block .popup_foot .item_btn:hover {
        background-color: var(--soft-color);
    }
}
.work_popup_block .popup_foot .item_btn::before {
    content: "";
    width: calc(100% - var(--offset) * 2);
    height: calc(100% - var(--offset) * 2);
    position: absolute;
    top: var(--offset);
    left: var(--offset);
    border-radius: inherit;
    border: 1px solid var(--primary-color);
}
.work_popup_block .popup_foot .item_btn::after {
    content: "";
    width: 19.31px;
    aspect-ratio: 1;
    background-color: var(--primary-color);
    background-image: url("./../images/common/icon_up_arrow_w.svg");
    background-repeat: no-repeat;
    background-size: 8px 9px;
    background-position: center center;
    position: relative;
    display: inline-block;
    border-radius: 99px;
    rotate: 45deg;
    flex-shrink: 0;
}
.work_popup_01 {
    --primary-color: #e8382f;
    --soft-color: #fff0ef;
    --accent-color: #f27973;
    --bbox-bottom: 245px;
    --avatar-w: 136px;
    --avatar-left: 42px;
    --avatar-bottom: -34px;
    --act-w: 328px;
    --act-left: 3px;
    --act-bottom: 25px;
    --dd-top: 7px;
}
@media only screen and (min-width: 768px) {
    .work_popup_01 {
        --bbox-bottom: 77px;
        --avatar-w: 159.52px;
        --avatar-left: 20px;
        --avatar-bottom: -29px;
        --act-w: 700px;
        --act-left: -18px;
        --act-bottom: 12px;
    }
}
.work_popup_02 {
    --primary-color: #f87b00;
    --soft-color: #fff9ef;
    --bbox-bottom: 217px;
    --avatar-w: 174px;
    --avatar-left: 14px;
    --avatar-bottom: -44px;
    --act-w: 326.52px;
    --act-left: 6px;
    --act-bottom: 7px;
    --dd-top: 7px;
}
@media only screen and (min-width: 768px) {
    .work_popup_02 {
        --bbox-bottom: 50px;
        --avatar-w: 200px;
        --avatar-left: -29px;
        --avatar-bottom: -44px;
        --act-w: 730px;
        --act-left: 14px;
        --act-bottom: -5px;
        --dd-top: 7px;
    }
}
@media only screen and (min-width: 768px) {
    .work_popup_02 .popup_header {
        padding-left: 231px;
        padding-left: clamp(
            4rem,
            calc(4rem + 0.5079787234 * (100vw - 1024px)),
            23.1rem
        );
    }
}
.work_popup_03 {
    --primary-color: #1bb06d;
    --soft-color: #effff6;
    --bbox-bottom: 214px;
    --avatar-w: 146.65px;
    --avatar-left: 16px;
    --avatar-bottom: -34px;
    --act-w: 354px;
    --act-left: 20px;
    --act-bottom: 15px;
    --dd-top: 6px;
}
@media only screen and (min-width: 768px) {
    .work_popup_03 {
        --bbox-bottom: 16px;
        --avatar-w: 208.65px;
        --avatar-left: 21px;
        --avatar-bottom: -41px;
        --act-w: 724px;
        --act-left: -5px;
        --act-bottom: -5px;
        --dd-top: 5px;
    }
}
@media only screen and (min-width: 768px) {
    .work_popup_03 .popup_header {
        padding-left: 156px;
        padding-left: clamp(
            4rem,
            calc(4rem + 0.3085106383 * (100vw - 1024px)),
            15.6rem
        );
    }
}
@media only screen and (min-width: 768px) {
    .work_popup_03 .popup_body_act {
        height: 53px;
    }
}
.work_popup_04 {
    --primary-color: #3ebfd1;
    --soft-color: #effbff;
    --bbox-bottom: 207px;
    --avatar-w: 143px;
    --avatar-left: 26px;
    --avatar-bottom: -45px;
    --act-w: 324px;
    --act-left: 10px;
    --act-bottom: 14px;
    --dd-top: 7px;
}
@media only screen and (min-width: 768px) {
    .work_popup_04 {
        --bbox-bottom: 16px;
        --avatar-w: 214px;
        --avatar-left: 6px;
        --avatar-bottom: -65px;
        --act-w: 710px;
        --act-left: 16px;
        --act-bottom: 0px;
        --dd-top: 7px;
    }
}
@media only screen and (min-width: 768px) {
    .work_popup_04 .popup_header {
        padding-left: 156px;
        padding-left: clamp(
            4rem,
            calc(4rem + 0.3085106383 * (100vw - 1024px)),
            15.6rem
        );
    }
}
.work_popup_04 .popup_body_act {
    height: 87px;
}
@media only screen and (min-width: 768px) {
    .work_popup_04 .popup_body_act {
        height: 50px;
    }
}
.work_popup_05 {
    --primary-color: #ffb40b;
    --soft-color: #fffaef;
    --bbox-bottom: 218px;
    --avatar-w: 135px;
    --avatar-left: 26px;
    --avatar-bottom: -35px;
    --act-w: 331px;
    --act-left: 0px;
    --act-bottom: 22px;
    --dd-top: 8px;
}
@media only screen and (min-width: 768px) {
    .work_popup_05 {
        --bbox-bottom: 56px;
        --avatar-w: 204px;
        --avatar-left: 13px;
        --avatar-bottom: -43px;
        --act-w: 707px;
        --act-left: 10px;
        --act-bottom: -2px;
        --dd-top: 7px;
    }
}
@media only screen and (min-width: 768px) {
    .work_popup_05 .popup_header {
        padding-left: 156px;
        padding-left: clamp(
            4rem,
            calc(4rem + 0.3085106383 * (100vw - 1024px)),
            15.6rem
        );
    }
}

@keyframes keyf_work_image {
    0%,
    49% {
        opacity: 0;
    }
    50%,
    100% {
        opacity: 1;
    }
}
@keyframes keyf_work_pos {
    0% {
        scale: 1 1;
    }
    40% {
        scale: 1.3 1.3;
    }
    75% {
        scale: 1.15 1.15;
    }
    100% {
        opacity: 1.4 1.4;
    }
}