@charset 'utf-8';



.carousel-control-prev, .carousel-control-next { display: none;}


.carousel { position: relative;}
.carousel img {max-width: 100%;}
.carousel p { word-break: keep-all;}

.carousel .img-item { background: no-repeat center / auto 140%; animation:bg-size1 4s 1 ease-in-out both}

.visual-text { position: absolute; left: 50%; top: calc(50% - 50px); transform: translate(-50%, -50%); z-index: 2; padding: 0 10px; width: 100%; max-width: 1320px; line-height: 1.5; color: #fff; line-height: -0.02em; color: #fff;}

.visual-text p { position: relative; text-align: center; line-height: 1.3; animation:fadeInLeft 1.3s 1  ease-in-out both}
.visual-text p span { display: inline-block;}
.visual-text .p1 {  font-size: 3rem; font-weight: 700; color: #00d805; animation-delay:.5s; }
.visual-text .p2 { padding: 2.5rem 0 3.5rem; font-size: 4.8rem; color: #fff;  animation-delay:1.5s;}
.visual-text .p2 b { font-weight: 800;}
.visual-text .p3 {font-size: 3.5rem; color: #fff; animation-delay:2.5s;  }

.scroll-down { position:absolute; z-index: 10; bottom:5rem; left:50%; transform: translateX(-50%);}

@keyframes bg-size1 {
    0% {background-size: auto 140%;}
    100% { background-size: auto 120%;}    
}
@keyframes fadeInLeft {
    0% { opacity: 0; left: -20%;}
    100% { opacity: 1; left: 0;}
}



@media (max-width:991px){    
    .visual-text { top: 50%;}

    .scroll-down { display: none;}
}
@media (max-width:768px){        
    .visual-text .p1 { font-size: 2.5rem;}
    .visual-text .p2 { font-size: 4.3rem;} 
    .visual-text .p3 { font-size: 3rem;}
}
@media (max-width:576px){       
    .visual-text .p1 { font-size: 2rem;}
    .visual-text .p2 { font-size: 4rem;} 
    .visual-text .p3 { font-size: 2.7rem;}
    
}
@media (max-width:440px){       
    .visual-text p span { display: inline;}    
    .visual-text .p2 { font-size: 3.4rem;} 
    .visual-text .p3 { font-size: 2.2rem;}
}