@charset 'utf-8';

@import url(https://cdn.jsdelivr.net/npm/@noonnu/kohi-baeum-otf@0.1.0/index.min.css);
/* */

.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: 46%; 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 .txt { text-align: center; color: #fff;}
.visual-text .txt .p1 { font-size: 2.4rem; line-height: 1; letter-spacing: 1.8em; }
.visual-text .txt .p2 { padding: 2.5rem 0 2rem; font-size: 6rem;font-family:KOHIBaeumOTF;  font-style: italic; line-height: 1;}
.visual-text .txt .p2 b { font-weight: 400; color: #ffb400;}
.visual-text .txt .p3 { font-size: 3rem; line-height: 1.5;}

.scroll-down { position:absolute; z-index: 10; font-size: 1.6rem; color: #fff !important; font-weight: 300; bottom:5rem; left:50%; transform: translateX(-50%);}

@media(max-width:1100px){    
    .visual-text .txt .p3{ font-size: 2.4rem;}
}
@media(max-width:991px){    
    .visual-text { top: 48%;}
    .visual-text .txt .p2 { font-size: 5.6rem;}
    .visual-text .txt .p3{ font-size: 2.2rem;}
}
@media(max-width:768px){    
    .visual-text { top: 52%;}
    .visual-text .txt .p1 { font-size: 2rem;}
    .visual-text .txt .p2 {padding: 3rem 0 2rem; font-size: 4.2rem;}
    .visual-text .txt .p3{ font-size: 1.7rem;}
    .scroll-down { display: none;}
}
@media(max-width:576px){    
    .visual-text { top: 56%;}
    .visual-text .txt .p1 {  letter-spacing: 1.5em;}
    .visual-text .txt .p2 {font-size: 3.9rem;}
    .visual-text .txt .p3{ font-size: 1.8rem;}
    .visual-text .txt .p3 br { display: none; }    
}
@media(max-width:480px){    
    .visual-text { top: 58%;}
    .visual-text .txt .p1 {  letter-spacing: 1.0em;}
    .visual-text .txt .p2 {font-size: 5rem; line-height: 1.2;}
    .visual-text .txt .p3{ font-size: 1.8rem;}
    .visual-text .txt .p3 br { display: none; }    
}


 @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;}
} */