@media (max-width: 860px), (max-height: 480px) {
    .c-talk_txt {
        font-size: calc(10px + 0vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .c-talk_copy {
        margin-top: calc(1.8666666667 * var(--widthPixel,1vw));
        font-size: calc(10px + 4.2666666667vw)
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .js-mobile .l-next_cursor {
        display: block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_contents {
        display: block;
        padding: 0;
        width: auto;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: auto;
        overscroll-behavior: none
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap {
        height: auto;
        padding: calc(16.2413793103 * var(--heightPixel,1vh)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap ul {
        -webkit-justify-content: center;
        justify-content: center;
        height: calc(44.3349753695 * var(--heightPixel,1vh));
        margin-bottom: calc(7.3891625616 * var(--heightPixel,1vh));
        min-height: 270px;
        flex-direction: column;
    }
}

@media only screen and (max-width: 870px) {
    .l-nav_wrap li {
        margin-left: 8%
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap li {
        font-size: clamp(20px, calc(3 * var(--heightPixel,1vh)), 32px);
        margin: 0 calc(6.9333333333 * var(--widthPixel,1vw));
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap li .num {
        width: 1em;
        margin-left: calc(1.6 * var(--widthPixel,1vw));
        font-size: calc(10px + 0vw);
        transform: scale(0.8)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap li .jp--top .js-textrowmotion_txt:nth-of-type(2) {
        transform: translate(calc(.3694581281 * var(--heightPixel,1vh)), calc(-.2463054187 * var(--heightPixel,1vh)))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap li .jp--top .js-textrowmotion_txt:nth-of-type(3) {
        transform: translate(calc(0 * var(--heightPixel,1vh)), calc(.3694581281 * var(--heightPixel,1vh)))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_wrap li .en {
        left: -1px;
        font-size: calc(10px + 0vw);
        opacity: 0;
        transform: translateY(50px)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_info {
        width: calc(var(--widthPixel,1vw) * 100);
        margin-right: 0;
        padding: 0 0 80px 0;
        overflow: hidden
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-nav_info_inner {
        width: auto;
        border-top: 1px solid #161616;
        border-bottom: 1px solid #161616;
        mix-blend-mode: exclusion;
        margin: 3vh calc(4.9261083744 * var(--heightPixel,1vh)) calc(9 * var(--widthPixel,1vw));
        overflow: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-nav_info dl {
        border-top: none;
        margin-right: calc(12.2666666667 * var(--widthPixel,1vw));
        white-space: normal;
        margin: 2vh 0;
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_info dt {
        font-size: calc(10px + 0vw);
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_info dd {
        font-size: clamp(11px, 0.78125vw, 12px);
        text-indent: 0;
        line-height: 1.6363636364
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-nav_talk {
        margin: 0 calc(9 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-nav_talk .c-talk_txt {
        font-size: calc(10px + 0vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-nav_talk .c-talk_copy {
        font-size: clamp(10px, 2.2vh, 26px);
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-cont-wrap {
        width: auto
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-cont-wrap_inner {
        width: auto !important;
        height: auto;
        display: block;
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-cont-wrap_back video, .l-cont-wrap_back img {
        width: 100%;
        height: 130%
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-loading-scroll {
        display: none
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-first {
        width: auto;
        height: calc(var(--heightPixel,1vh) * 73.9);
        min-height: 400px;
        padding-right: 0;
        
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-first_logo {
        width: calc(81.6 * var(--widthPixel,1vw));
        bottom: 0;
        display:block;
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-first_catch {
        padding: calc(14.7783251232 * var(--heightPixel,1vh)) calc(16 * var(--widthPixel,1vw)) 0 0;
        font-size: calc(10px + .5333333333vw);
        height:auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_catch-row {
        margin-left: calc(4.2666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_catch-row--1 {
        margin-top: 3.35em
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-first_catch-row--2 {
        margin-top: 6.6em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_catch-row--3 {
        margin-top: 9.2em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_vector {
        top: calc(30.9113300493 * var(--heightPixel,1vh));
        right: calc(-32.6186666667 * var(--widthPixel,1vw));
        width: calc(105.6 * var(--widthPixel,1vw));
        height: calc(23.7333333333 * var(--widthPixel,1vw))
    }
}


@media (max-width: 1080px) and (min-height: 481px) {
    .l-first_textwrap {
        padding-left: calc(7.8125 * var(--widthPixel,1vw))
    }
}

@media only screen and (max-width: 870px) {
    .l-first_textwrap {
        padding-left: calc(11.71875 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_textwrap {
        width: calc(80.8 * var(--widthPixel,1vw));
        margin: 0;
        left: calc(50% - 40.4vw);
        bottom: calc(4.6798029557 * var(--heightPixel,1vh));
        padding-left: 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-first_textwrap-inner .scroll-horizontal {
        display: none
    }
}


@media (max-width: 1080px) and (min-height: 481px) {
    .l-first_detail {
        font-size: calc(.0125 * var(--heightPixel,1vh) * 100)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_detail {
        padding-left: calc(24.2666666667 * var(--widthPixel,1vw));
        text-indent: calc(-24.2666666667 * var(--widthPixel,1vw));
        font-size: calc(10px + 0vw);
        line-height: 2
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first_scrollto {
        display: none
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-sec-mv_cover {
        height: auto !important;
        background-color: transparent;
        min-width: 100vw;
        width: auto;
        transform: scale(1) !important
    }
    .l-sec-mv_cover img{width:100%;display:block}
}

@media (max-width: 860px), (max-height: 480px) {
    .l-catch {
        height: auto;
        padding: calc(37.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw)) calc(35.4666666667 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-catch_maintext {
        font-size: calc(15px + 1.0666666667vw);
        line-height: 1.5714285714
    }

        .l-catch_maintext .js-textrowmotion--live {
            line-height: 1.37
        }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-catch_maintext .txt {
        margin: calc(4.2666666667 * var(--widthPixel,1vw)) auto calc(12 * var(--widthPixel,1vw));
        font-size: calc(7px + .8vw);
        line-height: 1.0769230769
    }

        .l-catch_maintext .txt.js-textrowmotion--live {
            margin-top: 14px;
            margin-bottom: 40px;
            line-height: 1
        }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-catch_maintext .innerline:before {
        position: relative;
        width: 1px;
        height: calc(8.25 * var(--heightPixel,1vh));
        margin: 4vw auto calc(10.666667 * var(--widthPixel,1vw));
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-catch_maintext-author {
        margin:5vw 0 0;
        padding-right: 0;
        text-align: right;
        font-size: calc(10px + .5333333333vw);
        line-height: 1.8333333333
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-catch_maintext-author .txt {
        margin: calc(-.2666666667 * var(--widthPixel,1vw)) 0 0 0;
        font-size: calc(10px + .2666666667vw)
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph {
        padding: calc(21.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw));
        margin-top: -1px;
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--black {
        padding: calc(21.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--black .l-paragraph_right {
        margin-left: 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--h1 {
        padding-bottom: calc(24.5333333333 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--h2 {
        padding-bottom: calc(15.2 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--h3 {
        padding-bottom: calc(16.2666666667 * var(--widthPixel,1vw));
        padding-right: calc(9.6 * var(--widthPixel,1vw));
        margin-top: -1px
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--h3 .l-paragraph_right .dtl {
        margin-top: calc(12 * var(--widthPixel,1vw)) !important;
        margin-left: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--h4 {
        padding-bottom: calc(16.5333333333 * var(--widthPixel,1vw));
        padding-right: calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--h4 .l-paragraph_right .dtl {
        margin-top: calc(12 * var(--widthPixel,1vw)) !important;
        margin-left: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--und-h2 {
        padding: calc(21.3333333333 * var(--widthPixel,1vw)) 0 calc(10.9333333333 * var(--widthPixel,1vw)) 0;
        margin: 0 calc(9.6 * var(--widthPixel,1vw));
        border-bottom: 1px solid #DFDFDF
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--und-h3 {
        padding: calc(21.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw)) calc(18.6666666667 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph--und-h4 {
        padding-left: calc(9.6 * var(--widthPixel,1vw));
        padding-bottom: calc(18.6666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_inner {
        height: auto;
        display: block;
        padding-top: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left .ttl {
        font-size: calc(10px + 6.4vw);
        line-height: 1;
        margin-bottom: calc(7.7333333333 * var(--widthPixel,1vw)) !important
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left .ttl.js-textrowmotion--active {
        margin-bottom: calc(7.7333333333 * var(--widthPixel,1vw)) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-mobile .l-paragraph_left .ttl, .js-safari .l-paragraph_left .ttl {
        margin-bottom: calc(9.3333333333 * var(--widthPixel,1vw)) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left .ttl--1 {
        margin-bottom: calc(7.7333333333 * var(--widthPixel,1vw)) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left .ttl--1.js-textrowmotion--active {
        margin-top: calc(11.4666666667 * var(--widthPixel,1vw));
        margin-bottom: calc(9.0666666667 * var(--widthPixel,1vw)) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-mobile .l-paragraph_left .ttl--1, .js-safari .l-paragraph_left .ttl--1 {
        margin-top: calc(7.4666666667 * var(--widthPixel,1vw));
        margin-bottom: calc(12.5333333333 * var(--widthPixel,1vw)) !important
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--w1 {
        width: auto
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--w1 p {
        margin: 4vh 0 7vh 15vw;
        width:auto
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--w2 {
        width: auto;
        margin: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--w2 p {
        width: calc(71.2 * var(--widthPixel,1vw));
        margin: 0 0 calc(12.8 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--w3 {
        width: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--w3 p {
        width: calc(71.2 * var(--widthPixel,1vw));
        margin: 0 0 calc(12.8 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--und-w1 {
        width: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--und-w1 p {
        width: calc(71.2 * var(--widthPixel,1vw));
        margin: 0 0 calc(12.8 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--und-w2 {
        width: auto;
        bottom: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left--und-w2 p {
        width: calc(71.2 * var(--widthPixel,1vw));
        margin: 0 0 calc(12.8 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left .intro {
        font-size: calc(10px + 0vw);
        line-height: 1;
        margin-bottom: calc(4.8 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-mobile .l-paragraph_left .intro, .js-safari .l-paragraph_left .intro {
        margin-bottom: calc(6.1333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-pc .l-paragraph_left .intro {
        margin-bottom: calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left p {
        font-size: calc(10px + .5333333333vw);
        line-height: 1.6666666667
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_left .row-inline {
        display: inline-block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_right {
        right: 0 !important;
        margin-top: 0 !important;
        display: block;
        font-size: calc(10px + 5.8666666667vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_right .intro {
        margin-left: calc(5.6 * var(--widthPixel,1vw));
        font-size: calc(10px + 0vw);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: right top;
        transform-origin: right top
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_right .row {
        margin-left: calc(2.1333333333 * var(--widthPixel,1vw)) !important;
        margin-top: 0 !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_right .dtl {
        margin-top: calc(7.2 * var(--widthPixel,1vw)) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_right p {
        width: calc(71.2 * var(--widthPixel,1vw));
        font-size: calc(10px + .8vw);
        line-height: 2.1538461538;
        writing-mode: horizontal-tb;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_intro {
        margin-left: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-paragraph_btn {
        position: absolute;
        left: 0;
        bottom: calc(-10.66vw + -1em);
        margin-top: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-workproject {
        height: auto;
        display: block;
        padding-right: 0;
        margin: -1px 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project {
        width: auto;
        padding: 0 0 calc(7.7333333333 * var(--widthPixel,1vw)) 0;
        height: auto;
        margin: -1px 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project .c-cursor {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_outer {
        height: auto;
        padding: calc(80 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_inner {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom:0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_block {
        width: 47%;
        height: auto;
        margin: 0 0 3vh;
    }
    .l-project_block img{width:100%;}
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_navttl {
        width: auto;
        height: auto;
        position: static;
        -webkit-transform: none;
        transform: none;
        font-size: calc(10px + 0vw);
        padding: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_navttl-wrap {
        width: 100%;
        padding: calc(2.2666666667 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_navttl-name {
        width: auto;
        -webkit-flex: 1;
        flex: 1
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project_navttl-num {
        width: calc(11.7333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_navttl-year {
        font-size: calc(10px + 0vw);
        width: auto;
        display: inline-block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_navttl-type {
        display: none
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project_intro-block {
        bottom: auto;
        top: calc(66.1333333333 * var(--widthPixel,1vw));
        left: calc(8.2666666667 * var(--widthPixel,1vw));
        width: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_ttl {
        width: 100%;
        font-size: calc(10px + 6.9333333333vw);
        letter-spacing: -0.04em;
        margin-bottom: calc(5.8666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_ttl .num {
        font-size: calc(10px + 0vw);
        width: calc(6.1333333333 * var(--widthPixel,1vw));
        top: calc(.5333333333 * var(--widthPixel,1vw));
        left: calc(-8.2666666667 * var(--widthPixel,1vw));
        vertical-align: top
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project p {
        margin-left: calc(8 * var(--widthPixel,1vw));
        margin-left: 0;
        font-size: calc(10px + 0vw);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project p .common-horizontal {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project p > span {
        margin-bottom: calc(1.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_figure {
        width: calc(51.2 * var(--widthPixel,1vw));
        height: calc(62.1333333333 * var(--widthPixel,1vw));
        margin: calc(19.4666666667 * var(--widthPixel,1vw)) 0 calc(4.8 * var(--widthPixel,1vw)) auto
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project_clip rect {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: calc(48 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_clip-rect1 {
        transform: translate(calc(0 * var(--widthPixel,1vw)), calc(3.4666666667 * var(--widthPixel,1vw))) rotateY(90deg);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_clip-rect2 {
        transform: translate(calc(11.2 * var(--widthPixel,1vw)), calc(17.6 * var(--widthPixel,1vw))) rotateY(90deg);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_clip-rect3 {
        transform: translate(calc(30.4 * var(--widthPixel,1vw)), calc(-3.7333333333 * var(--widthPixel,1vw))) rotateY(90deg);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_clip-rect4 {
        transform: translate(calc(41.6 * var(--widthPixel,1vw)), calc(10.6666666667 * var(--widthPixel,1vw))) rotateY(90deg);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-scrollaction-active.l-project_clip .l-project_clip-rect1 {
        transform: translate(calc(0 * var(--widthPixel,1vw)), calc(14.1333333333 * var(--widthPixel,1vw))) rotateY(0deg)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-scrollaction-active.l-project_clip .l-project_clip-rect2 {
        transform: translate(calc(11.2 * var(--widthPixel,1vw)), calc(6.9333333333 * var(--widthPixel,1vw))) rotateY(0deg)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-scrollaction-active.l-project_clip .l-project_clip-rect3 {
        transform: translate(calc(30.4 * var(--widthPixel,1vw)), calc(6.9333333333 * var(--widthPixel,1vw))) rotateY(0deg)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-scrollaction-active.l-project_clip .l-project_clip-rect4 {
        transform: translate(calc(41.6 * var(--widthPixel,1vw)), calc(0 * var(--widthPixel,1vw))) rotateY(0deg)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-trans-image {
        -webkit-transition: top 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93),left 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93),width 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93),height 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93);
        transition: top 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93),left 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93),width 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93),height 0.4s cubic-bezier(0.63, 0.2, 0.58, 0.93)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-project-block-fadeout .l-project_clip-rect3 {
        -webkit-transition: width 0.3s cubic-bezier(0.53, 0.12, 0.5, 0.86) 0.4s,height 0.3s cubic-bezier(0.53, 0.12, 0.5, 0.86) 0.4s,transform 0.3s cubic-bezier(0.53, 0.12, 0.5, 0.86) 0.4s;
        transition: width 0.3s cubic-bezier(0.53, 0.12, 0.5, 0.86) 0.4s,height 0.3s cubic-bezier(0.53, 0.12, 0.5, 0.86) 0.4s,transform 0.3s cubic-bezier(0.53, 0.12, 0.5, 0.86) 0.4s
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service {
        min-width: 0;
        height: auto;
        padding: 0 calc(9.6 * var(--widthPixel,1vw)) calc(17.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner {
        padding: calc(18.4 * var(--widthPixel,1vw)) 0 0 0;
        font-size: calc(10px + 4.8vw);
        line-height: 1.0714285714;
        letter-spacing: -0.0357142857em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner a {
        width: 100%
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner li {
        display: block;
        margin-left: 0 !important;
        margin-bottom: calc(3.7333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner li .text {
        transition: none;
        color: #080808;
        mix-blend-mode: normal
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner li .num {
        margin-right: 16px;
        color: #080808;
        transition: none;
        vertical-align: .8em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner li .figure1 {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner li .figure2 {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_inner li:hover .text {
        color: #080808
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-top-service_btn {
        position: static;
        margin-top: calc(8 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last {
        display: block;
        height: auto;
        padding: calc(32.5333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw)) 0 calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_inner {
        padding-bottom: calc(32 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext {
        font-size: calc(10px + 1.0666666667vw);
        line-height: 1.5714285714;
        padding: calc(7.4666666667 * var(--widthPixel,1vw)) 0 0 0;
        letter-spacing: .0714285714em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .c-typomotion {
        margin: 0 !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .txt {
        width: calc(66.6666666667 * var(--widthPixel,1vw));
        margin: calc(6.4 * var(--widthPixel,1vw)) 0 calc(23.7333333333 * var(--widthPixel,1vw)) 0;
        font-size: calc(10px + .5333333333vw);
        line-height: 1.3333333333
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .txt.js-textrowmotion--active {
        margin: calc(6.4 * var(--widthPixel,1vw)) 0 calc(23.7333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .txt--about {
        margin: calc(5.3333333333 * var(--widthPixel,1vw)) 0 calc(24 * var(--widthPixel,1vw)) 0 !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .txt--service {
        margin: calc(5.3333333333 * var(--widthPixel,1vw)) 0 calc(24 * var(--widthPixel,1vw)) 0 !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .txt .c-typomotion {
        white-space: normal;
        margin-bottom: .1em !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .innerline:before {
        left: 0;
        top: 0;
        position: relative;
        width: calc(6.4 * var(--widthPixel,1vw));
        margin: 0 0 calc(3.7333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .pc {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext .sp {
        display: inline
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext-author {
        text-align: right;
        margin: 0 0 calc(14.4 * var(--widthPixel,1vw)) auto;
        padding-right: calc(3.7333333333 * var(--widthPixel,1vw));
        font-size: calc(10px + .2666666667vw);
        letter-spacing: 0.18em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext-author .txt {
        margin: 7px calc(-3.4666666667 * var(--widthPixel,1vw)) 0 0;
        font-size: calc(10px + .2666666667vw);
        letter-spacing: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext-author--about {
        margin: 0 0 calc(13.3333333333 * var(--widthPixel,1vw)) auto;
        padding-right: calc(17.8666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext-author--about .txt {
        margin: 2px calc(-17.8666666667 * var(--widthPixel,1vw)) 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext-author--service {
        margin: 0 0 calc(13.3333333333 * var(--widthPixel,1vw)) auto;
        padding-right: calc(13.8666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_maintext-author--service .txt {
        margin: 2px calc(-13.8666666667 * var(--widthPixel,1vw)) 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_talk .c-talk_txt {
        font-size: calc(10px + 0vw);
        line-height: 1.4
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_talk .c-talk_copy {
        font-size: calc(10px + 4.2666666667vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape {
        position: static;
        display: block;
        height: calc(51.2 * var(--widthPixel,1vw));
        margin: 0 calc(-9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s1, .l-last_shape .s2, .l-last_shape .s3, .l-last_shape .s4, .l-last_shape .s5, .l-last_shape .s6, .l-last_shape .s7, .l-last_shape .s8, .l-last_shape .s9, .l-last_shape .s10, .l-last_shape .s11, .l-last_shape .s12, .l-last_shape .s13, .l-last_shape .s14, .l-last_shape .s15, .l-last_shape .s16, .l-last_shape .s17 {
        height: auto;
        width: 100% !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s1 {
        height: calc(.2666666667 * var(--widthPixel,1vw));
        margin: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s2 {
        height: calc(.2666666667 * var(--widthPixel,1vw));
        margin: calc(2.8906666667 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s3 {
        height: calc(.36 * var(--widthPixel,1vw));
        margin: calc(2.768 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s4 {
        height: calc(.4826666667 * var(--widthPixel,1vw));
        margin: calc(2.648 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s5 {
        height: calc(.6026666667 * var(--widthPixel,1vw));
        margin: calc(2.528 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s6 {
        height: calc(.7226666667 * var(--widthPixel,1vw));
        margin: calc(2.408 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s7 {
        height: calc(.8426666667 * var(--widthPixel,1vw));
        margin: calc(2.288 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s8 {
        height: calc(.9626666667 * var(--widthPixel,1vw));
        margin: calc(2.168 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s9 {
        height: calc(1.0826666667 * var(--widthPixel,1vw));
        margin: calc(2.048 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s10 {
        height: calc(1.2026666667 * var(--widthPixel,1vw));
        margin: calc(1.9253333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s11 {
        height: calc(1.3253333333 * var(--widthPixel,1vw));
        margin: calc(1.8053333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s12 {
        height: calc(1.4453333333 * var(--widthPixel,1vw));
        margin: calc(1.6853333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s13 {
        height: calc(1.5653333333 * var(--widthPixel,1vw));
        margin: calc(1.5653333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s14 {
        height: calc(1.6853333333 * var(--widthPixel,1vw));
        margin: calc(1.4453333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s15 {
        height: calc(1.8053333333 * var(--widthPixel,1vw));
        margin: calc(1.3253333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s16 {
        height: calc(1.9253333333 * var(--widthPixel,1vw));
        margin: calc(1.2026666667 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-last_shape .s17 {
        height: calc(2.0453333333 * var(--widthPixel,1vw));
        margin: calc(1.0826666667 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next {
        width: auto;
        height: calc(130.4 * var(--widthPixel,1vw));
        min-width: auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        flex-direction: row-reverse;
        padding: calc(18.168 * var(--widthPixel,1vw)) 0 calc(75.7333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next:before {
        height: calc(var(--heightPixel,1vh) * 27.5);
        transform: translate(calc(var(--widthPixel,1vw) * 22.93333), calc(var(--widthPixel,1vw) * 97.6))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next:after {
        height: calc(var(--heightPixel,1vh) * 27.5);
        transform: translate(calc(var(--widthPixel,1vw) * 22.93333), calc(var(--widthPixel,1vw) * 97.6))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_ttl {
        left: auto;
        right: calc(9.0666666667 * var(--widthPixel,1vw));
        top: calc(21.8666666667 * var(--widthPixel,1vw));
        bottom: auto;
        display: inline-block;
        font-size: calc(10px + 0vw);
        margin-left: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_ttl .small {
        font-size: calc(10px + .5333333333vw);
        margin-top: -1.4em;
        margin-left: calc(2.9333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_ttl .text {
        width: auto;
        font-size: calc(10px + 3.7333333333vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_ttl .en {
        position: absolute;
        bottom: calc(-4.8 * var(--widthPixel,1vw));
        left: calc(-5.6 * var(--widthPixel,1vw));
        font-size: calc(10px + 0vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_ttl .js-textrowmotion--live {
        margin-left: calc(-3.2 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_text {
        position: absolute;
        top: calc(68 * var(--widthPixel,1vw));
        left: auto;
        right: calc(-1.6 * var(--widthPixel,1vw));
        width: calc(60 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_clip {
        top: 0;
        left: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_clip01 {
        width: 100%;
        height: 130%
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_clip-rect1, .l-next_service-clip-rect1 {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: calc(48 * var(--widthPixel,1vw));
        transform: translate(calc(13.3333333333 * var(--widthPixel,1vw)), calc(46.1333333333 * var(--widthPixel,1vw))) scale(0, 1);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_clip-rect2, .l-next_service-clip-rect2 {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: calc(48 * var(--widthPixel,1vw));
        transform: translate(calc(24.5333333333 * var(--widthPixel,1vw)), calc(60.2666666667 * var(--widthPixel,1vw))) scale(0, 1);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_clip-rect3, .l-next_service-clip-rect3 {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: calc(48 * var(--widthPixel,1vw));
        transform: translate(calc(43.7333333333 * var(--widthPixel,1vw)), calc(60.2666666667 * var(--widthPixel,1vw))) scale(0, 1);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_clip-rect4, .l-next_service-clip-rect4 {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: calc(48 * var(--widthPixel,1vw));
        transform: translate(calc(54.9333333333 * var(--widthPixel,1vw)), calc(50.6666666667 * var(--widthPixel,1vw))) scale(0, 1);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_cursor {
        top: auto;
        bottom: calc(13.6 * var(--widthPixel,1vw));
        left: auto;
        right: calc(15.4666666667 * var(--widthPixel,1vw));
        width: calc(18.9333333333 * var(--widthPixel,1vw));
        height: calc(18.9333333333 * var(--widthPixel,1vw));
        font-size: calc(10px + .5333333333vw);
        transform: translate3d(0, 0, 0) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next_cursor-inner {
        font-size: calc(10px + .5333333333vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next.js-scrollaction-target-last-subject-active.l-next:before {
        height: calc(var(--heightPixel,1vh) * 27.5);
        transform: translate(calc(var(--widthPixel,1vw) * 22.93333), calc(var(--widthPixel,1vw) * 97.6))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next.js-scrollaction-target-last-subject-active .l-next_clip-rect1, .l-next.js-scrollaction-target-last-subject-active .l-next_service-clip-rect1 {
        transform: translate(calc(13.3333333333 * var(--widthPixel,1vw)), calc(56.8 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next.js-scrollaction-target-last-subject-active .l-next_clip-rect2, .l-next.js-scrollaction-target-last-subject-active .l-next_service-clip-rect2 {
        transform: translate(calc(24.5333333333 * var(--widthPixel,1vw)), calc(49.6 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next.js-scrollaction-target-last-subject-active .l-next_clip-rect3, .l-next.js-scrollaction-target-last-subject-active .l-next_service-clip-rect3 {
        transform: translate(calc(43.7333333333 * var(--widthPixel,1vw)), calc(49.6 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-next.js-scrollaction-target-last-subject-active .l-next_clip-rect4, .l-next.js-scrollaction-target-last-subject-active .l-next_service-clip-rect4 {
        transform: translate(calc(54.9333333333 * var(--widthPixel,1vw)), calc(40 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-end-marker {
        height: 20px;
        width: 100%;
        top: auto;
        bottom: 0;
        margin: -1px 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-fixed-left {
        top: 0;
        right: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-fixed-left-inner {
        -webkit-transform: none;
        transform: none;
        width: 100%;
        padding: 0 calc(var(--widthPixel,1vw) * 9.6)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-fixed-right {
        top: auto;
        bottom: 0;
        left: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-fixed-right-inner {
        -webkit-transform: none;
        transform: none;
        width: 100%;
        padding: 0 calc(var(--widthPixel,1vw) * 9.6)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-absolute-left {
        top: 0;
        right: 0;
        bottom: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-absolute-left-inner {
        -webkit-transform: none;
        transform: none;
        width: 100%;
        padding: 0 calc(var(--widthPixel,1vw) * 9.6)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-absolute-right {
        top: auto;
        left: 0;
        bottom: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-label-absolute-right-inner {
        -webkit-transform: none;
        transform: none;
        width: 100%;
        padding: 0 calc(var(--widthPixel,1vw) * 9.6)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-safari .l-next_clip-rect1 {
        transform: translate(calc(13.3333333333 * var(--widthPixel,1vw)), calc(56.8 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-safari .l-next_clip-rect2 {
        transform: translate(calc(24.5333333333 * var(--widthPixel,1vw)), calc(49.6 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-safari .l-next_clip-rect3 {
        transform: translate(calc(43.7333333333 * var(--widthPixel,1vw)), calc(49.6 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .js-safari .l-next_clip-rect4 {
        transform: translate(calc(54.9333333333 * var(--widthPixel,1vw)), calc(40 * var(--widthPixel,1vw))) scale(1, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und {
        width: auto;
        height: calc(var(--heightPixel,1vh) * 62.06);
        overflow: hidden;
        min-height: 62vmax
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und_ttl {
        width: 100%;
        font-size: calc(10px + 4.8vw);
        letter-spacing: 0.02em;
        padding: calc(13.5467980296 * var(--heightPixel,1vh)) calc(18.1333333333 * var(--widthPixel,1vw)) 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und .en {
        font-size: calc(10px + 0vw);
        margin: auto calc(5.3333333333 * var(--widthPixel,1vw)) 2em 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und_logo {
        width: calc(50.3733333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und_logo--service {
        width: calc(70.1333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und_vector {
        width: calc(108.8 * var(--widthPixel,1vw));
        height: calc(24.8 * var(--widthPixel,1vw));
        bottom: 0;
        left: calc(-22.6666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und_textwrap {
        width: calc(80.8 * var(--widthPixel,1vw));
        margin: 0;
        left: calc(50% - 40.4vw);
        bottom: calc(10.6666666667 * var(--widthPixel,1vw));
        padding-left: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-sec-mv-und_cover {
        height: calc(133.3333333333 * var(--widthPixel,1vw));
        background-color: transparent
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-first-und.js-scrollaction-active + .l-sec-mv-und_cover {
        height: calc(133.3333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents {
        height: auto;
        margin: -1px 0 0 0;
        padding: calc(21.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw));
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents .c-ttl {
        width: 90.4%;
        bottom: auto;
        top: 0;
        left: 4.8%;
        writing-mode: horizontal-tb;
        position: absolute;
        padding-bottom: 1vw;
        border-bottom: 1px solid #dfdfdf;
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents .c-ttl .en {
        display: block;
        margin-top: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents .c-ttl .jp {
        display: block;
        left: auto;
        right: 0;
        bottom: 1vw;
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_inner {
        height: auto;
        display: block;
        padding: 0 0 calc(8.2666666667 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block {
        height: auto;
        padding: 11vw 0 calc(8 * var(--widthPixel,1vw)) 0;
        border-right: none;
        border-bottom: 1px solid #DFDFDF;
        width:auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents figure {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(36.2666666667 * var(--widthPixel,1vw))
    }
        .l-list-contents figure img{
            width:100%;height:auto
        }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-inner {
        height: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-lead {
        width: auto;
        height: auto;
        margin-bottom: calc(9.6 * var(--widthPixel,1vw));
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-lead p {
        -webkit-flex: 1;
        flex: 1;
        writing-mode: horizontal-tb;
        font-size: calc(10px + .8vw);
        letter-spacing: 0;
        line-height: 2.1538461538;
        margin-top: calc(14.6666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-ttl {
        margin-left: 0;
        font-size: calc(10px + 4.8vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-ttl .row {
        margin-right: calc(5.3333333333 * var(--widthPixel,1vw));
        margin-left: calc(4.2666666667 * var(--widthPixel,1vw));
        margin-top: 0 !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-ttl .num {
        font-size: calc(10px + 0vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-cont {
        width: auto;
        margin: 0;
        position:relative;
        left:0
    }
}

@media only screen and (min-width: 841px) and (max-height: 670px) {
    .l-list-contents_block-cont {
        margin-top: -20px
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-cont p {
        font-size: calc(10px + .5333333333vw);
        margin-bottom: calc(7.2 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-cont-ttl {
        font-size: calc(10px + 5.3333333333vw);
        letter-spacing: -0.0333333333em;
        margin-bottom: calc(3.2 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-list-contents_block-cont-ttl.js-textrowmotion--active {
        margin-bottom: calc(2.6666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member {
        height: auto;
        display: block;
        padding: 0 0 calc(21.3333333333 * var(--widthPixel,1vw)) 0;
        margin: calc(80 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_inner {
        margin: 0 calc(9.3333333333 * var(--widthPixel,1vw));
        padding: calc(16 * var(--widthPixel,1vw)) 0 calc(15.7333333333 * var(--widthPixel,1vw)) 0;
        border-bottom: 1px solid #DFDFDF;
        transition: border-color 0.6s cubic-bezier(0.6, 0.25, 0, 1)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-cont-wrap_inner--scrollaction-active .l-member_inner {
        border-bottom: 1px solid #343434
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block {
        width: 42%;
        padding: 0;
        margin-right: 14.756%;
        border-left: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block:last-child {
        border-right: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-cont-wrap_inner--scrollaction-active .l-member_block {
        border-right: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-inner {
        display: block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-inner figure {
        width: 78%;
        margin: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_name {
        writing-mode: horizontal-tb;
        font-size: calc(10px + 2.6666666667vw);
        margin-top: calc(6.6666666667 * var(--widthPixel,1vw));
        letter-spacing: .05em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_name .en {
        margin: calc(.5333333333 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_name .en-inner {
        font-size: calc(10px + .2666666667vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-detail {
        width: auto;
        font-size: calc(10px + 0vw)
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-detail p {
        line-height: 1.8;
        letter-spacing: .1em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-detail-officer {
        margin: calc(7.2 * var(--widthPixel,1vw)) 0 calc(4.8 * var(--widthPixel,1vw)) 0;
        font-size: calc(10px + .2666666667vw);
        line-height: 1.2727272727
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-detail-btn {
        margin-top: calc(9.6 * var(--widthPixel,1vw));
        font-size: calc(.01625 * var(--heightPixel,1vh) * 100)
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-detail-btn a {
        padding-right: 20px
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-member_block-detail-btn a:after {
        width: 11px;
        height: 11px
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music {
        height: auto;
        display: block;
        padding-right: 0;
        margin: -1px 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_wrap {
        display: block;
        padding: 0 0 calc(21.3333333333 * var(--widthPixel,1vw)) 0;
        margin: 0 calc(9.6 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-music_block {
        width: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block:last-of-type {
        border-right: none;
        border-bottom: 1px solid #343434
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-intro .year {
        position: static;
        -webkit-transform: none;
        transform: none;
        font-size: calc(10px + 0vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-intro .season {
        top: calc(2.4 * var(--widthPixel,1vw));
        right: 0;
        left: auto;
        -webkit-transform: none;
        transform: none;
        font-size: calc(10px + 0vw)
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl {
        height: calc(40.5333333333 * var(--widthPixel,1vw));
        margin: calc(6.6666666667 * var(--widthPixel,1vw)) 0 calc(2.6666666667 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl .jp {
        margin-right: calc(6.9333333333 * var(--widthPixel,1vw));
        font-size: calc(10px + 2.1333333333vw)
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl .jp .season {
        margin-top: calc(4.8 * var(--widthPixel,1vw));
        font-size: calc(10px + 6.9333333333vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl .en {
        font-size: calc(10px + 3.7333333333vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl .en .text {
        font-size: calc(10px + 1.6vw);
        letter-spacing: -.0625em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl .en .text2 {
        font-size: calc(10px + 5.3333333333vw);
        margin-bottom: calc(4.2666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-ttl .en .by {
        font-size: calc(10px + .2666666667vw);
        margin-bottom: calc(-.5333333333 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-figure {
        position: static;
        width: auto;
        height: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-figure a {
        padding: calc(17.8666666667 * var(--widthPixel,1vw)) calc(5.3333333333 * var(--widthPixel,1vw)) calc(3.7333333333 * var(--widthPixel,1vw)) calc(5.3333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-figure-link {
        position: relative;
        color: #747474;
        display: block;
        font-size: calc(10px + .5333333333vw);
        text-align: right;
        padding: 0 calc(4.8 * var(--widthPixel,1vw)) 0 0;
        margin: calc(7.4666666667 * var(--widthPixel,1vw)) 0 0 0
    }

        .l-music_block-figure-link:before {
            content: "";
            display: block;
            width: calc(var(--heightPixel,1vh) * .62);
            height: calc(var(--heightPixel,1vh) * .62);
            min-width: 9px;
            min-height: 9px;
            position: absolute;
            top: calc(50% - 4px);
            right: 0;
            background-image: url("/asset/img/arrow.svg");
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 100% auto;
            filter: invert(0.5)
        }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_block-inner {
        padding: 0 0 calc(8 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-music_cursor {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-guide {
        padding: 0 calc(9.6 * var(--widthPixel,1vw));
        height: auto
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-guide_inner {
        height: auto;
        padding: calc(16 * var(--widthPixel,1vw)) 0 0 0;
        display: block;
        border-left: none;
        border-top: 1px solid #DFDFDF
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-guide_ttl {
        width: auto;
        font-size: calc(10px + 5.3333333333vw);
        margin-bottom: calc(5.6 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-guide_ttl .sub {
        font-size: calc(10px + 0vw);
        margin-bottom: calc(5.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-guide_block {
        width: auto;
        margin-right: 0;
        font-size: calc(10px + .8vw);
        letter-spacing: .0769230769em;
        line-height: 1.8461538462
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-guide_block:last-child {
        padding-bottom: calc(13.6 * var(--widthPixel,1vw))
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-guide_block-ttl {
        font-size: calc(10px + 1.0666666667vw);
        line-height: 1.7142857143
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-guide_block-ttl:before {
        width: calc(5.8666666667 * var(--widthPixel,1vw));
        margin: 0 calc(1.8666666667 * var(--widthPixel,1vw)) 0.3em 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service {
        margin-top: -1px;
        padding: calc(21.3333333333 * var(--widthPixel,1vw)) 0 calc(8 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_navttl .type {
        display: inline-block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_block {
        padding: 0 0 calc(11.7333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_block-inner {
        height: auto
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_dtl-wrap {
        display: block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_navttl-type {
        display: block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_ttl {
        font-size: calc(10px + 5.3333333333vw);
        padding: calc(14.6666666667 * var(--widthPixel,1vw)) 0 calc(8.5333333333 * var(--widthPixel,1vw)) 0;
        line-height: 1.0666666667;
        letter-spacing: -0.0333333333em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_ttl .num {
        margin-bottom: calc(4.2666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_subttl {
        width: auto;
        font-size: calc(10px + 1.0666666667vw);
        letter-spacing: .0714285714em;
        line-height: 1.5714285714;
        margin-bottom: calc(4.8 * var(--widthPixel,1vw));
        transform: translateY(200%)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_para-wrap {
        display: block;
        width: auto;
        margin: 0 0 calc(9.6 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_para-wrap p:not(.l-project_para-bottom) {
        width: auto;
        margin: 0 0;
        font-size: calc(10px + .8vw);
        line-height: 1.8461538462;
        letter-spacing: .0769230769em;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_para-bottom {
        width: auto;
        margin-top: calc(5.6 * var(--widthPixel,1vw));
        font-size: calc(10px + .5333333333vw);
        line-height: 1.6666666667;
        -webkit-transform: none;
        transform: none
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_figure-wrap {
        width: auto;
        margin-bottom: 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_figure-wrap ul {
        position: static
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_figure-wrap ul li {
        font-size: calc(10px + .5333333333vw);
        letter-spacing: .0833333333em;
        margin-bottom: calc(6.1333333333 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_figure-wrap ul li:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project--service .l-project_figure-wrap ul li figure {
        margin-bottom: calc(1.6 * var(--widthPixel,1vw))
    }
}

@media only screen and (max-width: 860px) {
    @keyframes rect1 {
        0% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(0);
            opacity: .5
        }

        30% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(0);
            opacity: 0
        }

        30.1% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 16%) rotateY(90deg);
            opacity: 0
        }

        100% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(0);
            opacity: 1
        }
    }

    @keyframes rect1-reverse {
        0% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(0);
            opacity: .5
        }
    }

    @keyframes rect1-fadeout {
        0% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(0 * var(--widthPixel,1vw)), 20%) rotateY(90deg);
            opacity: 1
        }
    }

    @keyframes rect2 {
        0% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: .5
        }

        30% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 0
        }

        30.1% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 14%) rotateY(90deg);
            opacity: 0
        }

        100% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 1
        }
    }

    @keyframes rect2-reverse {
        0% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: .5
        }
    }

    @keyframes rect2-fadeout {
        0% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(11.2 * var(--widthPixel,1vw)), 10%) rotateY(90deg);
            opacity: 1
        }
    }

    @keyframes rect3 {
        0% {
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: .5
        }

        30% {
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 0
        }

        30.1% {
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 6%) rotateY(90deg);
            opacity: 0
        }

        100% {
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 1
        }
    }

    @keyframes rect3-reverse {
        0% {
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: .5
        }
    }

    @keyframes rect3-fadeout {
        0% {
            width: calc(9.6 * var(--widthPixel,1vw));
            height: 80%;
            transform: translate(calc(30.4 * var(--widthPixel,1vw)), 10%) rotateY(0);
            opacity: 1
        }

        100% {
            width: 100%;
            height: 100%;
            transform: translate(0, 0) rotateY(0);
            opacity: 1
        }
    }

    @keyframes rect4 {
        0% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(0);
            opacity: .5
        }

        30% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(0);
            opacity: 0
        }

        30.1% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 4%) rotateY(90deg);
            opacity: 0
        }

        100% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(0);
            opacity: 1
        }
    }

    @keyframes rect4-reverse {
        0% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(0);
            opacity: .5
        }
    }

    @keyframes rect4-fadeout {
        0% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(0);
            opacity: 1
        }

        100% {
            transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) rotateY(90deg);
            opacity: 1
        }
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next {
        width: calc(var(--widthPixel,1vw) * 66)
    }
}

@media only screen and (max-width: 860px) {
    .s-project_surface {
        height: 100%
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-ttl {
        font-size: 12px;
        top: 15.8%
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-project {
        width: calc(89.3333333333 * var(--widthPixel,1vw));
        margin: 0 calc((89.3333333333 * var(--widthPixel,1vh) - 100%)/-2);
        top: 49.9%;
        font-size: calc(10px + 8vw);
        letter-spacing: -0.075em
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-figure {
        width: calc(51.2 * var(--widthPixel,1vw))
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-clip rect {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: 80%
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-clip rect:nth-of-type(1) {
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-clip rect:nth-of-type(2) {
        -webkit-transform-origin: calc(6.4 * var(--widthPixel,1vw)) center;
        transform-origin: calc(6.4 * var(--widthPixel,1vw)) center
    }
}

@media only screen and (max-width: 860px) {
    .s-project_next-clip rect:nth-of-type(3) {
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}
@media only screen and (max-width: 860px) {
    .s-project_next-clip rect:nth-of-type(4) {
        -webkit-transform-origin: calc(6.4 * var(--widthPixel,1vw)) center;
        transform-origin: calc(6.4 * var(--widthPixel,1vw)) center
    }
}


@media only screen and (max-width: 860px) {
    .s-project_next-role {
        bottom: 15.8%;
        font-size: calc(10px + .5333333333vw);
        line-height: 1.5
    }
}


@media only screen and (max-width: 860px) {
    .s-project_cursor {
        top: auto;
        bottom: calc(18.6666666667 * var(--widthPixel,1vw));
        left: auto;
        right: calc(15.4666666667 * var(--widthPixel,1vw));
        width: calc(18.9333333333 * var(--widthPixel,1vw));
        height: calc(18.9333333333 * var(--widthPixel,1vw));
        font-size: calc(10px + .5333333333vw);
        transform: translate3d(0, 0, 0) !important
    }
}


@media only screen and (max-width: 860px) {
    .s-project_cursor-inner {
        font-size: calc(10px + .5333333333vw)
    }
}


@media only screen and (max-width: 860px) {
    .s-project_cursor--show .s-project_cursor-inner {
        opacity: 0;
        transform: scale(0, 0)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_header {
        display: block;
        width: auto;
        padding-left: 0;
        margin: 0 0 calc(18.4 * var(--widthPixel,1vw)) 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .js-loaded .l-project-detail_header {
        padding-left: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_header header {
        width: auto;
        padding-top: calc(36.2666666667 * var(--widthPixel,1vw));
        margin: 0 calc(4.2666666667 * var(--widthPixel,1vw)) 0 calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_header figure {
        width: calc(var(--widthPixel,1vw) * 100);
        height: calc(var(--heightPixel,1vh) * 100);
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: calc(10.6666666667 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .js-loaded .l-project-detail_header figure {
        width: 100%;
        height: calc(120 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_ttl {
        font-size: calc(10px + 9.0666666667vw);
        letter-spacing: -0.0454545455em;
        margin-bottom: calc(4.8 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_ttl .js-textrowmotion--live {
        margin-bottom: .6em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_role {
        font-size: calc(10px + .2666666667vw);
        margin-bottom: calc(8.5333333333 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info {
        display: none
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info--sp {
        display: block;
        font-size: calc(10px + .5333333333vw);
        margin: calc(-.8 * var(--widthPixel,1vw)) calc(4.2666666667 * var(--widthPixel,1vw)) 0 calc(9.6 * var(--widthPixel,1vw));
        padding: 0 calc(4.2666666667 * var(--widthPixel,1vw)) calc(9.8666666667 * var(--widthPixel,1vw)) calc(3.7333333333 * var(--widthPixel,1vw));
        color: #080808;
        border-left: 1px solid #d8d8d8
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info > div {
        margin: 0 0 calc(2.1333333333 * var(--widthPixel,1vw)) 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-ttl {
        display: inline;
        margin: 0 .3em 0 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-dtl {
        display: inline;
        margin-bottom: calc(3.7333333333 * var(--widthPixel,1vw))
    }

        .l-project-detail_info-dtl br {
            display: none
        }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-link {
        width: auto;
        left: calc(13.6 * var(--widthPixel,1vw));
        font-size: calc(10px + .5333333333vw);
        bottom: -1px
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-link:before {
        width: 4px;
        height: 4px;
        left: 0
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-link:after {
        width: 11px;
        height: 11px;
        right: 5px
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-link a {
        padding: 0 24px 0 17px
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_info-link a:before {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_intro {
        margin: 0 calc(9.6 * var(--widthPixel,1vw));
        padding-bottom: calc(20.5333333333 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_intro p {
        font-size: calc(10px + .8vw);
        line-height: 1.8461538462;
        letter-spacing: .0769230769em;
        padding-bottom: calc(13.0666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_intro-inner {
        width: auto;
        padding: 0;
        margin-bottom: calc(-1.0666666667 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_intro-ttl {
        font-size: calc(10px + 1.8666666667vw);
        line-height: 1.4117647059;
        padding-bottom: calc(8.2666666667 * var(--widthPixel,1vw));
        letter-spacing: .0588235294em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_intro-subttl {
        font-size: calc(10px + 1.3333333333vw);
        line-height: 1.6;
        letter-spacing: .0666666667em
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_intro-subttl:after {
        width: calc(5.3333333333 * var(--widthPixel,1vw));
        margin: calc(3.2 * var(--widthPixel,1vw)) 0 calc(4.8 * var(--widthPixel,1vw)) 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_figure-full {
        display: flex;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        height: calc(49.6 * var(--widthPixel,1vw));
        margin: 0 0 calc(.5333333333 * var(--widthPixel,1vw)) 0;
        padding: 0 calc(13.208 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_figure-column {
        margin: 0 0 calc(.5333333333 * var(--widthPixel,1vw)) 0
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_figure-column-3 figure img {
        border-radius: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_wrap {
        padding: calc(20 * var(--widthPixel,1vw)) 0 0 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_wrap--black .l-project-detail_2col-ttl {
        color: #EEEEEE
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col {
        display: block;
        padding: 0 calc(9.6 * var(--widthPixel,1vw)) calc(21.3333333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col--norev {
        padding-bottom: calc(8.2666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col--norev .l-project-detail_2col-figure {
        margin-bottom: calc(12.2666666667 * var(--widthPixel,1vw))
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col--contleft {
        padding-bottom: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col--contleft .l-project-detail_2col-cont {
        margin: 0
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col-figure-column {
        min-height: calc(60.8 * var(--widthPixel,1vw));
        margin: 0 0 calc(.5333333333 * var(--widthPixel,1vw)) 0
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col-cont {
        width: auto;
        margin: 0;
        padding-bottom: calc(4.8 * var(--widthPixel,1vw));
        font-size: calc(10px + .5333333333vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col-cont p {
        font-size: calc(10px + .8vw);
        line-height: 1.8461538462;
        letter-spacing: .0769230769em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col-ttl {
        font-size: calc(10px + 1.3333333333vw);
        line-height: 1.6;
        letter-spacing: .0666666667em
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_2col-ttl:after {
        width: calc(5.3333333333 * var(--widthPixel,1vw));
        margin: calc(3.2 * var(--widthPixel,1vw)) 0 calc(4.8 * var(--widthPixel,1vw)) 0
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_slide-scroll {
        height: auto;
        margin: 0 calc(9.6 * var(--widthPixel,1vw));
        padding-bottom: calc(20.8 * var(--widthPixel,1vw))
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_slide-scroll ul {
        display: block;
        position: static;
        width: auto !important;
        height: auto;
        transform: translate3d(0, 0, 0) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_slide-scroll li {
        width: auto;
        margin: 0 0 calc(.5333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-wrap {
        padding: 0 0 calc(21.3333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-figure {
        width: auto;
        margin-left: 0;
        padding: 0 calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-figure ul {
        padding-top: calc(37.3333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-figure li {
        width: 43.7%;
        margin: 0 12.6% calc(10.1333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-figure li:nth-of-type(2n) {
        margin-top: calc(-16 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-figure li img {
        border-radius: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-inner {
        display: block;
        margin: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-cont {
        display: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-cont-sp {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        opacity: 1;
        font-size: calc(10px + .5333333333vw);
        padding-bottom: calc(11.7333333333 * var(--widthPixel,1vw));
        margin: 0 calc(9.6 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-cont-sp p {
        line-height: 2;
        letter-spacing: .0833333333em
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_long-cont-inner {
        transform: translate3d(0, 0, 0) !important
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail hr + .l-project-detail_long-wrap {
        padding-top: calc(20.2666666667 * var(--widthPixel,1vw));
        padding-bottom: calc(10.9333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail hr + .l-project-detail_long-wrap .l-project-detail_long-figure {
        padding-top: 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_figure-delay {
        padding: calc(33.0666666667 * var(--widthPixel,1vw)) 0 calc(14.1333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_figure-delay li {
        width: 46.2%;
        margin: calc(-11.7333333333 * var(--widthPixel,1vw)) 7.6% calc(6.1333333333 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_credit {
        padding: calc(21.6 * var(--widthPixel,1vw)) 0 calc(20.8 * var(--widthPixel,1vw)) 0;
        font-size: calc(10px + .2666666667vw)
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_credit ul {
        width: auto;
        display: block
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_credit li {
        margin: 0 0 calc(2.4 * var(--widthPixel,1vw)) 0
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_credit li .role {
        margin-right: 1.2em;
        font-size: calc(10px + 0vw);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_credit p {
        margin-top: calc(7.4666666667 * var(--widthPixel,1vw));
        line-height: 1.6
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_credit-ttl {
        font-size: calc(10px + 1.0666666667vw);
        margin-bottom: calc(8.2666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next .l-next_cursor {
        opacity: 1;
        right: calc(9.0666666667 * var(--widthPixel,1vw));
        bottom: calc(14.1333333333 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next .l-next_cursor-inner {
        opacity: 1;
        transform: none
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-ttl {
        top: calc(16 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-project {
        font-size: calc(10px + 8vw);
        letter-spacing: -0.075em;
        top: calc(65.0666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-figure {
        width: calc(51.2 * var(--widthPixel,1vw));
        height: calc(138.6666666667 * var(--widthPixel,1vw))
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-clip rect {
        width: calc(9.6 * var(--widthPixel,1vw));
        height: 80%
    }
}


@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-clip rect:nth-of-type(1) {
        transform: translate(calc(0 * var(--widthPixel,1vw)), calc(12.5333333333 * var(--widthPixel,1vw))) scale(1, 1);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-clip rect:nth-of-type(2) {
        transform: translate(calc(11.2 * var(--widthPixel,1vw)), calc(6.2666666667 * var(--widthPixel,1vw))) scale(1, 1);
        -webkit-transform-origin: calc(6.4 * var(--widthPixel,1vw)) center;
        transform-origin: calc(6.4 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-clip rect:nth-of-type(3) {
        transform: translate(calc(30.4 * var(--widthPixel,1vw)), calc(6.2666666667 * var(--widthPixel,1vw))) scale(1, 1);
        -webkit-transform-origin: calc(4.8 * var(--widthPixel,1vw)) center;
        transform-origin: calc(4.8 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-clip rect:nth-of-type(4) {
        transform: translate(calc(41.6 * var(--widthPixel,1vw)), 0) scale(1, 1);
        -webkit-transform-origin: calc(6.4 * var(--widthPixel,1vw)) center;
        transform-origin: calc(6.4 * var(--widthPixel,1vw)) center
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail_next-role {
        bottom: calc(26.6666666667 * var(--widthPixel,1vw));
        font-size: calc(10px + .5333333333vw);
        line-height: 1.5
    }
}
@media (max-width: 860px), (max-height: 480px) {
    .l-project-detail .js-scrollaction-active .l-project-detail_next-role {
        transform: translateY(0);
        opacity: 1
    }
}

@media (max-width: 860px), (max-height: 480px) {
    .l-project_fc {
        max-width: 100%;
        height: auto;
    }
    .l-catch_inner {
        position: relative;
        text-align: center;
        margin-left:0;
    }
    .js-scrollaction-image{max-width:100%;height:auto;margin-left:0 !important}
    .l-paragraph-end{min-width:100%;height:80vh}
    .l-paragraph-end_inner {
        margin: 0 0 10vh;
        padding: 0 14vw;
        width: 100vw;
    }
    .l-list-contents_block-ttl .write-en.write-en-ro{top:2vh}
    .l-list-contents_block-ttl-sp{writing-mode:horizontal-tb}
    .l-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 7vh;
        z-index: 99;
        background-color: var(--mainColor);
        border-bottom: 1px solid #DFDFDF;
    }
    .l-nav-logo {
        top: calc(1.75 * var(--heightPixel,1vh));
        left: calc(2.5 * var(--heightPixel,1vh));
        width: calc(15 * var(--heightPixel,1vh));
    }
    .l-nav_btn {
        top: calc(1.75 * var(--heightPixel,1vh));
        right: calc(3 * var(--heightPixel,1vh));
    }
    .l-paragraph-map .l-paragraph_left--w1, .l-paragraph-map .js-scrollaction-image{width:100%}
    .l-list-contents_block-time{position:absolute;right:9.6vw}
    .l-project_fc{margin-left:0}
    .l-list-contents_box {
        padding: 0;
        width: auto !important;
        height: auto;
    }
    .l-music_block-intro .jp,.l-cont-teasalon .jp {
        right: 0;
        left: auto;
        bottom: 5px;
    }
    .l-list-contents_box-ttl .intro {
        position: absolute;
        right: -25%;
    }
    .l-list-contents_box-ttl .ttl {
        font-size: calc(.05 * var(--heightPixel,1vh) * 100);
    }
    .l-list-contents_box-cont {
        width: auto;
        margin-left: 0;
    }
    .l-list-contents_block-cont-inner{height:auto}
    .l-list-contents_block-img {
        width: calc(42.75 * var(--widthPixel,1vw));
        height:auto;
        margin-bottom:1vh
    }
    .l-list-contents_on-cont .l-list-contents_block-img{width:auto}
    .l-list-contents-reverse{flex-direction: row-reverse;}
    .l-eat-p{margin-top:5vh}
    .l-catch_inner-o .l-catch_maintext{font-size: calc(10px + 1.0666666667vw);}
    .l-list-essays{    font-size: calc(4.25 * var(--widthPixel,1vw));}
    .circle{width:16px;height:16px}
    .me-flex{margin-bottom:6vh}
    .l-paragraph-news{margin-left: 0;width: 90vw;margin-bottom:10vh}
    .l-paragraph-pagination{display:none}
    .l-news-tit{width:50vw}
    .l-first_teasalon{width: calc(40.6 * var(--widthPixel,1vw));}
    .l-cont-teasalon .l-paragraph_left-margin{margin-left:0;margin-top:5vh}
    .l-cont-teasalon .l-paragraph_left--w1 p{margin:4vh 0 3vh 0}
    .l-paragraph-ml{margin-left:0}
    .l-cont-teasalon .l-music_block-intro{display:none}
    .l-cont-teasalon .l-list-contents_inner {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding: 0 0 calc(4.266667 * var(--widthPixel,1vw)) 0;
    }
    .l-cont-teasalon .l-list-contents_block-inner {width:81vw;margin-right:16vw}
    .l-cont-teasalon .c-ttl{display:block}
    .l-cont-tour .l-first_logo{width:100vw}
    .l-cont-tour .fadeIn img{width:60vw}
    .l-paragraph_inner {
        display: flex;
        flex-direction: column-reverse;
        align-items: unset;
    }
    .l-paragraph_left--w1{margin-right:0;align-self: unset;margin-bottom:0}
    .l-cont-tour .l-map {
        padding: 0;
        margin-top: -10vh;
    }
    .l-cont-tour .map_image{max-width:100%}
    .l-cont-tour .map_inner{display:none;}
    .l-cont-tour .l-list-contents_block-lead {
        display: block;
        position: relative;
        margin-bottom: 0;
    }
    .l-cont-tour .l-list-contents_block-ttl {
        position: absolute;
        right: 9%;
        top: 4.6vh;
        white-space: nowrap;
    }
    .l-cont-tour .l-list-contents_block-ttl .write-en.write-en-ro{top:100%}
    .l-cont-tour .l-guide{display:none}
    .l-paragraph_left--w1 p{margin-left:0}
    .l-cont-tour .l-music_block-intro .num{top:auto;bottom:3px}
    .l-tit-seal{right:4% !important;left:auto !important}
    .l-cont-tour .l-list-contents_block-cont-inner{flex-direction:column-reverse}
    .l-cont-tour .l-list-contents_block-img{width: calc(39 * var(--widthPixel,1vw));}
    .l-cont-tour .no-pos{position:unset;width:100%;margin:2rem 0 4rem}
    .l-cont-tour .l-music_block-intro {
        position: relative;
        width: auto;
        height: auto;
        padding: 0 0 5px;
        border-left: none !important;
        writing-mode: horizontal-tb;
        border-bottom: 1px solid;
    }
    .map{transform:scale(1)}
    .map-inner-btn{display:block;}
    .l-cont-tour .l-list-contents_block{border-bottom:0;width:auto !important}
    .l-cont-tour .l-project{order:-1}
    .l-cont-tour .l-list-contents_block-cont-inner p{writing-mode:horizontal-tb}
    .l-cont-tour .me-flex{justify-content:space-between;margin-top:3vh}
    .l-paragraph-journey {
        padding: calc(30.333333 * var(--widthPixel,1vw)) calc(9.6 * var(--widthPixel,1vw));
    }
    .l-paragraph_center {
        margin: auto;
        padding: 5vh 0;
    }
    .l-cont-volunteer .l-list-contents_block .l-list-contents_block-img{width:100%}
    .l-cont-volunteer .l-catch_maintext{font-size: calc(10px + 1.0666666667vw);}
    .l-cont-volunteer .l-list-contents_box-inner {
        justify-content: space-between;
        padding-left: 0;
        padding-top: 10vh;
    }
    .l-cont-volunteer .l-list-contents{flex-direction:column}
    .l-cont-volunteer .l-catch_maintext .innerline.js-textrowmotion--active:before{display:none}
    .l-cont-volunteer .l-list-contents_box-ttl{position:relative}
    .l-list-contents-reverse .l-list-contents_box-ttl .intro{right:82%}
    .l-cont-volunteer .l-list-contents_box .l-list-contents_block-cont-inner{margin-bottom:2vh}
    .l-nav_wrap li .jp{width:auto}
    .l-nav_wrap li .sp {
        margin: 0 10px;
        height: 1px;
    }
    .l-nav_wrap li a{flex-flow:nowrap}
    .l-cont-forum .l-project {
        display: flex;
        justify-content: space-between;
    }
    .l-cont-home .l-list-contents_block-img{width:100%}
    .l-list-contents_block-img img{height:auto}
    html, body {
        position: relative;
        overflow: auto;
        width: 100%;
        height: auto;
    }
    .l-cont-wrap_back{display:none}
    .l-paragraph-journey {
        background: url('../Images/tour/2-5.jpg')no-repeat center;
        background-size:cover
    }
    .l-cont-article .l-paragraph {
        flex-direction: row-reverse;
        padding-right: 21.6%;
    }
    .l-cont-article .l-paragraph-left {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        width: 12%;
        background: #fff;
        z-index: 1;
        border-left: 1px solid #d9d9d9;
        overflow: hidden;
        padding:0;
        transform-origin: right;
        transition: width 1s cubic-bezier(0.39, 0.1, 0, 1);
    }
    .l-cont-article .l-paragraph-left.active{width:80%;}
    .l-cont-article .l-paragraph-left.active .l-list-essays-item{border-bottom: 1px dashed;}
    .l-cont-article .l-paragraph-left-inner {
        padding-left: 3rem;
        width: 80vw;
        position: absolute;
        right: 0;
        bottom: 0;
        padding-top: 12vh;
    }
    .l-cont-article .l-list-essays-item {
        padding: 1vh 0;
    }
    .l-cont-article .l-music_block-intro{display:none}
    .l-cont-article .l-paragraph-right{width:auto;padding:0}
    .l-cont-article .table-btn {
        position: absolute;
        width: 1rem;
        right: 2.5vh;
        top: 10vh;
        line-height: 1.15;
        display:block;
    }
    .l-cont-article .l-paragraph-left.active .open-btn,.close-btn{display:none}
    .l-cont-article .l-paragraph-left.active .close-btn{display:block}
    .sp-map {
        z-index: 97;
        position: fixed;
        width: 100%;
        height: calc(100% - 7vh);
        top: 7vh;
        left: -100%;
        background: #d1d1d1;
        padding: 6vh 9vw;
    }
    .sp-map .swiper-container .swiper-slide{line-height:0}
    .sp-map-show-con {
        line-height: 1;
        padding: 4vh 7vw;
        text-align: justify;
        height: 32vh;
        background:#fff
    }
    .sp-map-show-desc {
        font-size: 15px;
        line-height: 1.5;
    }
    .sp-map-head {
        display: flex;
        justify-content: space-between;
        color: #fff;
        margin-bottom: 3vh;
        align-items: center;
    }
    .sp-map-head p{font-size:10px}
    .sp-map-closeBtn {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        padding: 8px 25px;
        border-radius: 20px;
    }
    .sp-map-show-sub{margin-top:7vh}
    .sp-map-show-sub .swiper-slide{opacity:.6}
    .sp-map-show-sub .swiper-slide-thumb-active {
        opacity: 1;
    }
    .l-tit-seal{width:27px}
    .l-first_pic{display:none !important}
    .salon-sp-end{display:block}
    .touch-more{display:block}
    .l-list-contents_on-inner{
        flex-direction:column
    }
    .l-list-contents_on-lead {
        flex-wrap: nowrap;
        margin-bottom: 6vh;
    }
    .l-list-contents_on-ttl{text-align:left}
}