@charset "utf-8";

.section{padding:220px 0;}

#mainpage{padding-bottom:0;}
#mainpage .visual{width:100%;overflow:hidden;max-width:1440px;margin:0 auto;padding:0;}
#mainpage .visual .visual-tit{display:flex;flex-direction: column;align-items: center;width:100%;text-align: center;width:100%;white-space: nowrap;margin-bottom:80px;line-height:1.1;}
#mainpage .visual .visual-tit h2{font-size: clamp(0px, 12vw, 210px);font-weight:600;letter-spacing:-4.8px; opacity: 0;transform: translateY(50px);}
#mainpage .visual.on .visual-tit h2:nth-child(1){opacity: 1;transform: translateY(0);transition: opacity 1s, transform 1s;}
#mainpage .visual.on .visual-tit h2:nth-child(2){opacity: 1;transform: translateY(0);transition: opacity 1s 0.3s, transform 1s 0.3s}
#mainpage .visual .visual-detail{position:relative;width:100%;aspect-ratio:1600/666;max-height:666px;padding:80px;border-radius: 80px;background: #0EB3FF;box-shadow: 0 15px 15.8px 0 rgba(0, 0, 0, 0.03);}
#mainpage .visual .visual-detail::before{content:'';display:block;position:absolute;bottom:0;right:0;z-index:1;height:80%;aspect-ratio:618/550;background:url('../img/main/visual_bg_deco.png') no-repeat center center / contain;border-radius: 0px 0px 80px 0px;max-width:650px;}
#mainpage .visual-img{opacity:0;position:absolute;top:-150px;left:50%;margin-left:-23.5vw;z-index:5;}
#mainpage .visual-img img{width:47vw;max-width:800px;}
#mainpage .visual-txt{position:absolute;bottom:80px;left:80px;z-index:2}
#mainpage .visual-txt p{margin-top:40px;font-size:var(--font20);color:#fff;}

#mainpage .about{padding:var(--gap-lg) 0;overflow:hidden;}
#mainpage .about .con-l{font-size:30px;font-weight:700;letter-spacing: -0.66px;}
#mainpage .about .con-r p{margin-bottom:40px;color:#747474;letter-spacing: -0.45px;}

#mainpage .feature{overflow:hidden;position:relative;padding:var(--gap-lg) 0;background: #F3FCFF;}
#mainpage .feature::before{content:'';display:block;position:absolute;top:500px;left:50%;transform:translateX(-10%);width:731px;aspect-ratio:1/1;background: #C2D5FF;filter: blur(300px);border-radius: 50%;z-index:0;}
#mainpage .feature::after{content:'';display:block;position:absolute;bottom:150px;left:100px;width:758px;aspect-ratio:1/1;background: #C2E6FF;filter: blur(300px);border-radius: 50%;z-index:0;}
#mainpage .feature .con-tit{position:relative;z-index:2;}
#mainpage .feature h3{font-size:105px;font-weight:700;}
#mainpage .feature .con-tit p{margin-top:10px;font-size:30px;color:#6f6f6f;letter-spacing: -0.48px;}
#mainpage .feature .feature-lst{position:relative;z-index:2;padding:var(--gap-lg) 0;text-align:center;}
#mainpage .feature .feature-item:not(:last-child){margin-bottom:100px;}
#mainpage .feature .feature-lst h4{position:relative;width:fit-content;margin:0 auto;font-size:85px;font-weight:700;font-family: var(--eng1);}
#mainpage .feature .feature-lst h4::before{content:'';display:block;position:absolute;top:0px;left:-30px;font-size:var(--font20);font-weight:600;font-family: var(--eng1);}
#mainpage .feature .feature-lst .feature-item:nth-child(1) h4::before{content:'1';}
#mainpage .feature .feature-lst .feature-item:nth-child(2) h4::before{content:'2';}
#mainpage .feature .feature-lst .feature-item:nth-child(3) h4::before{content:'3';}
#mainpage .feature .feature-lst .feature-item:nth-child(4) h4::before{content:'4';}
#mainpage .feature .feature-lst .feature-item:nth-child(5) h4::before{content:'5';}

#mainpage .feature .feature-lst .feature-item:nth-child(2n+1) h4::after{animation: icoAni1 3.5s linear infinite;}
#mainpage .feature .feature-lst .feature-item:nth-child(2n) h4::after{animation: icoAni2 3.5s linear infinite;}
#mainpage .feature .feature-lst .feature-item:nth-child(1) h4::after{content:'';position:absolute;top:-70px;left:100px;z-index:-1;width:148px;aspect-ratio:1/1;background:url('../img/main/key_ico1.png') no-repeat center center / contain;}
#mainpage .feature .feature-lst .feature-item:nth-child(2) h4::after{content:'';position:absolute;top:-30px;right:-80px;width:120px;aspect-ratio:1/1;background:url('../img/main/key_ico2.png') no-repeat center center / contain;}
#mainpage .feature .feature-lst .feature-item:nth-child(3) h4::after{content:'';position:absolute;top:-50%;left:50%;width:130px;margin-left:-65px;aspect-ratio:1/1;background:url('../img/main/key_ico3.png') no-repeat center center / contain;}
#mainpage .feature .feature-lst .feature-item:nth-child(4) h4::after{content:'';position:absolute;top:-70%;right:80px;width:140px;aspect-ratio:1/1;background:url('../img/main/key_ico4.png') no-repeat center center / contain;}
#mainpage .feature .feature-lst .feature-item:nth-child(5) h4::after{content:'';position:absolute;top:-60%;left:50%;margin-left:-100px;width:130px;aspect-ratio:1/1;background:url('../img/main/key_ico5.png') no-repeat center center / contain;}

@keyframes icoAni1{
0% {
    transform: translateX(0px) translateY(0);
}
45% {
    transform: translateX(10px) translateY(-8px);
}
75% {
    transform: translateX(15px) translateY(6px);
}
100% {
    transform: translateX(0px) translateY(0px);
}
}


@keyframes icoAni2{
  0% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(-10px, 8px);
  }
  75% {
    transform: translate(-15px, -6px);
  }
  100% {
    transform: translate(0, 0);
  }
}


#mainpage .feature .feature-lst p{margin-top:20px;font-size:var(--font18);color:#4e4e4e;letter-spacing: -0.32px;}
#mainpage .feature .btn-com{margin:auto;}


#mainpage .inquiry{display:flex;align-items: center;justify-content: center;position:relative;overflow:hidden;width:100%;height:800px;background: linear-gradient(98deg, #0EAFF9 1.91%, #2B69E6 100.35%);text-align: center;overflow:hidden;}
#mainpage .inquiry::before{content:'';display:block;position:absolute;top:50%;left:50%;width:1056px;aspect-ratio:1/1;background:url('../img/main/inquiry_bg_circle.png') no-repeat center center / contain;transform:translate(-50%,-50%);}


#mainpage .inquiry .img-wrap img{position:absolute;}
#mainpage .inquiry .con-tit h3{font-size:70px;font-weight:800;color:#fff;}
#mainpage .inquiry .con-tit p{margin-top:20px;font-size:var(--font18);color:#EDF2FF;}
#mainpage .inquiry .img1{top:60px;left:148px;width:327px;}
#mainpage .inquiry .img2{bottom:134px;left:-12px;width:293px;}
#mainpage .inquiry .img3{bottom:41px;left:420px;width:158px;}
#mainpage .inquiry .img4{top:126px;right:75px;width:360px;}
#mainpage .inquiry .img5{bottom:279px;right:-50px;width:359px;}
#mainpage .inquiry .img6{bottom:-15px;right:357px;width:327px;}
#mainpage .inquiry .more-btn{margin:80px auto 0;color:#fff;border:1px solid #fff;}
#mainpage .inquiry .more-btn::after{display:none;}
#mainpage .inquiry .txt-wrap{position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  transition: translate 0.3s;
  z-index: 1;}
/* {position:relative;z-index:5;} */


/**/
@media screen and (min-width:1921px){
  #mainpage .visual-img{margin-left:-21.5vw;top:-180px;}
  #mainpage .visual .visual-tit h2{font-size:210px;}
}


@media screen and (max-width:1600px){
  #mainpage .visual{padding:0 50px;}
  #mainpage .visual .visual-tit h2{font-size:13vw;}
}


@media screen and (max-width:1500px){
  #mainpage .visual .visual-detail{padding:50px;border-radius: 50px;}
  #mainpage .visual .visual-detail::before{border-radius: 0px 0px 50px 0px;}
  #mainpage .visual-txt{bottom:50px;left:50px;}
  #mainpage .inquiry .img4{top:80px;right:-50px;}
  #mainpage .inquiry br.pc-only{display:none !important;}
  #mainpage .inquiry br.m-only{display:block !important;}
  #mainpage .inquiry{height:900px;}
  #mainpage .inquiry .more-btn{margin:50px auto 0;}
  
}

@media screen and (max-width:1200px){
  #mainpage .inquiry .img5,
  #mainpage .inquiry .img6{display:none;}
  #mainpage .inquiry .img1{top:auto;left:auto;bottom:100px;right:-50px;width:327px;}
  #mainpage .inquiry .img2{bottom:-60px;width:293px;}
  #mainpage .inquiry .img3{bottom:auto;left:50px;top:50px;width:158px;}
}


@media screen and (max-width:1024px){
  #mainpage .visual{padding:0 30px;border-radius: 30px;}
  #mainpage .visual .visual-detail{padding:30px;aspect-ratio:2/1;border-radius: 30px;}
  #mainpage .visual .visual-detail::before{border-radius: 0px 0px 30px 0px;}
  #mainpage .visual-txt{bottom:30px;left:30px;}
  #mainpage .visual-txt img{width:120px;}

  #mainpage .about>.inner{flex-wrap: wrap;}
  #mainpage .about .con-l{width:100%;}
  #mainpage .about .con-r{width:100%;margin-top:40px;}

  #mainpage .feature h3{font-size:70px;}
  #mainpage .feature .con-tit p{font-size:22px;}
  #mainpage .feature .feature-lst h4{font-size:60px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(1) h4::after{top:-50px;left:70px;width:100px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(2) h4::after{top:-40px;right:-60px;width:100px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(3) h4::after{width:100px;margin-left:-85px;margin-top:-10px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(4) h4::after{top:-65%;right:80px;width:100px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(5) h4::after{top:-60%;left:50%;margin-left:-80px;width:100px;}
  #mainpage .feature .feature-lst h4::before{left:-20px;}

  #mainpage .inquiry .con-tit h3{font-size:55px;}
  #mainpage .inquiry{width:100%;height:auto;aspect-ratio: 1/1.2;}


  
}


@media screen and (max-width:768px){
  
  #mainpage .visual{padding:0 20px;border-radius: 20px;}
  #mainpage .visual .visual-detail{padding:20px;aspect-ratio:335/274;border-radius: 20px;}
  #mainpage .visual .visual-detail::before{display:none;border-radius: 0px 0px 20px 0px;}
  #mainpage .visual-txt{bottom:20px;left:20px;}
  #mainpage .visual-img{margin-left:-45vw;top:-70px}
  #mainpage .visual-img img{width:75vw;}
  .section{padding:144px 0;}
  #mainpage .visual-txt img{width:83px;}
  #mainpage .visual-txt p{margin-top:20px;}
  #mainpage .visual-txt{width:calc(100% - 40px);}
  #mainpage .visual .visual-tit{margin-bottom:40px;}
  #mainpage .visual .visual-tit h2{letter-spacing:-1px;font-weight:700;}


  #mainpage .about .con-l{font-size:22px;}
  #mainpage .about .con-l span{font-size:15px;}
  #mainpage .about .con-r p{color:#888;}
  #mainpage .about .con-r{margin-top:20px;}
 
  #mainpage .feature h3{font-size:40px;}
  #mainpage .feature .con-tit p{font-size:16px;color:#888;}
  #mainpage .feature .feature-lst h4::before{left:-10px;}
  #mainpage .feature .feature-lst h4{font-size: clamp(0px, 11vw, 40px);padding-left:10px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(1) h4::after{top:-40px;left:50px;width:75px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(2) h4::after{top:-40px;right:-60px;width:90px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(3) h4::after{width:75px;margin-left:-50px;margin-top:-15px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(4) h4::after{top:-45px;right:40px;width:80px;}
  #mainpage .feature .feature-lst .feature-item:nth-child(5) h4::after{top:-70%;left:50%;margin-left:-45px;width:75px;}
  

  #mainpage .inquiry{aspect-ratio: 375/806;max-height:1050px;background: linear-gradient(99deg, #0EAFF9 2.02%, #2B69E6 113.94%);}
  #mainpage .inquiry::before{width:150%;}
  #mainpage .inquiry .con-tit h3{font-size: 40px;}
  #mainpage .inquiry .img3{width:96px;top:20px;left:20px}
  #mainpage .inquiry .img4{width:250px;top:50px;}
  #mainpage .inquiry .img2{width:157px;bottom:-30px;}
  #mainpage .inquiry .img1{width:177px;right:-20px;}
  
}

@media screen and (max-width:500px){
  #mainpage .inquiry{max-height:none;}
}