@charset 'utf-8';
:root {
    --ti-cursor-margin-left:1em;
}
.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 { animation:bg-size 10s 1 both}
.carousel .visual-text { position: absolute; left: 50%; top: calc(50% ); transform: translate(-50%, -50%); z-index: 2; padding: 0 10px; width: 100%; max-width: 1320px; line-height: 1.5; color: #fff; }
.carousel .visual-text .p1 { font-size: 65px; font-weight: 700; line-height: 1.230; text-transform: uppercase; font-family: 'GmarketSans'; }
.carousel .visual-text .p2 { padding: 30px 0 50px; font-size: 35px; font-weight: 700; line-height: 1.457; }
.carousel .visual-text .go { display: flex; justify-content: center; align-items: center; width: 300px; height: 60px; color: #fff; font-size: 18px;  background: #f05700; animation:fadeInLeft 2s 1 4.3s both}


.typed-cursor {
    display: none;
}

@media(max-width:991px){
    .carousel .visual-text .p1 { font-size: 58px;}
    .carousel .visual-text .p2 { font-size: 32px;}
    .carousel .visual-text .go { width: 260px; height: 56px;}
}
@media(max-width:768px){
    .carousel .visual-text .p1 { font-size: 42px; line-height: 1.4;}
    .carousel .visual-text .p2 { font-size: 24px;}
    .carousel .visual-text .go { width: 220px; height: 52px;}
}
@media(max-width:576px){
    .carousel .visual-text .p1 { font-size: 32px; }
    .carousel .visual-text .p2 { padding: 20px 0 40px ; font-size: 19px;}
    .carousel .visual-text .go { width: 160px; height: 44px; font-size: 15px;}
}
@media(max-width:440px){
    .carousel .visual-text { text-align: center;}
    .carousel .visual-text .p1 { font-size: 30px;}
    .carousel .visual-text .p1 br { display: none;}
    .carousel .visual-text .p2 { font-size: 18px;}
    .carousel .visual-text .go { margin: 0 auto 0; width: 140px; height: 40px; font-size: 15px;}
}


@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@keyframes bg-size {
    0% { background-size: auto 125% ;}
    100% { background-size: auto 105%}
    
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateY(20px);}
    100% { opacity: 1;transform: translateY(0px);} 
    
}