@charset "utf-8";

/* slide */
#main_banner{position:relative;width:100%}
#main_banner .b_tit{position:absolute;left:50%;z-index:10;top:200px;width:100%;max-width:var(--main-size);color:#fff;transform:translateX(-50%)}
#main_banner .b_tit h1{position:relative;display:flex;justify-content:space-between;font-size:70px;text-transform:uppercase;font-family:var(--e-font)}
#main_banner .b_tit h1:after{position:absolute;content:'';top:50%;left:40%;width:450px;height:1px;opacity:.5;background:#fff}
#main_banner .main_bnr{height:950px;color:#fff;background:#111}
#main_banner .main_bnr li{position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:150px;background-size:cover;background-position:center}
#main_banner .main_bnr li:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
#main_banner .main_bnr .img01{background-image:url('./img/main_banner_01.jpg')}
#main_banner .main_bnr .img02{background-image:url('./img/main_banner_02.jpg')}
#main_banner .main_bnr .img03{background-image:url('./img/main_banner_03.jpg')}

#main_banner .main_bnr .txt_box{position:relative;z-index:10;text-align:center}
#main_banner .main_bnr .txt_box p{font-size:30px;font-family:var(--e-font)}
#main_banner .main_bnr .txt_box div{margin-bottom:15px;font-size:20px;font-weight:500}
#main_banner .main_bnr .txt_box a{color:#fff}
#main_banner .main_bnr .txt_box a span{border:1px solid #fff}
#main_banner .main_bnr .txt_box a:hover span{color:var(--primary);background:#fff}

#main_banner .lt_area{border-bottom:1px solid #e1e1e1}
#main_banner .lt_area .inner{display:flex;justify-content:space-between;max-width:var(--main-size);margin:0 auto;padding:20px 0;color:#111}
#main_banner .lt_area .fix span{display:flex}
#main_banner .lt_area svg{width:18px}
#main_banner .lt_area .name{font-size:16px;font-weight:600}
#main_banner .lt_area .fix{display:inline-flex;align-items:center;gap:25px}
#main_banner .lt_area .fix:after{display:inline-block;content:'';width:1px;height:10px;background:#e1e1e1}
#main_banner .lt_area .roll{display:flex;align-items:center;overflow:hidden;width:82%;height:30px}
#main_banner .lt_area .roll a{display:flex;justify-content:space-between;font-size:16px}
#main_banner .lt_area .roll a span{font-weight:500}
#main_banner .lt_area .arrow{display:flex;align-items:center;gap:15px}
#main_banner .lt_area .arrow:before{display:inline-block;content:'';width:1px;height:10px;background:#e1e1e1}
#main_banner .lt_area .arrow span{display:flex;cursor:pointer}