@charset "utf-8";
#main_banner{position:relative;width:100%;height:100vh}
#main_banner h1 span{opacity:0;filter:blur(10px);transform:scale(0.6);line-height:0.8;font-size:24vw;font-weight:700;font-family:var(--e-font);color:rgb(0, 0, 0, 0.15)}
#main_banner .intro_gsap{overflow:hidden;position:relative;padding:100px 5% 0;width:100%;height:100vh}
#main_banner .ripples{position:absolute;z-index:1;top:50%;left:50%;width:100%;height:100vh;transform:translate(-50%, -50%);filter:brightness(1)}
#main_banner .ripples > div{position:relative;opacity:1;filter:blur(10px);width:100%;height:100%;transform:scale(1);filter:brightness(1);background-image:url('./main_banner01.jpg');background-position:50% 16%;background-size:cover;mask-repeat:no-repeat;mask-position:center;mask-size:38%}
#main_banner .copy_info{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:90%;z-index:9999}
#main_banner .copy_info > div{display:flex;justify-content:space-between;align-items:center}
#main_banner .copy_info > div:first-child{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ffffff94}
#main_banner .copy_info h2 span{opacity:0;transform:translateY(100%);font-size:28px;font-weight:700;font-family:var(--e-font);color:#fff}
#main_banner .copy_info span{opacity:0;transform:translateY(100%);font-size:20px;font-weight:400;font-family:var(--e-font);color:#fff}
#main_banner .description{opacity:0;position:absolute;z-index:2;bottom:-5%;left:50%;transform:translate(-50%, 50%);max-width:900px;width:100%;color:#fff}
#main_banner .description h2{margin:50px 0 70px;font-size:110px;font-weight:700;font-family:var(--e-font);line-height:1}
#main_banner .description h3{color:#fff}
#main_banner .description p{margin-bottom:70px;font-size:20px;font-weight:400}
#main_banner .link{border-bottom:2px solid #fff !important;color:#fff !important}
#main_banner .link span{background:url(./arrow_right.png) no-repeat center / contain !important}

#main_banner .link:hover{color:var(--primary) !important}
#main_banner .link:hover span{background:url(./arrow_right_fill.png) no-repeat center / contain !important}

@media (max-width:1980px){
#main_banner .intro_gsap{padding:90px  5% 0}
#main_banner .copy_info h2 span{font-size:25px}
#main_banner .copy_info span{font-size:17px}
#main_banner .description h2{font-size:70px;word-break:keep-all}
#main_banner .description p{font-size:17px}
}