.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-72{margin-bottom: 72px;}

.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-70{margin-top: 70px;}

.text-center{text-align: center;}
.font-blue,.font-blue * {color: #2167ff;}
section:not(.page_cover) .fade-cw.h1{font-size: 45px; line-height: 1.3;}
section:not(.page_cover) .fade-cw{font-size: 23px; line-height: 1.4; font-weight: 300;}
section:not(.page_cover) .fade-cw b{font-weight: bold;}
/*.ac_sec:not(.ac_sec_1) h1{font-size: 37px;}*/
.ac_sec{display: flex; flex-direction: column; align-items: center; padding: 100px 60px;}
.ac_sec img{max-width: 100%;}
.ac_sec_1{ padding: 120px 0 110px;}
.ac_sec_1 .icon{width: 70px; margin-bottom: 34px;}

.ac_sec_2{position: relative;}
.ac_sec_2_inner{position: relative; width: 1060px; max-width: 100%; margin: auto; height: 480px; display: flex; justify-content: flex-end;}
.ac_sec_2_inner img{width:630px; height:475px; object-fit: cover;}
.ac_sec_2 .txt_w{position: absolute; left: 0; top: 0;}

.ac_sec_3{position: relative; padding: 120px 0 110px;}
.ac_sec_3_inner{  position: relative; z-index: 2; width: 100%;}
.ac_sec_3_bg{position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; top: 0; left: 0;}

.ac_sec_3_cover{background-color: rgba(0,0,0,0.75); width: 100; position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0;}

.ac_sec_3_inner{display: flex; flex-direction: column; align-items: center; color: #fff;}
.ac_sec_3_inner .fade-cw *{text-align: center;}
.blue-bg{font-weight: bold; line-height: 1; padding: 9px 25px; border-radius: 46px; background-color: #2167ff;}
.ac_sec_3_inner .blue-bg{font-size: 28px; margin-bottom: 30px;}
.ac_sec_3_inner .title_1{font-size: 45px; line-height: 1.3; font-weight: 400; margin-bottom: 30px;}
.ac_sec_3_inner .title_1 b{font-weight: bold;}
.ac_sec_3_inner .span{font-size: 23px; font-weight: 400; line-height: 1.3;}
.ac_sec_3_inner b.span{font-size: 23px; font-weight: bold; line-height: 1.3; text-align: center;} 
.ac_sec_3_inner .h1{font-size: 45px; line-height: 1.3; font-weight: 400;}
.ac_sec_3_inner {margin-top: 30px;}
.ac_sec_3_inner .h1.blue{color: #2167ff;}
.ac_sec_3_inner .dots{margin: 27px auto; display: flex; flex-direction: column; gap: 20px;}
.ac_sec_3_inner .dots div{width: 5px; height: 5px; border-radius: 100%; background-color: #fff; opacity:0.4;}

.ac_sec_4_inner{padding-left: 565px; position: relative; width: 1030px; height: 360px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.ac_sec_4_inner img{position: absolute; height: 100%; width: 50%; left: 0; top: 0; object-fit: cover; border-radius: 0.8vw;}

.ac_sec_5 .blue-bg{font-size: 37px; line-height: 1.4; color: #fff; margin-top: 80px;}
.ac_sec_5 iframe{aspect-ratio: 1060 / 557; width: 100%; height: auto; max-width: 1030px;}

.academy_slide {width: 100%;}
.ac_slide_el{display: flex; flex-direction: column; position: relative; border-radius: 0.8vw; overflow: hidden;}
.ac_slide_el img{aspect-ratio: 420 / 490; object-fit: cover; }
.as_img_1{width: 100%; aspect-ratio: 420 / 245; object-fit: cover;}
.as_img_2{position: absolute; right: 25px; top: 50%; transform: translateY(-50%); height: 130px;}
.as_txt{padding: 30px 25px; background-color: #F5F6F7;}
.as_txt h1{margin-bottom: 14px; font-size: 30px; line-height: 1;}
.as_txt span{font-size: 17px; line-height: 1.3;}

.ac_sec_7 img.pc{width: 1060px; max-width: 100%;}
.ac_sec_7 .img_w{display: flex; flex-direction: column;}

.circle_w{display: flex;}
.circle{border-radius: 100%; background-color: #2167ff; color: #fff; width: 330px; height: 330px; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 25px 25px 35px 0px rgba(0,0,0,0.12);} 
.circle .number{width: 70px; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #fff; color: #2167ff; border-radius: 20px; font-size: 23px; font-weight: bold;}
.circle .span_1{font-size: 23px; margin-top: 12px; font-weight: 300;}
.circle .h1_1{font-size: 37px; font-weight: bold;}
.circle + .circle {margin-left:-30px;}
.circle:nth-child(1){z-index:4;}
.circle:nth-child(2){z-index:3;}
.circle:nth-child(3){z-index:2;}
.circle:nth-child(4){z-index:1;}

.ac_8_w{padding: 40px; display: flex; flex-direction: column; background-color: #f5f6f7; gap: 20px; border-radius: 10px;}
.ac_8_el{background-color: #fff; padding: 30px 32px; text-align: center;}
.ac_8_el h1{font-weight: bold; font-size: 37px; line-height: 1; margin-bottom: 10px; color: #2167ff;}
.ac_8_el span{font-size: 23px; line-height: 1.3; font-weight: 300; letter-spacing: -1px;}

.ac12_w{margin: auto; max-width: 70%; display: flex; flex-direction: column; align-items: flex-start;}
.ac12_w:not(:last-child){margin-bottom: 130px;}
.ac_sec_12 .number{font-size: 23px; font-weight: bold; color: #fff; background-color: #111; padding: 9px 18px 8px; border-radius: 40px; line-height: 1; margin-bottom: 46px;}
.ac_12_flex{display: flex;}


.ac_sec_12 .txt_w{font-size: 23px; line-height: 1.5; font-weight: 300; letter-spacing: -1px; width: 50%;}
.ac_sec_12 .txt_w b{font-weight: bold;}
.ac_sec_12 .img_w{width: 50%;}
.ac_sec_12 .img_w img:not(:last-child){margin-bottom: 60px;}
.ac_sec_12 .img_w img{width: 100%; border-radius: 8px;}
.ac_sec_12 .txt_w h1{font-size: 45px; line-height: 1.1;}
.wrap{overflow-x: hidden;}
.slide{max-width: 100%;}
.ac13_slide{width: 100%; position: relative; padding-bottom:90px;}
.ac13_slide .swiper-slide{position: relative; border-radius: 0.8vw; overflow: hidden;}
.benefit_txt{position: absolute;     padding: 1.667vw 2.083vw;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    background-image: url(../img/academy/rectangle.png);
    background-size: 100%;
  }
.benefit_txt h3{font-size: 1.458vw; font-weight: bold; line-height: 1;}
.benefit_txt p{font-size: 1.198vw; line-height: 1.5; font-weight: 300;}
.shadow{box-shadow:25px 25px 35px 0px rgba(0,0,0,0.12);}

.ac_sec_14{position: relative;} 
.ac_sec_14 .font-28{font-size: 28px;}
.ac_sec_14 img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ac14_txt_w{max-width: 66%; width: 100%; margin: auto; color: #fff;}
.ac_sec_17{gap: 54px;}
.ac_sec_17 h1{margin-bottom: 54px;}
.ac_sec_11 img{ max-width: 1360px; width: 100%;}
.ac_sec_12 img{ max-width: 1260px; width: 100%;}
/*
@media(max-width:1024px){
  .ac_sec_1 .icon{width: 45px; margin-bottom: 24px;}
  .ac_sec{padding: 64px 30px;}
  section:not(.page_cover) .fade-cw{font-size: 15px;}
  section:not(.page_cover) .fade-cw.h1{font-size: 25px;}
  .mb-30{margin-bottom: 20px;}
  .mb-72{margin-bottom: 24px;}
  .mt-70{margin-top: 24px;}
  .ac_sec_2_inner{display: block; width: 100%; height: unset;}
  .ac_sec_2 .txt_w{position: unset; width: 100%;}
  .ac_sec_2_inner img{width: 100%; height: unset;}
  .ac_sec_3_inner .blue-bg{font-size: 18px; margin-bottom: 24px;}
  .blue-bg{padding:8px 16px 8px;}
  .ac_sec_3_inner .title_1, .ac_sec_3_inner .h1{font-size: 25px;}
  .ac_sec_3_inner .span{font-size: 15px;}


  .ac_sec_4_inner{width: 100%; height: unset; padding-left: 0; align-items: center;}
  .ac_sec_4_inner img{position: unset; margin: 24px 0 28px; width: 100%;}

  .ac_sec_5 .mb-72{ margin-bottom: 30px;}
  .ac_sec_5 .blue-bg{font-size: 18px; margin-top: 30px; padding: 8px 14px;}

  .academy_slide{position: relative; padding-bottom: 45px;}

  .ac_sec_7 .img_w{margin-left: 5%;}


  .ac14_txt_w{width: 100%; max-width: 100%; text-align: center; text-wrap: balance; word-break: keep-all;}

  .circle_slide{width: 100%; position: relative; padding-bottom: 45px; padding-left: 40px; padding-right: 40px;}
  .circle{height: unset; aspect-ratio: 1 / 1;}
  .circle + .circle{margin-left: unset;}
  .circle .number{width: 45px; height: 25px; font-size: 15px; line-height: 1;}
  .circle .span_1{font-size: 18px;}
  .circle .h1_1{font-size: 25px;}

  .circle_slide{width: 100%; position: relative; padding-bottom: 45px; padding-left: 40px; padding-right: 40px;}

  .ac_sec_8{padding-left: 24px; padding-right: 24px; white-space: nowrap;}
  .ac_8_w{padding: 20px; gap: 12px;}
  .ac_8_el{padding: 28px 24px;}
  .ac_8_el h1{font-size: 20px; margin-bottom: 8px;}
  .ac_8_el span{font-size: 12px;}

  .shadow {box-shadow: 15px 15px 25px 0px rgba(0, 0, 0, 0.12);}

  .ac_sec_10 .img_w{width: 100%;}
  .ac_sec_10 .img_w img{width: 100%; margin-left: 3%;}

  .ac12_w{max-width: 100%; text-align: center; align-items: center;}
  .ac_12_flex{flex-direction: column; gap: 30px;}
  .ac_sec_12 .number{padding: 6px 16px; font-size: 15px; margin-bottom: 30px;}
  .ac_sec_12 .txt_w{width: 100%; font-size: 15px; line-height: 1;}
  .ac_sec_12 .txt_w h1{font-size: 25px;}
  .ac_sec_12 .txt_w span{line-height: 1.7;}
  .ac_sec_12 .img_w{width: 100%;}
  .ac12_w:not(:last-child){margin-bottom: 80px;}
  
  .circle_slide_2{width: 100%; position: relative; padding-bottom: 46px;}
  .circle_slide_2 .circle{width: 50%; background-color: #f5f6f7; color: #111;}
  .circle_slide_2 .circle .number{background-color: #2167ff; color: #F5F6F7; margin-bottom: 8px;}
  .circle_slide_2 .circle .h1_1{font-size: 18px; line-height: 1.1; font-weight: 600;}
}*/

@media(max-width:1200px) and (min-width:1025px){
  .circle_w{transform: scale(0.7);}
}
@media(max-width:1024px){
  .ac_sec_1 .icon{width:12.5vw; margin-bottom:6.667vw;}
  .ac_sec{padding:17.778vw 30px;}
  section:not(.page_cover) .fade-cw{font-size:4.167vw;}
  section:not(.page_cover) .fade-cw.h1{font-size:6.944vw;}
  .mb-30{margin-bottom:5.556vw;}
  .mb-72{margin-bottom:6.667vw;}
  .mt-70{margin-top:6.667vw;}

  .ac_sec_2_inner{display:block; width:100%; height:unset;}
  .ac_sec_2 .txt_w{position:unset; width:100%;}
  .ac_sec_2_inner img{width:100%; height:unset;}

  .ac_sec_3_inner .blue-bg{font-size:5vw; margin-bottom:6.667vw;}
  .blue-bg{padding:2.222vw 4.444vw 2.222vw;}
  .ac_sec_3_inner .title_1, .ac_sec_3_inner .h1{font-size:6.944vw;}
  .ac_sec_3_inner .span{font-size:4.167vw; text-align: center; display: flex; justify-content: center;}

  .ac_sec_4_inner{width:100%; height:unset; padding-left:0; align-items:center;}
  .ac_sec_4_inner img{position:unset; margin:0 0 7.778vw; width:100%;}

  .ac_sec_5 .mb-72{margin-bottom:8.333vw;}
  .ac_sec_5 .blue-bg{font-size:5vw; margin-top:8.333vw; padding:2.222vw 3.889vw;}

  .academy_slide{position:relative; padding-bottom:12.5vw;}

  .ac_sec_7 .img_w{margin-left:5%;}

  .ac14_txt_w{width:100%; max-width:100%; text-align:center; text-wrap:balance; word-break:keep-all;}

  /*.circle_slide{width:100%; position:relative; padding-bottom:12.5vw; padding-left:11.111vw; padding-right:11.111vw;}*/
  .circle_slide{width:100%; position:relative; padding-bottom:12.5vw; padding-left:20px; padding-right:20px;}
  .circle{height:unset; aspect-ratio:1/1;}
  .circle + .circle{margin-left:unset;}
  .circle .number{width:12.5vw; height:6.944vw; font-size:4.167vw; line-height:1;}
  .circle .span_1{font-size:5vw;}
  .circle .h1_1{font-size:6.944vw;}

  .ac_sec_8{padding-left:6.667vw; padding-right:6.667vw; white-space:nowrap;}
  .ac_8_w{padding:5.556vw; gap:3.333vw;}
  .ac_8_el{padding:7.778vw 6.667vw;}
  .ac_8_el h1{font-size:5.556vw; margin-bottom:2.222vw;}
  .ac_8_el span{font-size:3.333vw;}

  /*.shadow{box-shadow:4.167vw 4.167vw 6.944vw 0 rgba(0,0,0,0.12);}*/
  .shadow{box-shadow:10px 10px 20px 0 rgba(0,0,0,0.12);}

  .ac_sec_10 .img_w{width:100%;}
  .ac_sec_10 .img_w img{width:100%; padding-left:5%;}

  .ac12_w{max-width:100%; text-align:center; align-items:center;}
  .ac_12_flex{flex-direction:column; gap:8.333vw;}
  .ac_sec_12 .number{padding:1.667vw 4.444vw; font-size:4.167vw; margin-bottom:8.333vw;}
  .ac_sec_12 .txt_w{width:100%; font-size:4.167vw; line-height:1;}
  .ac_sec_12 .txt_w h1{font-size:6.944vw;}
  .ac_sec_12 .txt_w span{line-height:1.7;}
  .ac_sec_12 .img_w{width:100%;}
  .ac12_w:not(:last-child){margin-bottom:22.222vw;}
  
  .circle_slide_2{width:100%; position:relative; padding-bottom:12.778vw;}
  .circle_slide_2 .circle{width:50%; background-color:#f5f6f7; color:#111;}
  .circle_slide_2 .circle .number{background-color:#2167ff; color:#F5F6F7; margin-bottom:2.222vw;}
  .circle_slide_2 .circle .h1_1{font-size:5vw; line-height:1.1; font-weight:600;}
  .circle_slide_2 .circle:nth-child(1){z-index:7;}
  .circle_slide_2 .circle:nth-child(2){z-index:6;}
  .circle_slide_2 .circle:nth-child(3){z-index:5;}
  .circle_slide_2 .circle:nth-child(4){z-index:4;}
  .circle_slide_2 .circle:nth-child(5){z-index:3;}
  .circle_slide_2 .circle:nth-child(6){z-index:2;}
  .circle_slide_2 .circle:nth-child(7){z-index:1;}
}
@media(max-width:1024px){
  section:not(.page_cover) .fade-cw{font-size:3.611vw;}
  section:not(.page_cover) .fade-cw.h1{font-size:6.388vw;}

  .ac_sec_3_inner .blue-bg{font-size:4.444vw;}
  .ac_sec_3_inner .title_1, .ac_sec_3_inner .h1{font-size:6.0vw;}
  .ac_sec_3_inner .span{font-size:3.611vw;}
  .ac_sec_3_inner b.span{font-size:3.611vw;}
  .ac_sec_5 .blue-bg{font-size:4.0vw;}

  .circle .number{font-size:3.611vw;}
  .circle .span_1{font-size:4.444vw;}
  .circle .h1_1{font-size:6.388vw;}

  .ac_8_el h1{font-size:5vw;}
  .ac_8_el span{font-size:2.778vw;}

  .ac_sec_12 .number{font-size:3.611vw;}
  .ac_sec_12 .txt_w{font-size:3.611vw;}
  .ac_sec_12 .txt_w h1{font-size:6.388vw;}

  .circle_slide_2 .circle .h1_1{font-size:4.444vw;}

  .circle{box-shadow: 8px 8px 20px 0 rgba(0,0,0,0.12);}

  /*.ac_sec_10{padding-left: 0; padding-right: 0;}*/
  .shadow{overflow: hidden;}
  .ac_sec_14 img{filter: brightness(0.3);}

  .ac_slide_el{border-radius: 2vw;}
  .ac_sec_4_inner img{border-radius: 2vw;}
  .ac13_slide .swiper-slide, .ac_sec_12 .img_w img{border-radius: 2vw;}
  .benefit_txt{box-sizing: border-box;}
  .ac_sec_9 img{width: 100%;}

  /*.benefit_txt{padding: 15px 21px;}
  .benefit_txt h3{font-size: 18px; line-height: 1.2;}
  .benefit_txt p{font-size: 12px; line-height: 1.5;}*/
  .benefit_txt{padding:4.167vw 5.0vw; white-space: nowrap;}
  .benefit_txt h3{font-size:4.8vw; line-height:1.2;}
  .benefit_txt p{font-size:3.233vw; line-height:1.5; letter-spacing: -0.05vw;}

  .ac13_slide .swiper-pagination{display: flex; justify-content: center;}

  /*
  .s10_el_w{width: 100%; display: flex; flex-direction: column; gap: 30px;}
  .s10_el{display: flex; flex-direction: column; background-color: #F5F6F7; border-radius: 8px;}
  .s10_t{text-align: center; padding: 15px 0; display: flex; flex-direction: column; align-items: center;}
  .s10_t b{font-size: 11px;font-weight: bold; line-height: 1;  padding: 5px 8px 4px; border-radius: 46px; background-color: #999999; color: #fff; margin-bottom: 10px;}
  .s10_t span{color: #666; font-weight: 300; font-size: 12px; line-height: 1;}
  .s10_b{text-align: center; padding: 18px 0; background-color: #2167ff; border-radius: 8px; display: flex; flex-direction: column; color: #fff;}
  .s10_b b{font-size: 11px;font-weight: bold; line-height: 1;  padding: 5px 8px 4px; border-radius: 46px; background-color: #2167ff; color: #fff; margin-bottom: 10px;}
  .s10_b span{color: #fff; font-weight: 300; font-size: 12px; line-height: 1.45;}
  .s10_b h1{font-weight: 700; font-size: 18px; line-height: 1.1;}
  */
  .s10_el_w{width:100%; display:flex; flex-direction:column; gap:8.333vw;}
  .s10_el{display:flex; flex-direction:column; background-color:#F5F6F7; border-radius:2.222vw;}
  .s10_t{text-align:center; padding:4.167vw 0; display:flex; flex-direction:column; align-items:center;}
  .s10_t b{font-size:3.056vw; font-weight:bold; line-height:1; padding:1.389vw 2.222vw 1.111vw; border-radius:12.778vw; background-color:#999999; color:#fff; margin-bottom:2.778vw;}
  .s10_t span{color:#666; font-weight:300; font-size:3.333vw; line-height:1;}
  .s10_b{text-align:center; padding:5vw 0; background-color:#2167ff; border-radius:2.222vw; display:flex; flex-direction:column; color:#fff; align-items: center;}
  .s10_b b{font-size:3.056vw; font-weight:bold; line-height:1; padding:1.389vw 2.222vw 1.111vw; border-radius:12.778vw; background-color:#fff; color:#2167ff; margin-bottom:2.778vw;}
  .s10_b span{color:#fff; font-weight:300; font-size:3.333vw; line-height:1.45;}
  .s10_b h1{font-weight:700; font-size:5vw; line-height:1.1;}

}