.mo_br { display: none; }

.sv_visual {position: relative; width: 100%; height:  31.25rem; display: flex; align-items: center; justify-content: center;  overflow: hidden; margin-top: 5.5rem;}
.sv_visual .bgImg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;   z-index: 1;}
.sv_visual .inner {position: relative; z-index: 2; width: 100%; color: #fff;  max-width: 1200px; padding: 0 1.25rem; text-align: center;}
.sv_visual .txts .tit01 {font-size: 2.8125rem; font-weight: 700;   }
.sv_visual .txts .txt01 {font-size: 1.0625rem; font-weight: 400;  line-height: 1.6;  margin-top: 3rem;}

.sv_visual .bgImg { position: absolute; z-index: -1; top: 0; left: 0; transform: scale(1.1); width: 100%; height: 100%; animation: sub-top-view-bg forwards 3s 0.5s ease-in-out;}
@keyframes sub-top-view-bg {
	0% {
		transform:perspective(500px) scale(1.1) rotate(.001deg); 
		-webkit-transform:perspective(500px) scale(1.1) rotate(.001deg);  
		-moz-transform:perspective(500px) scale(1.1) rotate(.001deg);  
		-ms-transform:perspective(500px) scale(1.1) rotate(.001deg);  
		-o-transform:perspective(500px) scale(1.1) rotate(.001deg);
	}
	100% {
		transform:perspective(500px) scale(1) rotate(.001deg); 
		-webkit-transform:perspective(500px) scale(1) rotate(.001deg);  
		-moz-transform:perspective(500px) scale(1) rotate(.001deg);  
		-ms-transform:perspective(500px) scale(1) rotate(.001deg);  
		-o-transform:perspective(500px) scale(1) rotate(.001deg);
	}
}


@media (max-width: 1440px) {
}
@media (max-width: 1280px) {
    .pc_br { display: none; }
    .mo_br { display: block; }

}
@media (max-width: 960px) {

}

@media (max-width: 768px) {
 

	.sv_visual {margin-top: 4.5rem;}

}   

#sub12_sect01,#comm_sect01,.secVisual{margin-top:127px;}

@media (max-width: 1024px) {
	#sub12_sect01,#comm_sect01,.secVisual{margin-top: 19vw;}
}