.p-top-section-mv__content,
.p-top-section-mv__content span{

}
.c-casestudy-index__item__title-en{
    font-size: 32px;
    font-weight: bold;
}
.c-casestudy-index__item__title-en:before {
top: 19px;

}


.p-top-section-mv { 

    background-color: #000;
    overflow: hidden;
}
canvas {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFA500!important;
    font-size: 24px;
    text-align: center;
    max-width: 100%;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 2s;
    max-width: 80vw;
}
.animated-text {
    display: inline-block;
    opacity: 0;
    font-weight: bold;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
    color: #FFA500!important;
}
.p-top-section-mv__content, .p-top-section-mv__content span{
     line-height: 1.8;
}


.l-header{
    background-color: transparent;
}

.l-header__scrolldown>span{
    display: none;
}

.l-main{
    margin-left: 0;
}

.p-top-section-mv__content__text{
    padding: 0 8vw;
    padding-top: 40px;
}

.p-top-section-mv__news__item{
    padding-left: 10vw;
}

.c-black-button:before{
    background-color: #4ed4df;
}

#text-overlay{
    display: none!important;
}

#twlink{
    position: fixed;
    right: 15px;
    bottom: 70px;
    z-index: 10;
    width: 60px;
}

@media (max-width:782px) {
    #text-overlay {
        max-width: 100%;
    }
    .p-top-section-mv__news__item{
        padding-left: 0vw;
    }

}





/* ダークモード（デフォルト） */
:root,
:root[data-theme="dark"] {
    --bg-primary: #0d0d0d;
    --bg-secondary: #000;
    --bg-tertiary: #101111;
    --bg-overlay: rgb(30 31 32 / 75%);
    --bg-footer: #fff;
    
    --text-primary: #fff;
    --text-secondary: #ccc;
    --text-tertiary: #999;
    --text-quaternary: #666;
    --text-footer: #999;
    
    --border-primary: #101111;
    --border-secondary: #d3d3d3;
    --border-tertiary: #dfdfdf;
    
    --accent-primary: #4ed4df;
    --accent-secondary: #fcc800;
    --accent-tertiary: #274a9d;
    --accent-quaternary: #97e4da;
    
    --header-bg: #000;
    --header-text: #fff;
    --header-border: #101111;
    
    --menu-bg: rgb(30 31 32 / 75%);
    --menu-text: #fff;
    --menu-hover-bg: #4ed4df;
    --menu-hover-text: #fff;
    
    --scrolldown-text: #999;
    --scrolldown-text-hover: #fff;
    --scrolldown-bg: #000;
}

/* トップページのヘッダーをダーク固定にする */
:root[data-theme="light"] .l-header--dark-fixed {
    background: transparent; !important;
    border-right-color: #101111 !important;
}

.l-header__sitelogo,
.l-header__sitelogo a,
.l-header__gnav__toggler > span,
.l-header__gnav__overlay,
.l-header__gnav__overlay a,
.l-header__scrolldown,
.l-header__pagetop {
    color: #ffffff !important;
}

:root[data-theme="light"] .l-header--dark-fixed .l-header__gnav__overlay {
    background-color: rgb(30 31 32 / 75%) !important;
}

.is-top-page{ background-color: #000 !important;}

.is-top-page .l-header--dark-fixed .l-header__gnav .l-header__gnav__toggler{
     background-color: #000 !important;
}


.theme-switcher svg {
    fill: #fff!important;
    stroke: #fff!important;
}

.l-header--dark-fixed{
    background: transparent!important;

}

.c-black-button{
    color: var(--accent-secondary)!important;

}

.c-black-button:hover{
    color: #000!important;
}