@charset "utf-8";

#inc02{position:relative;display:flex;height:100vh;/* padding:0 100px; */background:url(./img/bg.jpg) no-repeat;background-size:cover;align-items:center;justify-content:center;font-size: 18px;}
#inc02:after{opacity:1;position:absolute;content:'';bottom:0;left:0;width:100%;height:40%;background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--primary))}
#inc02 .cont{margin:auto 0;color:#fff;width: max-content;display:flex;align-items:center;gap:500px;}
#inc02 .cont .left{position:relative;color:#ffffffcf}
#inc02 .cont .left:after{position:absolute;content:'';left:700px;top:50%;width:400px;height:1px;background:#ffffff4f}
#inc02 .cont > span{font-size:17px;font-weight:600;color:#ffffffa6}
#inc02 .cont h2{margin: 0 0 40px;font-size: 44px;font-weight: 100;color: #fff;line-height:1.35;white-space:pre-line;font-family:'PuradakGentleGothic'}
#inc02 .cont a{display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:60px;margin-top:auto;border:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;color:#fff;line-height:58px;transition:all .4s}
#inc02 .cont a:before{display:block;content:"";position:absolute;left:0;width:0;height:100%;border-color:var(--primary);color:#fff;background:#fff;transition:all .6s var(--easing)}
#inc02 .cont a i{position:relative;font-style:normal}
#inc02 .cont a:hover{border-color:transparent;color:var(--primary)}
#inc02 .cont a:hover:before{width:100%}
#inc02 .cont a span{position:relative;margin:0 0 2px 15px}
#inc02 .cont p{font-size:146px;font-weight:800}

@media (max-width:1680px){
#inc02 .cont{gap:0;flex-direction:column}
#inc02 .cont .left{padding-bottom: 50px;text-align:center}
#inc02 .cont .left:after{display:none}
#inc02 .cont h2{margin:0 0 20px;font-size:40px}
}
@media (max-width:1024px){
#inc02{height:520px;padding:0 50px}
#inc02 .cont h2{font-size:32px}
}
@media (max-width:768px){
#inc02{height:420px;padding:0 20px}
#inc02 .cont h2{font-size:22px}
#inc02 .cont a{width:140px;height:50px}
#inc02 .cont .left{padding-bottom:30px;font-size:16px}
#inc02 .cont p{font-size:70px !important}
}
@media (max-width:480px){
#inc02{height:350px;justify-content:center;text-align:center}
#inc02 .cont h2{font-size:20px;word-break:keep-all}
#inc02 .cont a{margin:0 auto;font-size:14px}
#inc02:after{height:30px}
#inc02 .cont p{font-size:60px !important}
}