@charset "utf-8";
@media screen and (min-width:1921px){
  :root{
    font-size: 20px;
  }
}
@media screen and (max-width:1680px){
  :root{
    font-size: 14px;
  }
}
@media screen and (max-width:1440px){
  :root{
    font-size: 12px;
  }
  
}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1024px){
  :root{
    font-size: 14px;
  }

 .hero-sec{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw; padding: 5vw;}
 .hero-sec:before,
 .hero-sec:after{ display: none;}
 .hero-tit{ font-size: 1.75rem;}
 .hero-top{ padding: 0;}
 .hero-bot{ padding: 0; background-size: 30%;}
 .hero-btit{ font-size: 1.75rem;}
 .hero-stit{ font-size: 1.25rem;}
 .hero-icons img{ width: 3rem; height: 3rem;}

 .beh-sec{ grid-gap: 5vw; padding: 5vw;}
 .beh-htit{ font-size: 1.75rem;}
 .beh-grid{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw;}
 .beh-card{ padding: 5vw;}
 .beh-sum{ font-size: 1.125rem;}
 .beh-data{ padding: 5vw;}
 .beh-val{ font-size: 2rem;}
 .beh-bot{ padding: 5vw 5vw 0 5vw;}
 .beh-top{ padding: 5vw;}
 .beh-ico{ width: 3rem; height: 3rem;}

 .imp-sec{ grid-gap: 5vw; padding: 5vw;}
 .imp-hsub{ padding-top: 1rem;}
 .imp-htit{ font-size: 1.75rem;}
 .imp-hstit{ padding-top: 1rem;}
 .imp-grid{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw;}
 .imp-tit{ font-size: 1.25rem;}
 .imp-desc{ font-size: 1rem;}
 .imp-ctit{ font-size: 1.25rem;}
 .imp-cdesc{ font-size: 1rem;}

 .adv-sec{ padding: 10vw 5vw; background: #eff3f8;}
 .adv-desc{ font-size: 1rem;}
 .adv-item{ padding: 5vw 2.5vw;}

 .val-sec{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw; padding: 5vw;}
 .val-hd{ height: 30vw;}
 .val-tit{ top: calc((30vw - 1.5 * 1.5rem) / 2);}
 .val-item{ display: grid; font-size: 1rem;}
 .val-list{ grid-template-columns: repeat(1,1fr); padding: 2.5vw 0;}

 .pro-sec{ grid-gap: 5vw; padding: 0 5vw;}
 .pro-list{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw; padding: 5vw;}
 .pro-ico img{ width: 15vw; height: 15vw;}

 .grt-sec{ grid-gap: 5vw; padding: 5vw;}
 .grt-grid{ grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}

 .cmp-sec{ grid-template-columns: repeat(1,1fr); grid-gap: 5vw; padding: 5vw;}
 .cmp-bg{ height: 25vw;}
 .cmp-htit{ font-size: 1.25rem; margin-top: 1rem;}
 .cmp-hist{ grid-column: auto; grid-template-columns: repeat(2,1fr); grid-gap: 5vw;}
 .cmp-hist:before{ display: none;}
 .cmp-item{ grid-gap: .5rem;}
 .cmp-yr{ width: 20vw; height: 20vw; border: .5rem solid #F6F6F6}
 .cmp-txt{ grid-gap: 1rem;}

 .team-sec{ grid-template-columns: repeat(1,1fr); padding: 5vw;}
 .team-card{ grid-gap: .5rem;}
 .team-tit{ font-size: 1.25rem;}

 .ask-sec{ padding: 5vw; background: url('../img/ask-sec-bg.webp') right 35% bottom no-repeat; background-size: cover;}
 .ask-card{ width: 70%;}
 .ask-line{ width: 70%;}
 .ask-ico{ display: none;}
}