.news_pickup{
    display:flex;
    z-index:0;
}

.fv_triangle_box{
    pointer-events: none;
}


body  #loading_txt{
    display:block;
    position:absolute;
    left:50%;top:49.6%;
    transform:translate(-50%,calc(-250% - 0px));
    animation-name:none;
    animation-duration:3.5s;
    animation-fill-mode: both;
    opacity:0;
    transition-duration:0.6s;
    transition-delay:0s;
    
}
@media only screen and (max-width: 540px) {
		body  #loading_txt{
    		left:50%;top:50.7%;
		}
}
@keyframes appdisp{
    0%{opacity:0;transform:translate(-50%,calc(-200% - 0px));}
    20%{opacity:1;transform:translate(-50%,calc(-300% - 0px));}
    80%{opacity:1;transform:translate(-50%,calc(-300% - 0px));}
    100%{opacity:0;transform:translate(-50%,calc(-300% - 0px));}
}
    #loading_txt img{
    transition-duration:0.6s!important;
}


 .start #loading_txt{
    transform:translate(-50%,calc(-250% - 0px));
    
     animation-name:appdisp;
 }


.time1 .fv_triangle_box div.bg1{
    background-image:url(/assets/img/top/intro_train_01_pc.webp)
} 
.time1 .fv_triangle_box div.bg2{
    background-image:url(/assets/img/top/intro_bedroom_01_pc.webp)
} 
.time1 .fv_triangle_box div.bg3{
    background-image:url(/assets/img/top/intro_car_01_pc.webp)
}  
.time2 .fv_triangle_box div.bg1{
    background-image:url(/assets/img/top/intro_train_02_pc.webp)
} 
.time2 .fv_triangle_box div.bg2{
    background-image:url(/assets/img/top/intro_bedroom_02_pc.webp)
} 
.time2 .fv_triangle_box div.bg3{
    background-image:url(/assets/img/top/intro_car_02_pc.webp)
}  
.time3 .fv_triangle_box div.bg1{
    background-image:url(/assets/img/top/intro_train_03_pc.webp)
} 
.time3 .fv_triangle_box div.bg2{
    background-image:url(/assets/img/top/intro_bedroom_03_pc.webp)
} 
.time3 .fv_triangle_box div.bg3{
    background-image:url(/assets/img/top/intro_car_03_pc.webp)
}  
.time4 .fv_triangle_box div.bg1{
    background-image:url(/assets/img/top/intro_train_04_pc.webp)
} 
.time4 .fv_triangle_box div.bg2{
    background-image:url(/assets/img/top/intro_bedroom_04_pc.webp)
} 
.time4 .fv_triangle_box div.bg3{
    background-image:url(/assets/img/top/intro_car_04_pc.webp)
}  
@media only screen and (max-width: 540px) {
    .time1 .fv_triangle_box div.bg1{
        background-image:url(/assets/img/top/intro_train_01_sp.webp)
    } 
    .time1 .fv_triangle_box div.bg2{
        background-image:url(/assets/img/top/intro_bedroom_01_sp.webp)
    } 
    .time1 .fv_triangle_box div.bg3{
        background-image:url(/assets/img/top/intro_car_01_sp.webp)
    }  
    .time2 .fv_triangle_box div.bg1{
        background-image:url(/assets/img/top/intro_train_02_sp.webp)
    } 
    .time2 .fv_triangle_box div.bg2{
        background-image:url(/assets/img/top/intro_bedroom_02_sp.webp)
    } 
    .time2 .fv_triangle_box div.bg3{
        background-image:url(/assets/img/top/intro_car_02_sp.webp)
    }  
    .time3 .fv_triangle_box div.bg1{
        background-image:url(/assets/img/top/intro_train_03_sp.webp)
    } 
    .time3 .fv_triangle_box div.bg2{
        background-image:url(/assets/img/top/intro_bedroom_03_sp.webp)
    } 
    .time3 .fv_triangle_box div.bg3{
        background-image:url(/assets/img/top/intro_car_03_sp.webp)
    }  
    .time4 .fv_triangle_box div.bg1{
        background-image:url(/assets/img/top/intro_train_04_sp.webp)
    } 
    .time4 .fv_triangle_box div.bg2{
        background-image:url(/assets/img/top/intro_bedroom_04_sp.webp)
    } 
    .time4 .fv_triangle_box div.bg3{
        background-image:url(/assets/img/top/intro_car_04_sp.webp)
    } 
}
.fv_triangle_txt,
.fv_triangle_txt02{
    transition-property:opacity;
    transition-duration:0.5s;
    z-index:9;
	transition-delay:1s;
	opacity:0;
}
.fv_triangle_txt{
    z-index:11;
	
}
.loadend .fv_triangle_txt{
    opacity:1;
}

#loading.loaded.small + #fv_wrap .fv_triangle_txt {
  opacity: 0;
transition-delay:0s;
transition-duration:0.6s;
}


body .intro02 .fv_triangle_box{
    mask-size:	100% 100%, 19.45vw;
    transition-duration:2.5s;
    transition-property: mask-size,opacity,mask-position,transform;
		mask-position: 53% 46%;
		transition-timing-function:ease-in-out,ease-in-out,linear,ease-in-out;
}
@media only screen and (max-width: 764px) {
    body .intro02 .fv_triangle_box{
      mask-size:100% 100%, 43%;
    }
}
@media only screen and (max-width: 540px) and (max-height: 604px) {
    body .intro02 .fv_triangle_box{
      mask-size:100% 100%, 45%;
      mask-position: 55% 44%;
    }
}
body .intro02 .fv_triangle_box.mask1{
    mask-size:100% 100%,500%;
    transform: translateX(0);
	transition-duration:2.5s;
}
body .intro02 .fv_triangle_box.mask2{
    mask-size:100% 100%,calc(110px / 100vw * 100%);
	 transition-duration:2.5s;
}


/*append*/
#fv_wrap .fv_container .fv_container_inner
{
	opacity:0;
	transition-duration:0.6s;
	transition-property:opacity;
	position:relative;
	height:100%;
	width:100%;
}

#fv_wrap.loadend .fv_container  .fv_container_inner
{
opacity:1;
}

/*append*/
.fv_triangle_box.mask1{
    transition-property: mask-position,mask-size,opacity!important;
    mask-position:0% 0%,50% 50%;
    
}
body .intro02 .fv_triangle_box.mask2{
	
    mask-position:0% 0%,50% 48%;
    mask-size:100% 100%,calc(150px / 100vw * 100%)!important;
}





@media only screen and (max-width: 1024px) {
body .intro02 .fv_triangle_box.mask2{
    /*mask-position:0% 0%,50% calc(22% + 8vw);
    mask-size:100% 100%,13%!important;*/
	mask-position:0% 0%,50% 48%;
    mask-size:100% 100%,13vh!important
}


}
@media only screen and (max-width: 764px) {
		body .intro02 .fv_triangle_box.mask2{
/*
    mask-size:100% 100%,18%;
*/
	    mask-size:100% 100%,13%;
		mask-position:0% 0%,51% 49%;
	    transform: translateX(0);
		}
}




@media only screen and (max-width: 540px) {
body .intro02 .fv_triangle_box.mask2{
    /*mask-position:0% 0%,51.5% 33.8%;*/
	
	
    mask-position:0% 0%,50% calc(15% + 21vw);
	mask-size:100% 100% ,13%!important;
	
}
}

@media only screen and (max-width: 540px) and (min-height: 836px){
body .intro02 .fv_triangle_box.mask2{
	
	mask-position:0% 0%,50% calc(20.6% + 21vw);
	
}
}
.circle span{
background:#fff!important;
animation-name:hamon2!important;
animation-duration:5.66s;
animation-fill-mode:both;
}
.circle{
overflow:visible!important;
}
.circle span,.circle3 span,.circle4 span,.p_circle span{
opacity:0;
}

.circle span:nth-child(1){
            animation-delay:0s;
        }
          .circle span:nth-child(2){
            animation-delay:0.8s;
        }
            .circle span:nth-child(3){
            animation-delay:1.6s;
        }
.circle span:nth-child(4){
            animation-delay:2.4s;
        }
  .circle span:nth-child(5){
            animation-delay:3.2s;
        }       

@keyframes hamon2{
            0%{
                opacity:0;
                transform:translate(-50%,-50%) scale(0.1);
            }
            10%{
                opacity:1;
            }
            100%{
                opacity:0;
                transform:translate(-50%,-50%) scale(1);
            }
        }

.btn_skip{
	pointer-events:all;
	transition-duration:0.6s;
	transition-delay:0.6s;
}
.menu_button,.nav_content.active,.gnav{
	pointer-events:all;
}

.fv_sound{
overflow:visible;
height:50px;
}


/*sp nav*/
.nav li{
opacity:0;
transform:translateY(50%);
transition-duration:0.5s;
transition-delay:0.1s;
}

.active .nav li{
opacity:1;
transform:none;
}
.nav li:nth-child(2){
transition-delay:0.2s;
}
.nav li:nth-child(3){
transition-delay:0.3s;
}
.nav li:nth-child(4){
transition-delay:0.4s;
}
.nav li:nth-child(5){
transition-delay:0.5s;
}
.nav li:nth-child(6){
transition-delay:0.6s;
}

.fv_triangle_box.intro06{
	pointer-events:none;
}
.fv_triangle_box.intro06.mask1{
	pointer-events:all;
	transition-duration:2.5s;
}


.fv_scroll .circle3{
	width:30px;
	aspect-ratio:1;
	position:absolute;
	left:0;
	top:0;
	opacity:1;
	top: 0;
  left: 50%;
  transform: translate(-50% , -50%);
  animation: scroll 3.6s infinite linear;
  z-index:1;
}
@media only screen and (max-width: 764px) {
	.fv_scroll .circle3{
		width:15px;
	}
}
.fv_scroll .circle3 span{
	animation-name:hamon2;
	background:#fff;
}
.wave1 svg{
	position:relative;
	width:100%;
}
.fv_triangle_bg{
	
	mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%) , linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);
	mask-composite:intersect;
}

.fv_side_character_box{
	transform:translateX(100%);
	opacity:1;
	transition-property:opacity,transform;
	transition-duration:0.9s;
	
}
.fv_side_character_box.on{
	transform:none;
	opacity:1;
}

.fv_side_character_bubble{
	transform:translateY(30%);
	opacity:0;
	transition-property:opacity,transform;
	transition-duration:0.4s;
	transition-delay:0.7s;

}

.fv_side_character_box.on .fv_side_character_bubble{
	transform:none;
	opacity:1;
	
}

@media only screen and (min-width: 1200px) {
.menu_button{
	display:none!important;
}
}
.modal_inner01_01 a,.modal_inner02 .pc a{
	color:inherit;
	text-decoration:underline;
}
.content_area_list .triangle .photo img{
	object-fit:cover;
}