/*-- Marquee container styles --*/
.scroll-text{
    position:relative;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
}
.scroll-text .marquee-content{
    position:relative;
    display:flex;
    align-items:center;
}
.scroll-text .text-wrap{
    display:flex;
    position:relative;
    white-space:nowrap;
}
.scroll-text .text-wrap h3{
    font-size:10vw;
    font-weight:var(--font-w-black);
    color:var(--secondary-color);
    line-height:1;
    letter-spacing:-.015em;
    padding-right:2vw;
}
.scroll-text .no-select,
.scroll-text-opposite .no-select{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
/*-- page-hero --*/
.p-hero{
    height:9.38rem;
    background:url(../img/top/sp-main-visual-pattern.png) var(--secondary-color) center / cover no-repeat;
    border-bottom:.063rem solid var(--primary-color);
    overflow:hidden;
}
.p-hero > div{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.p-hero h2{
    font-weight:var(--font-w-black);
    text-align:center;
}
.p-hero h2 span{
    display:block;
}
.p-hero h2 .en{
    font-family:var(--ab-omusubi);
    color:var(--orange);
}
/*-- media query 48rem --*/
@media screen and (min-width:48rem){
    .scroll-text,
    .scroll-text-opposite{
        height:100%;
    }
    .scroll-text .text-wrap h3{
        font-size:6vw;
        padding-right:0;
    }
    .scroll-text .marquee-content,
    .scroll-text-opposite .marquee-content{
        height:100%;
        flex-direction:column;
        gap:1.25rem;
    }
    .scroll-text-opposite .marquee-content{
        flex-direction:column-reverse;
    }
    .scroll-text .text-wrap,
    .scroll-text-opposite .text-wrap {
        flex-shrink:0;
        position:relative;
        height:auto;
        writing-mode:vertical-lr;
        text-orientation:mixed;
        white-space:nowrap;
    }
    .scroll-text h3,
    .scroll-text-opposite h3{
        writing-mode:vertical-lr;
        text-orientation:mixed;
        white-space:nowrap;
        transform-origin: center;
    }
    .p-hero{
        background:url(../img/top/main-visual-pattern.png) var(--secondary-color) center / cover no-repeat;
    }
}
/*-- media query 80rem --*/
@media screen and (min-width:80rem){

}