@charset "utf-8";
#MainVisual{position:relative;width:100%;height:650px}
#MainVisual .main{width:100%;height:100%}
#MainVisual .main ul li{width:100%;height:100%;background:url(/sh_img/index/main_banner/main_banner_01.jpg);background-repeat:no-repeat;background-size:cover;object-fit:cover}
#MainVisual .main ul .bg02{background:url(/sh_img/index/main_banner/main_banner_02.jpg);background-size:cover}
#MainVisual .main ul .bg03{background:url(/sh_img/index/main_banner/main_banner_03.jpg);background-size:cover}
#MainVisual .main li .txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#MainVisual .main li .txt b{font-size:18px;font-weight:100;color:#fff;font-family:'Katuri'}
#MainVisual .main li .txt p{padding-top:25px;font-size:55px;line-height:1.3;color:#fff;font-family:'Katuri'}
#MainVisual .pager{display:flex;align-items:center;justify-content:center;gap:25px;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);z-index:50}
#MainVisual .pager span{width:8px;height:8px;border-radius:100%;background:rgba(255, 255, 255, 0.8)}

@media(max-width:1260px){
#MainVisual .main li .txt{width:100%;padding:0 20px}
#MainVisual .main li .txt p{white-space:normal}
}
@media(max-width:768px){
#MainVisual{height:450px}
#MainVisual .main li .txt p{font-size:42px}
}
@media(max-width:480px){
#MainVisual .main li .txt p{padding-top:20px;font-size:35px}
#MainVisual .main li .txt b{font-size:16px}
}
@media(max-width:380px){
#MainVisual{height:380px}
#MainVisual .main li .txt p{font-size:26px}
#MainVisual .main li .txt b{font-size:14px}
}