@charset "utf-8";

@media screen and (max-width: 1136px){
  .visual_img .v_slogan P.slogan3 span{
    font-size: 2.9rem;
  }
  .visual_img .v_slogan .slogan{
    margin-left: 6%;
  }
  .visual_img .v_slogan P.slogan3{
    padding: 28px 20px 0 0;
  }
  .visual_img .v_slogan P.slogan3 em{
    max-width: 320px;
  }
  
}


@media screen and (max-width: 1024px){
  /* ↓ hamburger menu// */
  header nav{
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  header nav ul{
    width: 100%;
    height: 100vh; 
    padding: 20px 0 80px 0;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: -100%;
    transition: .3s ease-in;
    background-color: #000;
    color: #fff;
  }
  header nav ul li{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header nav ul li a{
    text-shadow: 0 0 1px #fff;
  }
  header nav ul li a .menu_ja{
    font-weight: 500;
  }
  .btn{
    width: 30px;
    height: 40px;
    position: fixed;
    top: 19px;
    right: 20px;
    z-index: 10;
    /* background-color: red; */
  }
  .btn span.btn-line{
    width: 80%;
    height: 2px;
    display: block;
    position: relative;
    transition: .2s;
    background-color: #d6d5d5;
  }
  .btn span.btn-line::before,
  .btn span.btn-line::after{
    content: "";
    position: absolute;
    width: 120%;
    height: 100%;
    transition: .5s;
    background-color: #d6d5d5;
  }
  .btn span.btn-line::before{
    transform: translateY(-10px);
  }
  .btn span.btn-line::after{
    width: 80%;
    transform: translateY(10px);
  }
  .open{
    right: 0;
  }
  .btn span.btn-line.open{
    background-color: transparent;
  }
  .btn span.btn-line.open::before,
  .btn span.btn-line.open::after{
    content: "";
    transition: .3s;
  }
  .btn span.btn-line.open::before{
    width: 100%;
    transform: rotate(45deg);
  }
  .btn span.btn-line.open::after{
    width: 100%;
    transform: rotate(-45deg);
  }
    /* ↑ hamburger menu// */

    body{
      padding-top: 75px;
    }
      header{
        height: 75px;
        padding: 0px 20px 10px 20px;
      }
      header h1{
        max-width: 100px;
        padding: 0 0 10px 5px;
        flex-shrink: 0;
        }
      header ul{
        padding: 40px 0;
      }
      header ul li a span.menu_ja{
        font-size: 1.1rem;
      }
      header ul li a span.menu_en{
        font-family: "Syncopate", sans-serif;
        font-size: 1.6rem;
        text-transform: uppercase;
      }
      .visual_img .v_img{
        background-size: contain;
      }
      .visual_img .v_slogan .slogan{
        margin-left: 4%;
      }
      .visual_img .v_slogan P.slogan1 strong{
        font-size: 3.8rem;
        line-height: 50px;
      }
      .visual_img .v_slogan P.slogan2 span{
        font-size: 1.1rem;
      }
      .visual_img .v_slogan ul li span{
        font-size: 1.4rem;
      }
      .visual_img .v_slogan P.slogan3{
        padding: 28px 0 0 0;
      }
      .visual_img .v_slogan P.slogan3 em{
        font-size: 1.4rem;
      }
      .visual_img .v_slogan P.slogan3 span{
        font-size: 2.6rem;
      }

      /* system.html */
      section.price .table_wrap{
        flex-direction: column;
        align-items: center;
        gap: 50px;
      }
      /* section.price .table_wrap .t1,
      section.price .table_wrap .t3{
        max-width: 392px;
      } */
      .t3 .table_btn{
        margin: 40px auto 30px auto;
      }
      section.aboutus_wrapper .ent_wrapper .ent_box{
        max-width: 470px;
        margin: 0 auto 0 5%;
        padding: 40px 40px;
      }
      section.aboutus_wrapper .ent_wrapper .ent_box p,
      section.aboutus_wrapper .ent_wrapper .ent_box p .span_wrap{
        font-size: 1.3rem;
      }
      section.aboutus_wrapper .ent_wrapper .ent_box p span.centuryg{
        font-size: 1.4rem;
      }
      section.aboutus_wrapper .ent_wrapper .ent_record,
      section.aboutus_wrapper .ent_wrapper .record_light{
        width: 470px;
        height: 470px;
        left: 43%;
      }

}

@media screen and (max-width: 768px){
    /* ↓ 共通// */
  h2{
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  h2 span.ja{
    font-size: 1.8rem;
    font-weight: 400;
    color: #dfdfdf;
  }
  h2 span.en{
    font-size: 5.5rem;
    font-weight: 500;
    color: #efefef;
  }
  p{
    font-size: 1.4rem;
    line-height: 26px;
  }

    /* ↓ visual_img// */
    .visual_img{
      flex-direction: column;
    }
    .visual_img .v_img{
      width: 100%;
      order: 1;
      background-position: right;
    }
    .visual_img .v_slogan{
      order: 2;
    }
    .visual_img .headfoot_bnr{
      padding: 260px 0 0px 0
    }
    .visual_img .v_slogan{
      width: 100%;
    }
    .visual_img .v_slogan .slogan{
      margin: -90px 0 0 0;
      padding: 0 20px;
    }
    .visual_img .v_slogan P.slogan1{
      padding-bottom: 0;
    }
    .visual_img .v_slogan P.slogan1 strong{
      line-height: 40px;
    }
    .visual_img .v_slogan P.slogan1 span{
      font-size: 3.2rem;
      line-height: 35px;
    }
    .visual_img .v_slogan P.slogan2 span{
      line-height: 23px;
      font-size: 1.5rem;
    }
    .visual_img .v_slogan P.slogan3 em{
      max-width: 330px;
      font-size: 1.7rem;
    }
    .visual_img .v_slogan P.slogan3 span{
      font-size: 2.9rem;
    }
    .visual_img .headfoot_bnr p{
      max-width: 200px;
    }

    /* 今月のオーディション */
    main article.AD_top{
      padding-top: 0;
      margin-top: 100px;
    }
    main article.AD_top .AD_top_wrapper .AD_top_sec .AD_top_sec_p .target p{
      font-size: 1.1rem;
    }
    main article.AD_top .AD_top_wrapper .AD_top_sec .AD_top_sec_p h3{
      font-size: 1.4rem;
    }


    /* about us */
    section.aboutus_wrapper{
      margin-top: 250px;
      padding: 20px 20px 150px 20px;
    }
    section.aboutus_wrapper .aboutus{
      align-items: center;
      flex-direction: column;
      gap: 40px;
    }
    section.aboutus_wrapper .au_text{
      max-width: 380px;
    }
    section.aboutus_wrapper .au_text h2{
      margin-bottom: 20px;
      padding: 10px;
    }
    section.aboutus_wrapper .au_text h2 span.en{
      font-size: 3rem;
    }
    section.aboutus_wrapper p.au_slogan{
      font-size: 1.6rem;
    }
    section.aboutus_wrapper .comment{
      margin: 100px auto 0 auto;
    }
    section.aboutus_wrapper .comment p{
      font-size: 1.23rem;
      line-height: 22px;
    }
    section.aboutus_wrapper .comment p strong{
      font-size: 1.3rem;
    }
    section.aboutus_wrapper .comment p .sp,
    section.aboutus_wrapper .comment p .pc{
      display: none;
    }
    section.aboutus_wrapper .comment p .tab{
      display: block;
    }
    section.aboutus_wrapper .ent_wrapper{
      padding: 130px 0 0 0;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box{
      max-width: 310px;
      margin: 0px auto 0px 5%;
      padding: 27px;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box h2,
    section.aboutus_wrapper .ent_wrapper .ent_box h2 span.h2line{
      margin-bottom: 11px;
      padding-bottom: 8px;
      font-size: 3rem;
      line-height: 32px;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box h2 span.h2line span{
      font-size: 2.6rem;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box p br{
      display: block;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box p{
      line-height: 14px;
      letter-spacing: 0.15rem;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box p .span_wrap{
      display: none;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box p.ent_kpop{
      font-size: 1.3rem;
      letter-spacing: 0;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box p.ent_kpop span{
      font-size: 1.3rem;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box small{
      font-size: 0.8rem;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box ul{
      padding: 10px 0 14px 0;
      gap: 4px;
    }
    section.aboutus_wrapper .ent_wrapper .ent_box ul .li_last{
      padding: 10px;
    }
    section.aboutus_wrapper .ent_wrapper .ent_record,
    section.aboutus_wrapper .ent_wrapper .record_light{
      width: 310px;
      height: 310px;
      left: 42%;
      top: 135px;
    }

    /* Feature */
    article.feature .ft_wrapper{
      flex-wrap: wrap;
      flex-direction: row;
    }
    article.feature section{
      height: 350px;
    }
    article.feature section p{
      line-height: 25px;
      font-size: 1.4rem;
    }
    article.feature section p.p2{
      margin-top: 9px;
    }
    article.feature section p.p3{
      font-size: 1rem;
      line-height: 15px;
    }
    article.feature .ft_wrapper section.sec5{
      order: 1;
    }
    article.feature .ft_wrapper section.sec4{
      order: 2;
    }
    article.feature .ft_wrapper section.sec3{
      order: 3;
    }
    article.feature .ft_wrapper section.sec2{
      order: 4;
    }
    article.feature .ft_wrapper section.sec1{
      height: 370px;
      order: 5;
    }

    /* TRAINER */
    section.trainer .trainer_wrapper .trainer_content{
      flex-direction: column;
      align-items: center;
    }
    section.trainer .trainer_wrapper .trainer_content p img{
      margin: 0;
    }
    section.trainer h2{
      padding: 0;
    }
    section.trainer .trainer_wrapper .trainer_content .trainer_text h3{
      margin-top: 20px;
    }

    /* aoudition */
    section.audition .audition_wrapper{
      flex-direction: column;
      align-items: center;
      gap: 30px;
    }
    section.audition .button_wrap{
      max-width: 450px;
      padding: 0 20px;
    }
    section.audition .slider_wrapper .slider img{
      border-radius: 5px;
    }

    /* lesson */
    section.lesson .lesson_wrapper{
      flex-direction: column;
      align-items: center;
      gap: 30px;
    }
    section.lesson .lesson_wrapper .lesson_text{
      order: 1;
      max-width: 450px;
      padding: 0;
    }
    section.lesson .lesson_wrapper p.lesson_img{
      order: 2;
      max-width: 450px;
      min-width: 370px;
    }
    section.lesson .button_wrap{
      max-width: 450px;
      margin-bottom: 100px;
      padding: 0 20px;
    }

    /* live */
    section.live .live_wrapper{
      gap: 2%;
    }
    /* section.live .live_wrapper .live_item p{
      width: 260px;
    }
    section.live .live_wrapper .live_item p a img{
      width: 100%;
      height: 100%;
    } */
    section.live .live_wrapper h2 .en{
      font-size: clamp(2.3rem, 0.337rem + 4.76vw, 4.4rem);
    }

    /* news */
    section.news .news_wrapper ul li{
      padding: 20px;
    }
    section.news .news_wrapper ul li a{
      gap: 8%;
    }
    section.news .news_wrapper ul li a .news_img{
      flex-direction: column;
      gap: 5px;
    }
    section.news .news_wrapper ul li a .news_img img{
      max-width: 200px;
    }
    section.news .news_wrapper ul li a .news_img p time{
      padding: 0;
    }
    section.news .news_wrapper ul li p,
    section.news .news_wrapper ul li a p time{
      font-size: 1.3rem;
      line-height: 22px;
    }

  /* contact */
  article.contact .contact_wrapper P{
    font-size: 1.2rem;
  }
  article.contact .contact_wrapper h2{
    margin-bottom: 20px;
  }
  article.contact .contact_wrapper section{
    max-width: 590px;
    padding: 16% 10%;
  }
  article.contact .contact_wrapper section h3,
  article.contact .contact_wrapper section h3 span{
    font-size: clamp(2.4rem, 1.901rem + 1.29vw, 3rem);
  }
  article.contact .contact_wrapper section .contact_text{
    max-width: 240px;
    margin-left: 5%;
  }
  article.contact .contact_wrapper section .contact_text p{
    font-size: clamp(1rem, 0.668rem + 0.86vw, 1.4rem);
    font-weight: 400;
    line-height: 20px;
  }
  article.contact .contact_wrapper section .contact_text .line_button span{
    font-size: 1.5rem;
  }
  article.contact .contact_wrapper section .contact_text .line_button {
    margin-top: 15px;
  }

  /* access */
  section.access{
    padding: 100px 20px 80px 20px;
  }
  section.access h2{
    margin-bottom: 0;
  }
  section.access .g_iframe{
    width: 75%;
    max-height: 378px;
  }
  section.access .access_text {
    top: 270px;
    left: 57% ;
    width: 40%;
    padding: 40px 0 60px 0;
  }
  section.access .access_text .access_text_wrap{
    width: 75%;
  }
  section.access .access_text dl dt{
    font-size: clamp(1.4rem, 1.175rem + 1.2vw, 2.2rem);
    line-height: 20px;
  }
  section.access .access_text dl dt br{
    display: block;
  }
  section.access .access_text dl dd{
    font-size: 1.1rem;
  }
  section.access .access_text dl dd.access2 {
    padding-bottom: 18px;
    font-size: 1.2rem;
  }
  section.access .access_text dl dd.access2 .br2{
    display: none;
  }
  section.access .access_text .map_button {
    max-width: 140px;
    max-height: 35px;
    margin: 30px auto 0 auto;
  }
  section.access .access_text .map_button a {
    line-height: 33px;
    font-size: 1.4rem;
  }

    /* sns */
    section.sns .sns_item{
      padding: 0 10%;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 10px;
    }
    section.sns .sns_item p {
      width: calc((100% - 10%) / 2);
    }
    section.sns .sns_item p a{
      height: 60px;
      line-height: 60px;
      font-size: 2rem;
    }

    /* footer */
    footer .footer_top{
      flex-wrap: wrap;
      gap: 10%;
      row-gap: 35px;
    }

    footer .footer_top nav{
      width: 60%;
      margin: 0;
      padding: 0 20px 0 0;
      flex-direction: column;
      gap: 0;
      order: 1;
    }
    footer .footer_top .headfoot_bnr{
      order: 2;
      padding-top: 10px;
    }
    footer .footer_top address{
      order: 3;
    }
    footer .footer_top address p.address_logo{
      margin-bottom: 0;
    }
    footer p.ft_copy{
      margin-top: 30px;
      font-size: 4.9rem;
    }

    /* accordion menu */
    footer .footer_top nav dl{
      max-width: 100%;
    }
    footer .footer_top nav dl dt.ac-pt{
      width: 100%;
      height: 50px;
      position: relative;
      text-align: center;
      line-height: 50px;
      cursor: pointer;
      border-bottom: 1px solid #fff;
      background-color: #000;
      font-weight: 500;
      color: #fff;
    }
    .ac-ch{
      display: none;
      padding: 2em 1em;
      background-color: #111111;
      text-align: center;
    }
    footer .footer_top nav dl dd ul li a{
      line-height: 50px;
      font-size: 1.4rem;
    }
    footer nav .ft_nav_bt{
      width: 13px;
      height: 50px;
      line-height: 18px;
      position: absolute;
      right: 0;
      /* background-color: red; */
    }
    footer nav .bt-line{
      display: block;
      position: relative;
      width: 100%;
      height: 1.5px;
      transform: rotate(90deg);
      background-color: #d6d5d5;
      transition: .2s;
    }
    footer nav .bt-line::before{
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      transform: rotate(90deg) translateY(7px);
      background-color: #d6d5d5;
      transition: .5s;
    }
    .bt-line.open{
      background-color: transparent;
    }

    /* system.html */
  .title_img .title{
    padding: 50px 0 0 0;
  }
  .title_img .title .title_en{
    line-height: 40px;
    font-size: 3.5rem;
  }
  .title_img .title .title_ja{
    line-height: 25px;
    font-size: 2rem;
  }

    article.flow{
      padding: 0;
    }
    article.flow h2{
      padding: 0 20px;
    }
    article.flow section h3{
      padding: 5px 20px 10px 20px;
    }
    article.flow section ol{
      gap: 0;
      background-color: #303030;
    }
    article.flow section ol li h4{
      font-size: 1rem;
      padding-right: 14%;
    }
    article.flow section ol li h4 span{
      font-size: 2.5rem;
    }
    article.flow section ol li p{
      line-height: 18px;
      font-size: 1.1rem;
    }
    article.flow section ol li p.img{
      max-width: 40px;
      margin: 20px auto;
    }
    article.flow .flow_b{
      padding: 0 20px;
    }
    section.law table tr th,
    section.law table tr td{
      display: block;
      width: 100%;
      text-align: left;
    }
    section.law table tr th{
      padding: 20px 20px 0 20px;
    }
    section.law table tr td{
      padding-top: 0;
    }
    body.trainer section.trainer .trainer_wrapper p.h2_bottom{
      max-width: 500px;
      margin-top: 20px;
    }
    body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_text h3{
      margin-top: 20px;
    }
    body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_img p a{
      box-shadow: none;
      text-shadow: 0 0 14px #05CE8A;
      top: -10%;
      left: calc(100% - 175px);
    }
    body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_img p a img{
      width: 30px;
      margin: 0 2px 6px 0;
      filter: drop-shadow(0 0 3px #05CE8A);
    }
    body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_img p a span{
      font-size: 2.4rem;
      line-height: 48px;
    }
    body.trainer section.trainer .trainer_wrapper .trainer_text h4{
      width: 100%;
    }
    .counsel_bottom{
      margin: 50px auto 80px auto;
    }
    .traial_main .sec_pro{
      border: none;
    }
    .traial_main .sec{
      padding: 0;
      flex-direction: column;
      align-items: center;
    }
    .counsel_main .sec section{
      margin-bottom: 20px;
      padding: 20px;
      border: 1px solid #05CE8A;
      border-radius: 10px;
    }
    .traial_main .sec_wrap{
      max-width: 400px;
      margin: 0 auto;
    }
    .traial_main .sec_wrap section{
      width: 100%;
    }
    .traial_main .sec_wrap .sec{
      padding: 10%;
    }
    .traial_main .sec section p{
      padding: 10px 0 20px 0; 
    }
    section.trial_wrapper .flow h2, section.counsel_wrapper .flow h2{
      font-size: 2.7rem;
    }
    .counesling_h{
      margin-top: 70px;
      flex-direction: column;
      row-gap: 2%;
    }
    .counesling_h section{
      margin: 0 0 20px 0;
    }
    .counesling_h section h3 strong{
      font-size: 2rem;
    }
    .counesling_h section h3{
      font-size: 1.1rem;
    }
    section.privacy .privacy_h{
      padding: 0 10px 50px 10px;
    }
    body.audition section.audition .ent_wrap .ent{
      max-width: calc((100% - 25px) / 6);
    }
    body.audition section.line{
      flex-direction: column;
      gap: 70px;
    }
    body.audition section.line .text_wrap{
      width: 90%;
      margin: 0 auto;
    }
    body.audition section.line .mockup_wrap{
      width: 100%;
      position: relative;
    }
    body.audition section.line .mockup_wrap .id_wrap{
      text-align: center;
      position: absolute;
      top: 70%;
      left: 0;
      right: 0;
      z-index: 1;
    }
    body.audition section.line .text_wrap h2{
      font-size: 2.6rem;
    }
    body.audition section.line .text_wrap h2 em{
      font-size: 6.9rem;
    }
    body.audition section.line .text_wrap .line_text{
      padding: 30px 10px;
    }
    body.audition section.line .text_wrap .line_text p{
      font-size: 1.6rem;
    }
    body.audition article.debut section{
      width: 95%;
      max-height: 250px;
    }
    body.audition article.debut section.step2{
      margin-left: 1%;
    }
    body.audition article.debut section.step3{
      margin-left: 2%;
    }
    body.audition article.debut section.step4{
      margin-left: 3%;
    }
    body.audition article.debut section.step5{
      margin-left: 4%;
    }
    body.audition article.debut section .step{
      padding: 0;
    }
    body.audition section.trainee_wrapp .trainee h3{
      padding: 0 0 20px 0;
      font-size: 2.4rem;
    }
    body.audition section.trainee_wrapp .trainee ul{
      margin-left: 5%;
      padding-left: 5%;
    }
    body.audition section.trainee_wrapp .trainee ul li{
      font-size: 1.4rem;
    }
    body.audition article.monthlytest section .sec_wrapp{
      padding: 45px 10px 70px 10px;
    }
    body.audition article.monthlytest section .sec_wrapp table tr th{
      padding-right: 5%;
      line-height: 18px;
      font-size: 1.2rem;
    }
    body.audition article.monthlytest section .sec_wrapp table tr td{
      padding: 15px 0 15px 5%;
      font-size: 1.4rem;
      line-height: 18px;
    }



}






@media screen and (max-width: 428px){
  header h1{
    padding: 0px 5px 10px 0;
  }
  h2{
    line-height: 35px;
  }
  h2 span.en{
    font-size: 4.5rem;
  }
  h2 span.ja{
    font-size: 1.6rem;
  }
  .visual_img .v_img{
    background-image: url(../images/keyvisual_sp.jpg);
    background-size: cover;
  }
  .visual_img .v_slogan .slogan{
    margin: -50px 0 0 0;
    padding: 0 15px;
  }
  .visual_img .v_slogan P.slogan1 strong{
    font-size: 3.6rem;
    line-height: 37px;
    letter-spacing: 0.06rem;
    text-shadow: 14px 0px 4px #454545ab;
  }
  .visual_img .v_slogan P.slogan2 span{
    width: 273px;
    font-size: 1.2rem;
    line-height: 17px;
    letter-spacing: 0.03rem;
  }
  .visual_img .v_slogan P.slogan2 span.sp2{
    width: 220px;
  }
  .visual_img .v_slogan ul{
    padding: 25px 0 30px 0;
  }
  .visual_img .v_slogan ul li{
    padding-bottom: 6px;
    line-height: 26px;
  }
  .visual_img .v_slogan ul li span{
    padding-bottom: 2px;
    font-size: 1.3rem;
  }
  .visual_img .v_slogan P.slogan3{
    padding-right: 2px;
    line-height: 30px;
  }
  .visual_img .v_slogan P.slogan3 em{
    max-width: 276px;
    font-size: 1.4rem;
  }
  .visual_img .v_slogan P.slogan3 em span{
    font-size: 2.5rem;
  }
  .visual_img .headfoot_bnr {
    padding: 240px 0 50px 0;
  }
  .visual_img .v_img .headfoot_bnr p{
    width: 165px;
    margin: 0 0 12px auto;
  }
  main article.AD_top .AD_top_wrapper{
    width: 100%;
  }
  main article.AD_top .AD_top_wrapper h2{
    font-size: 2.7rem;
  }
  main article.AD_top .AD_top_wrapper h2 span.en{
    font-size: 2.7rem;
  }
  main article.AD_top .AD_top_wrapper h2 span.ja{
    font-size: 2.2rem;
  }
  section.aboutus_wrapper{
    padding: 0px 20px 130px 20px;
  }
  section.aboutus_wrapper .aboutus{
    flex-direction: column;
    gap: 1px;
  }
  section.aboutus_wrapper .au_text h2{
    margin: 18px auto 0 auto;
    padding: 30px;
    line-height: 28px;
  }
  section.aboutus_wrapper p.au_slogan{
    margin-top: 210px;
    font-size: 1.4rem;
  }
  section.aboutus_wrapper .comment{
    margin: 80px auto 0 auto;
    padding: 35px 1%;
  }
  section.aboutus_wrapper .comment p{
    padding-bottom: 18px;
    font-size: 1.28rem;
  }
  section.aboutus_wrapper .comment p .pc,
  section.aboutus_wrapper .comment p .tab{
    display: none;
  }
  section.aboutus_wrapper .comment p .sp{
    display: block;
  }
  section.aboutus_wrapper .comment p strong{
    padding: 0 1.5px;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box{
    max-width: 280px;
    margin: 90px 0;
    padding: 25px 24px;
    position: absolute;
    top: 0;
    left: -10px;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box h2,
  section.aboutus_wrapper .ent_wrapper .ent_box h2 span.h2line{
    margin-bottom: 13px;
    padding-bottom: 7px;
    font-size: 2.2rem;
    line-height: 22px;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box h2 span.h2line{
    font-size: 2.3rem;
    background: linear-gradient(transparent 0.70em, #378a6f 0, #378a6f calc(0.85em) , transparent 0);
  }
  section.aboutus_wrapper .ent_wrapper .ent_box h2 span.h2line span{
    font-size: 2.1rem;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box p{
    font-size: 1.1rem;
    line-height: 12px;
    letter-spacing: 0.18rem;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box p span{
    font-size: 1.1rem;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box p span.centuryg{
    font-size: 1.3rem;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box small{
    font-size: 0.6rem;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box ul{
    padding: 10px 0 15px 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box ul .li_last{
    padding: 18%;
    display: block;
    background-color: #161616;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section.aboutus_wrapper .ent_wrapper .ent_box p.ent_kpop,
  section.aboutus_wrapper .ent_wrapper .ent_box p.ent_kpop span{
    font-size: 1.2rem;
  }
  section.aboutus_wrapper .ent_wrapper .ent_record,
  section.aboutus_wrapper .ent_wrapper .record_light{
    width: 270px;
    height: 270px;
    top: 94px;
    left: 43%;
  }



  article.feature h2{
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  article.feature .ft_wrapper section{
    max-width: 340px;
    min-width: 250px;
    padding: 30px 35px;
    position: relative;
    overflow: hidden;
  }
  article.feature section .ft_h{
    margin-bottom: 15px;
  }
  article.feature section .ft_h h3{
    width: 60%;
    padding-right: 2px;
    font-size: 2rem;
    font-weight: 500;
  }
  article.feature section .ft_h h3 br{
    display: none;
  }
  article.feature section .ft_h p{
    max-width: 80px;
    position: absolute;
    right: 35px;
    letter-spacing: 0.1rem;
    font-size: 6rem;
  }
  section.lesson .lesson_wrapper p.lesson_img{
    min-width: 280px;
  }
  /* section.live .live_wrapper .live_item p.live4,
  section.live .live_wrapper .live_item p.live5,
  section.live .live_wrapper .live_item p.live6{
    display: none;
  } */

  section.news .news_wrapper ul li{
    padding: 30px 20px;
  }
  section.news .news_wrapper ul li a{
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  section.news .news_wrapper ul li a .news_img{
    gap: 10px;
  }
  section.news .news_wrapper ul li a .news_img img{
    max-width: unset;
    width: 100%;
  }
  section.news .news_wrapper ul li a .news_text p{
    line-height: 22px;
  }
  section.news .news_wrapper ul li a .news_text h3{
    margin-bottom: 7px;
  }
  /* section.news .news_wrapper ul li a .tri_button{
    width: 10%;
    height: 25px;
  }
  section.news .news_wrapper ul li a .tri_button img{
    width: 25px;
  }  */
  article.contact .contact_wrapper{
    text-align: center;
  }
  article.contact .contact_wrapper P{
    display: inline-block;
    text-align: start;
    line-height: 20px;
  }
  article.contact .contact_wrapper P.mail{
    max-width: 230px;
  }
  article.contact .contact_wrapper section{
    flex-direction: column;
  }
  article.contact .contact_wrapper section .contact_text{
    margin-left: 0;
  }
  article.contact .contact_wrapper section .contact_text p{
    text-align: start;
    font-size: 1.3rem;
  }
  article.contact .contact_wrapper section .contact_text .line_button{
    width: 80%;
    margin: 25px auto 0 auto;
  }
  article.contact .contact_wrapper section h3,
  article.contact .contact_wrapper section h3 span{
    margin-bottom: 15px;
    text-align: start;
    line-height: 33px;
    font-size: 2.6rem;
  }
  section.access{
    padding: 100px 0 80px 0;
  }
  section.access .g_iframe{
    width: 100%;
  }
  section.access .access_text{
    width: 90%;
    padding: 45px 0 50px 0;
    top: 500px;
    left: 5%;
  }
  section.access .access_text dl dt{
    font-size: 1.9rem;
  }
  section.access .access_text dl dt br{
    display: none;
  }
  section.studio{
    margin: 260px auto 120px auto;
  }
  section.studio h2{
    margin-bottom: 10px;
  }
  section.studio .studio_img{
    flex-direction: column;
    gap: 20px;
  }
  section.sns .sns_item{
    padding: 0;
  }
  section.sns .sns_item p a {
    font-size: 1.8rem;
  }
  footer .footer_top{
    flex-direction: column;
  }
  footer .footer_top nav{
    width: 80%;
  }
  footer .footer_top nav dl dt{
    font-size: 1.4rem;
  }
  footer .footer_top address p.address_logo{
    text-align: start;
  }
  footer nav.ft_bottom ul{
    gap: 5%;
  }
  footer nav.ft_bottom ul li a{
    font-size: 1rem;
  }
  footer p.ft_copy{
    margin-top: 20px;
    line-height: 50px;
    font-size: 3.5rem;
  }
  footer small{
    margin: 0 0 30px 0;
    font-size: 1.2rem;
  }
  /* 今月のオーディション */
  main article.AD_top{
  margin-top: 80px;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .slick-prev:before,
  main article.AD_top .AD_top_wrapper .AD_top_sec .slick-next:before{
    font-size: 17px;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .slick-prev,
  main article.AD_top .AD_top_wrapper .AD_top_sec .slick-next{
    padding-top: 5px;
    top: 60%;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .slick-prev{
    left: 0;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .slick-next{
    right: 0;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .AD_top_sec_p{
    padding-top: 18px;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .AD_top_sec_p .date{
    padding: 0 5px;
    font-size: 1.7rem;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .AD_top_sec_p .target{
    padding: 0 5px;
  }
  main article.AD_top .AD_top_wrapper .AD_top_sec .AD_top_sec_p p.ADTOP_B{
    margin-top: 10px;
    margin-right: 5px;
  }
  .title_en br{
    display: block;
  }
  .title_img{
    height: 250px;
  }
  .title_img .title .title_en{
    line-height: 36px;
  }
  .title_img .title .title_ja{
    font-size: 2.2rem;
    line-height: 26px;
  }
  body.trainer section.trainer .trainer_wrapper h2{
    line-height: 30px;
  }
  body.trainer section.trainer .trainer_wrapper h2 span.en{
    font-size: 2.7rem;
  }
  body.trainer section.trainer .trainer_wrapper .trainer_content{
    margin: 130px auto 100px auto;
  }
  body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_img p a {
    font-size: 2.8rem;
    top: -12%;
  }
  body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_text h3 span.trainer_name{
    font-size: 4.2rem;
  }
  section.trainer .trainer_wrapper .trainer_content .trainer_text p{
    padding: 0;
  }
  section.trainer .trainer_wrapper .trainer_content .trainer_text ul{
    padding: 20px 20px 30px 20px;
  }
  article.flow section ol li h4{
    font-size: 0.9rem;
  }
  article.flow section ol li h4 span{
    font-size: 2rem;
  }
  article.flow section ol li p.img{
    max-width: 35px;
  }
  body.counseling .traial_main h2{
    font-size: 2.9rem;
  }
  .counesling_h section h3 strong,
  .counesling_h section h3 strong span{
    font-size: 1.8rem;
  }
  .counesling_h section h3{
    font-size: 1.1rem;
  }
  section.privacy .privacy_h{
    padding: 0 0 50px 0;
  }
  section.audition .slider_wrapper{
    margin-top: 60px;
  }
  body.audition section.audition .ent_wrap .ent{
    max-width: calc((100% - 15px) / 4);
  }
  body.audition section.audition .ent_wrap .ent img{
    width: 100%;
  }
  body.audition section.audition p{
    line-height: 22px;
    letter-spacing: 0.01rem;
  }
  body.audition p strong, body.audition p em{
    font-size: 1.4rem;
  }
  body.audition section.line{
    gap: 30px;
  }
  body.audition section.line .text_wrap{
    width: 100%;
  }
  body.audition section.line .text_wrap h2{
    line-height: 40px;
    font-size: 2.1rem;
  }
  body.audition section.line .text_wrap h2 em{
    font-size: 5.5rem;
  }
  body.audition section.line .text_wrap .line_text p{
    line-height: 35px;
    font-size: 1.4rem;
  }
  body.audition section.line .mockup_wrap p.img{
    max-width: 150px;
  }
  body.audition section.line .mockup_wrap .id_wrap{
    top: 67%;
  }
  body.audition article.debut{
    padding: 100px 10px 70px 10px;
  }
  body.audition article.debut h2{
    padding-left: 10px;
    font-size: 2.4rem;
  }
  body.audition article.debut section{
    flex-direction: column;
  }
  body.audition article.debut section .step p br{
    display: none;
  }
  body.audition article.debut section .step p{
    padding-bottom: 5px;
    text-align: start;
    font-style: italic;
    font-size: 2rem;
  }
  body.audition article.debut section .step span{
    font-style: normal;
    font-size: 4rem;
  }
  body.audition article.debut section .text{
    padding: 5px 0;
    border-left: none;
    border-top: 1px solid #05CE8A;
  }
  body.audition article.debut section .text h3{
    font-size: 1.6rem;
  }
  body.audition article.debut section .text p{
    padding-top: 5px;
    font-size: 1.3rem;
    line-height: 20px;
  }
  body.audition article.debut section{
    width: 90%;
    max-height: 260px;
  }
  body.audition article.debut section.step2{
    margin-left: 2%;
  }
  body.audition article.debut section.step3{
    margin-left: 4%;
  }
  body.audition article.debut section.step4{
    margin-left: 6%;
  }
  body.audition article.debut section.step5{
    margin-left: 8%;
  }
  body.audition section.trainee_wrapp .trainee_wrapp{
    padding: 10px;
  }
  body.audition section.trainee_wrapp .trainee{
    padding: 40px 20px;
  }
  body.audition section.trainee_wrapp .trainee h3{
    font-size: 1.8rem;
  }
  body.audition section.trainee_wrapp .trainee ul li{
    font-size: 1.3rem;
  }
  body.audition section.trainee_wrapp .comment p br{
    display: none;
  }
  body.audition article.monthlytest section{
    padding: 10px;
  }
  body.audition article.monthlytest section .sec_wrapp{
    padding: 45px 5px;
  }
  body.audition article.monthlytest section .sec_wrapp table tr td{
    font-size: 1.3rem;
  }
  body.audition article.monthlytest section .sec_wrapp table tr th{
    padding-right: 2%;
  }
  section.privacy ol{
    padding: 0;
  }
  body.counseling section.meeting_ul_sec ul li{
    font-size: 1.6rem;
  }
  body.system h2{
    font-size: 2.9rem;
  }
  body.system .price th .th .p-list_wrap p.yen span{
    font-size: 3.3rem;
  }body.system .price th .th p.yen{
    font-size: 1.4rem;
  }
  body.system tr th .th p.off span{
    font-size: 1.6rem;
  }
  tr th .th p.off span::before{
    top: 9px;
  }
  body.system .price th .th .p-list_wrap h4{
    font-size: 1.5rem;
  }
  body.system section.price .t2 .tr_last{
    padding: 10px 0 20px 0;
  }

}


/* :hover 使える端末 */
@media (hover: hover) {
  h1 a:hover,
  footer .footer_top address p.address_logo img:hover{
    filter: brightness(1.6);
  }
  header nav ul li a:hover{
    background-position: 0% 100%;
  }
  header nav ul li a:hover{
    text-shadow: 0 0 2px #10b597;
  }
  .visual_img .headfoot_bnr p.bnr1 a:hover{
    filter: brightness(1.6);
  }
  .visual_img .headfoot_bnr p.bnr3 a:hover,
  footer .footer_top .headfoot_bnr a:hover{
    filter: brightness(1.4);
  }
  footer .footer_top nav dl dd ul li a:hover,
  footer nav.ft_bottom ul li a:hover{
    background-position: bottom left;
    background-size: 100% 0.5px;
  }
  /* ボタン↓ */
  .button a:hover {
    color: #000;
    font-weight: 400;
  }
  .button a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
  }
  article.contact .contact_wrapper section .contact_text .line_button:hover{
    background-color: #2cf680;
  }
  section.access .access_text .map_button:hover{
    background-color: #20c58e;
  }
  section.sns .sns_item p:hover{
    background-color: #283f35;
  }
  /* body.trainer↓ */
  body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_img p a:hover{
    text-shadow: 0 0 10px #00ffaa;
  }
  /* body.system↓ */
  body.system .t2 .table_btn:hover{
    background-color: #00d486;
  }
  body.system .t3 .table_btn:hover{
    background-color: #e7e7e7;
  }
  .counsel_bottom .counsel_btn a:hover{
    background-color: #00ffaa;
  }
  .meeting_bottom .counsel_btn a:hover::before{
    opacity: 1;
  }
  /* body.audition↓ */
  body.audition section.line .mockup_wrap .id_wrap p.lineid:hover{
    background-color: #505050;
  }
  /* body.law↓ */
  section.law table tr a:hover{
    color: #999;
    border-bottom: 1px solid #999;
  }
}


/* :hover 使えない端末 */
@media (hover: none) {
  h1 a:active,
  footer .footer_top address p.address_logo img:active{
    filter: brightness(1.6);
  }
  header nav ul li a:active {
    transition: 0s;
    background-position: 0% 100%;
  }
  header nav ul li a .menu_en:active{
    text-shadow: 0 0 2px #10b597;
  }
  .visual_img .headfoot_bnr p.bnr1 a:active{
    transition: 0s;
    filter: brightness(1.7);
  }
  .visual_img .headfoot_bnr p.bnr3 a:active,
  footer .footer_top .headfoot_bnr a:active{
    transition: 0s;
    filter: brightness(1.4);
  }
  footer .footer_top nav dl dd ul li a:active,
  footer nav.ft_bottom ul li a:active{
    background-position: bottom left;
    background-size: 100% 0.5px;
    transition: background-size 0.05s;
  }
  /* ボタン↓ */
  .button a:active {
    color: #000;
    font-weight: 400;
    transition: color 0s ease;
  }
  .button a:active::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: 0s;
  }
  article.contact .contact_wrapper section .contact_text .line_button:active{
    background-color: #29ea79;
    transition: 0s;
  }
  section.access .access_text .map_button:active{
    background-color: #20c58e;
    transition: 0s;
  }
  section.sns .sns_item p:active{
    background-color: #283f35;
    transition: .4s;
  }
  /* body.trainer↓ */
  body.trainer section.trainer .trainer_wrapper .trainer_content .trainer_img p a:active{
    text-shadow: 0 0 10px #00ffaa;
    transition: 0s;
  }
   /* body.system↓ */
   body.system .t2 .table_btn:active{
    background-color: #00d486;
    transition: 0s;
  }
  body.system .t3 .table_btn:active{
    background-color: #e7e7e7;
    transition: 0s;
  }
  .counsel_bottom .counsel_btn a:active{
    background-color: #00ffaa;
    transition: 0s;
  }
  .meeting_bottom .counsel_btn a:active::before{
    opacity: 1;
  }
  /* body.audition↓ */
  body.audition section.line .mockup_wrap .id_wrap p.lineid:active{
    background-color: #505050;
    transition: 0s;
  }
  /* body.law↓ */
  section.law table tr a:active{
    color: #999;
    border-bottom: 1px solid #999;
  }
}