/* ====(((( 個別定義 ))))===== */


/*PC背景*/
@media screen and (min-width:767px){
    .bg_deco00 { z-index:-9; position:absolute; top:200px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
    .bgtop01 { z-index: -8; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1156px; background-repeat:no-repeat; background-position:center top; }
    .bgtop_repeat { z-index:-30; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
    .bgtop_fixed { z-index:-10; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
    }
    
    

/*LOGO*/
.momo_logo{position: relative;top:0;left: 0;z-index: 10;}
@media screen and (max-width:767px){
.momo_logo{position: relative;top: 0;left: 0w;width: 100%;z-index: 9;}
}


@media screen and (min-width: 768px) {
    .Area_bgtop {
        left: 50%;
        transform: translateX(-50%);
        width: 2000px;
    }

    .Area_bgtop {
        pointer-events: none;
        z-index: -1;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }


    .Area_hero-visual_003[org="1"]:is(.Area_hero--title), .Area_hero-visual_003[org="1"] .Area_hero--title {
        width: 100%;
        top: 10%;
        left: 0%;
        z-index: 1;
    }   

    .Area_hero-visual_003[org="1"]:is(.Area_hero--subtitle), .Area_hero-visual_003[org="1"] .Area_hero--subtitle {
        width: 100%;
        top: 30%;
        left: 2%;
        z-index: 3;
    }



}