@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 780px
---------------------------------------------*/
@media screen and (max-width: 780px) {

  /* 追加設定 */

#top_ban{
padding-top:0;
padding-bottom:15px;
}

.sign_img{
margin-right:7%;
}

.sign_img img{
width:80px !important;
}

.trial_img{
width:100%;
}

.class_list{
padding:15px 10px 5px 10px;
font-size:90%;
margin-bottom:20px;
}

.class_list dl{
width: 100%;
margin-right:0;
}


.class_list dl dt{
width:22%;
}

.class_list dl dd{
width:75%;
}

  .yokosuku{
  text-align:right;
  line-height:1.3;
  font-size:11px;
  margin-bottom:6px;
  display:block;
  }

  .yokosuku span{
  text-align:right;
  line-height:1.1;
  font-size:11px;
  background:#eee;
  display:inline-block;
  padding:4px 10px 2px 10px;

  }

  
  .study_line h4 span{
  padding-right:0;
  }
  .study_line h4{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 120%;
    text-align: center;
    background:none;
  }
  
  .study_line h4:before,
  .study_line h4:after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #333;
  }
  
  .study_line h4:before {
    margin-right: 12px;
  }
  .study_line h4:after {
    margin-left: 12px;
  }
  

.year_ttl{
font-size:19px;
padding: 0 40px;
margin-top:-15px;
}

  /*---------------------------------------------
	body
---------------------------------------------*/
  html {
    scroll-behavior: smooth;
  }

  body {
    font-size: 13px;
    line-height: 1.8;
    border: none;
  }

  .hover:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: 'alpha( opacity=100 )';
  }

  .only_pc {
    display: none;
  }

  .only_pc_inline {
    display: none;
  }

  .only_pc_line {
    display: none;
  }

  .only_sp {
    display: block;
  }

  .only_sp_inline {
    display: inline-block;
  }

  .sp_br {
    display: inline;
  }

  .sp480_br {
    display: none;
  }

  .pc_br {
    display: none;
  }

  /*画像*/
  img {
    max-width: 100%;
    height: auto;
  }


  /*---------------------------------------------
 ** スマホメニュー
---------------------------------------------*/
  #header_pc {
    display: none;
  }

  #header_sp {
    height: 70px;
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 6px solid #f85674;
    border-bottom: solid 1px #f85674;
    z-index: 999;
    background: #fff;
  }

  #header_sp::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #f85674;
    position: absolute;
    bottom: -4px;
  }

  #header_sp h1 {
    max-width: 200px;
    margin: 15px auto 0;
  }

  .hamburger {
    display: block;
    position: absolute;
    z-index: 3;
    right: 5px;
    top: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    z-index: 99999;
  }

  .hamburger span {
    display: block;
    position: absolute;
    width: 25px;
    height: 3px;
    left: 10px;
    background: #f85674;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }

  .hamburger span:nth-child(1) {
    top: 12px;
  }

  .hamburger span:nth-child(2) {
    top: 21px;
  }

  .hamburger span:nth-child(3) {
    top: 30px;
  }


  .hamburger.active span:nth-child(1) {
    top: 20px;
    left: 10px;
    background: #f85674;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 20px;
    background: #f85674;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }

  .mm-wrapper_opened #menu {
    display: block;
  }

  .mm-panel {
    background: #f9dfe4 !important;
  }

  .mm-navbar {
    color: #fff !important;
  }

  .mm-slideout {
    cursor: pointer;
    z-index: 3;
  }

  .mm-navbar {
    background: #d92849;
  }

  .mm-navbar a {
    color: #fff !important;
  }


  .mm-listitem {
    background: #f85674 !important;
  }

  .mm-menu a,
  .mm-menu a:active,
  .mm-menu a:hover,
  .mm-menu a:link,
  .mm-menu a:visited {
    color: #fff;
  }

  #sp_nav_foot_block{
    display: none;
  }

  .mm-wrapper_opened #sp_nav_foot_block{
    width:100%;
    height:105px;
    display: block;
    background:#f9dfe4 !important;
    position:fixed;
    bottom:5px;
    left:0;
    z-index:999;
  }
 #sp_nav_foot {
    width: 180px;
    margin: 0 auto;
    z-index:999;
  }

  #sp_nav_foot ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  #sp_nav_foot li {
    width: 14%;
  }

  #sp_nav_foot li.icon_small {
    width: 9%;
    margin-bottom: 3px;
  }

  #sp_nav_foot li.icon_wide {
    width: 16%;
  }

  #sp_nav_foot li a {
    display: block;
  }

  #menu {
    margin-top: 70px;
    z-index: 2;
  }
 .mm-wrapper_opened #menu {
    margin-bottom:40px;
  }

  #main {
    width: 90%;
    margin: 0 auto 12px;
    position: relative;
    padding-top: 75px;
  }

  .slide2 .slick-arrow {
    width: 12px;
    right: -5px;
  }

  .slide2 .prev-arrow {
    width: 12px;
    left: -5px;
  }

  .slide2 .prev-arrow:hover {
    transform: translateX(0);
  }

  .slide2 .next-arrow:hover {
    transform: translateX(0) scale(-1, 1);
  }
  #top_concept{
    padding:5% 0;
  }
  #top_concept h2 {
    max-width: 110px;
  }
  #top_class{
    padding:8% 0;
  }
  #top_class h2 {
    max-width: 85px;
  }
  .top_class_list{
    margin-bottom:0;
  }
  .top_class_list>div{
    width:90%;
    max-width:500px;
    margin:0 auto 5%;
  }

  .top_class_list>div>a{
    font-size:100%;
  }
  #top_class h2+p{
    margin-bottom:5%;
  }
  .top_class_list>div>img{
    max-width:350px;
  }
  .top_class_list>div>a p.arrow_detail{
    width:calc(100% - 100px);
    text-align: right;    
  }
  #top_junior{
    padding:10% 0;
  }
  #top_junior a{
    border-radius: 20px;
    padding:3% 0 6%;
  }
  #top_junior a>img{
    top:70%;
    right:0;
    left:0;
    margin:0 auto;
  }
  #top_news {
    padding: 8% 0 8%;
  }
  #top_news h2 {
    max-width: 100px;
  }

  #top_news .top_news_list dl dd {
    width: calc(97% - 165px);
    margin-left: 80px;
  }

  #top_news .top_news_list dl dd span {
    width: 70px;
    left: -70px;
  }
  #top_news .top_news_list > p{
    text-align: center;
    font-size:120%;
    padding-top:3%;
  }

  
  #page-top a {
    width: 20px;
  }

  .foot_l {
    width: 100%;
  }

  .foot_l p {
    font-size: 80%;
  }

  .foot_r {
    width: 300px;
  }  
  .foot_r ul {
    margin: 0 auto;
  }

  .foot_r ul li:first-child::before {
    left: -16px;
    height: 16px;
    top: 1px;
  }

  .foot_r ul li::after {
    right: -15px;
    height: 16px;
    top: 1px;
  }


  #news_list_all {
    margin-top: 0;
  }

  #news_list_all #main {
    width: 100%;
    margin: 0 0 3%;
  }

  #news_list_all #main h2 {
    width: 38%;
    max-width: 170px;
    margin: 0 auto 3%;
  }

  #news_list_all #content {
    width: 100%;
    margin-bottom: 3%;
  }

  #news_list_all .top_news_list {
    margin-bottom: 5%;
  }

  #news_list_all .top_news_btn {
    margin-top: 5%;
  }

  div[id^='anc_'] {
    padding-top: 80px;
    margin-top: -80px;
    display: block;
    pointer-events: none;
  }
  .class_teacher_list{
    justify-content: center;
  }
  .class_teacher_list dl {
     width:30%;
     margin:2% 1% 2%;
    }
  .class_teacher_list dl:nth-child(5n) {
    margin:2% 1% 2%;
  }
  .studio_icon {
    width: 280px;
  }
  .studio_icon .icon_boy{
    width:65px;
    margin:3px;
  }
  .studio_icon .icon_first{
    width:65px;
    margin:3px;
  }
  .studio_icon .icon_kinder{
    width:65px;
    margin:3px;
  }
  .studio_icon .icon_toe{
    width:60px;
    margin:3px;
  }
  .studio_icon .icon_junior{
    width:74px;
    margin:3px;
  }
  .studio_icon .icon_honka{
    width:60px;
    margin:3px;
  }
  .studio_icon .icon_adult{
    width:74px;
    margin:3px;
  }

  .studio_tbl table{
    width:900px;
  }
  .studio_tbl table tr th, .studio_tbl table tr td {
    width: 135px;
    padding:8px 7px;
  }
  .studio_tbl table tr th:nth-of-type(1) {
    width:90px;
  }
  .class_price dl dt{
    width:80px;
  }
  .class_price dl dd{
    width:calc(100% - 80px);
  }
  .class_price dl dt.dt_pre{
    width:130px;
  }
  .class_price dl dd.dd_pre{
    width:calc(100% - 130px);
  }
  .class_price dl dd table tr th, .class_price dl dd table tr td{
    padding:15px 10px;
  }
  .class_address{
    margin-bottom:8%;
  }
  .class_address>div .class_address_list {
    margin: 2% 0 2% 0;
  }
  .class_address>div .class_address_access {
    margin-left: 0;
  }

  .class_studio_img >div,
  .class_studio_movie >div{
    width:100%;
  }
  .class_studio_img >div dl,
  .class_studio_movie >div dl{
    width:100%;
    max-width:500px;
    margin:1% auto 5%;
  }

  .greeting_img{
    width:80%;
    max-width:300px;
    margin:0 auto 3%;
    text-align: center;
  }
  .greeting_img p{
    margin-bottom:10px;
    font-size:130%;
    margin-top:5px;
    line-height:1.6;
  }
  .greeting_img p span{
    display: block;
    margin-right:0;
  }
  #school_about_all .text_right{
    text-align:center;
  }
  .greeting_p{
    width:100%;
  }
  .school_class_box{
    font-size:110%;
    margin-bottom:8%;
  }
  .school_class_block h4{
    text-align: center;
    font-size:130%;
  }
  .school_class_table>div>div:nth-child(1){
    width:100%;
    height:4rem;
    font-size:110%;
  }
  
  .school_class_table>div>div:nth-child(2){
    width:100%;
    padding:10px 15px 15px;
  }
  .school_class_table>div>div:nth-child(1) span{
    height:3rem;
  }
  .school_class_table>div>div:nth-child(2) .into_td {
    padding: 3% 3%;
    margin-top: 4%;
  }
  .school_class_boy_intro>div{
    width:100%;
  }
  .school_class_block .school_class_boy_intro h4{
    text-align: center;
  }
  
  .school_class_boy_intro>img{
    width:100%;
    max-width:500px;
    margin:0 auto 5%;
  }
  
  .accordion-container .accordion-title::after {
    top: 12px;
    right: 3%;
    width: 15px;
    height: 15px;
  }
  
  .accordion-container .accordion-title.open::after {
    top: 20px;
    right: 3%;
    width: 15px;
    height: 15px;
  }

  .school_class_adult_box>div ul li span:nth-of-type(1) {
      min-width: 65px;
  }
  .school_class_adult_box>div ul li span:nth-of-type(1)::after {
    right: 5px;
  }
  .accordion-content {
    padding: 20px 20px 20px 55px;
  }
  .accordion-content span {
    margin-left: -3rem;
  }
  .school_class_adult_box>div ul{
    font-size:110%;
  }
  .accordion-content{
    font-size:110%;
  }
  .school_trial_table>div>div:nth-child(1){
    width:100%;
    height:4rem;
    font-size:110%;
  }
  .school_trial_table>div>div:nth-child(1) span{
    font-size:100%;
  }
  
  .school_trial_table>div>div:nth-child(2){
    width:100%;
    padding:10px 15px 15px;
  }



  @media screen and (max-width: 680px) {
    .top_news_list dl dd {
      width: 100% !important;
      margin-top: 5px !important;
      margin-left: 0 !important;

    }

    .top_news_list dl dd span {
      top: -28px !important;
      left: 110px !important;
    }

    .top_news_btn ul {
      width: 90%;
      margin: 0 auto;
    }

    .top_news_btn ul li {
      width: 49%;
    }

    .top_news_btn li a {
      margin-bottom: 10px;
    }

    #news_list_all .top_news_btn ul {
      width: 100%;
    }
    .school_about_data_box .gothic{
      text-align: left;
    }
    .school_about_data_box .gothic br{
      display: none;
    }
    #school_about_all .school_about_data h3 span {
      font-size: 130%;
      margin-bottom:5%;
    }
    #school_about_all .school_about_data h3 span::before, #school_about_all .school_about_data h3 span::after {
      top: 60%;
    }
    #school_about_all .school_about_data h3 small {
      bottom: 10px;
    }

    .school_about_data_box>div{
      text-align: right;
      padding:3%;
    }
    #school_about_all .school_about_data_box .arrow_detail{
      margin-right:50px;
    }
    .school_about_data_box>div h4 {
      font-size: 140%;
      text-align: center;
    }
    .school_about_link {
      padding: 3%;
      margin-bottom:7%;
    }
    .school_about_contact {
      padding: 3%;
    }
    .school_about_link>div>a {
      width: 100%;
      max-width:250px;
      margin:5px auto;
    }
    .school_class_adult_block{
      padding-top:5%;
    }
    .school_class_adult_box>div{
      width:100%;
      max-width:500px;
      margin:0 auto 10%;
    }
    .school_class_adult_box>div>img{
      max-width:320px;
      margin-bottom:6%;
    }
    .school_class_adult_box>div>div{
      min-height:auto;
    }
    .school_class_adult_box>div>div h3 {
      top: -20px;
    }
    .school_junior_table>div>div:nth-child(1){
      width:100%;
      padding:20px;
    }
    .school_junior_table>div>div:nth-child(2){
      width:100%;
      padding:15px 5% 20px;
    }

    .school_faq_block h3{
      text-align: left;
    }

  }

  @media screen and (max-width: 600px) {
    .list_studio a>h6,
    .list_studio a>p{
      width:100%;
      margin-right:0;
      font-size:130%;
      margin-left:10px;
      text-align: center;
    }
    .list_studio a>ul{
      margin:10px auto 0;
    }
    .list_studio a>img {
      width: 35px;
      right: 15px;
      top: 22px;
      bottom: auto;
      margin: 0;
  }

  }

  @media screen and (max-width: 580px) {
    #top_news .top_news_btn ul li {
      width: 100%;
      margin: 0 auto 1%!important;
    }
    .top_news_btn li span {
      font-size: 140%;
    }
    .top_news_btn li a {
      padding: 7% 3% 13% 8%;
    }
    .foot_r ul {
      width: 90%;
      max-width: 280px;
      justify-content: center;
    }

    .foot_r ul li {
      width: 40%;
      text-align: center;
      margin-bottom: 2%;
    }

    .foot_r ul li:first-child{
      margin:0 30% 2%;
    }
    .foot_r ul li:first-child::before {
      left: -10px;
      height: 10px;
      top: 1px;
    }

    .foot_r ul li::after {
      right: 0px;
      height: 10px;
      top: 1px;
    }

    .foot_r ul li:nth-child(2n):before {
      content: '';
      width: 1px;
      height: 15px;
      display: block;
      background: #f85674;
      position: absolute;
      left: -3px;
      height: 10px;
      top: 1px;
    }

    .foot_l {
      margin: 10px auto 0;
    }

    #foot_inner {
      padding-bottom: 15px;
    }

  }

  @media screen and (max-width: 480px) {
    body {
      font-size: 1.2rem;
    }

    #main {
      padding-top: 73px;
    }

    .slick-dots {
      right: 10px;
      bottom: -25px;
    }

    .slick-dots li {
      width: 5px;
      margin: 0 0 0 15px;
    }

    .main_scroll {
      width: 12px;
      left: -20px;
    }

    #top_concept h2 {
      max-width: 90px;
    }
    #top_concept p {
      font-size: 140%;
    }  
    #top_class h2 {
      max-width: 65px;
   }
   .top_class_list>div {
    margin: 0 auto 8%;
  }
  .top_class_list>div>a p.arrow_detail {
    width: calc(100% - 80px);
  }
  .top_class_list>div>a p.arrow_detail img {
    width: 60px;
    right: -65px;
  }
  .top_class_list>div>a:hover p.arrow_detail img {
    right: -75px;
  }
   #top_junior{
    padding:15% 0;
   }
   #top_junior a {
    border-radius: 10px;
    padding: 3% 0 8%;
  }

   #top_junior a>img {
    max-width:90px;
    top: 75%;
    right: 0;
    left: 0;
    margin: 0 auto;
  }

    #top_news h2 {
      max-width:80px;
      margin-bottom: 5%;
    }

    #top_news .top_news_list dl a {
      padding: 4% 0;
    }

    #top_news .top_news_list dl dd span {
      top: -25px;
    }

    #top_news .top_news_list dl dd {
      margin-top: 3px
    }

 
    .sp480_br {
      display: inline;
    }

 
    .top_news_detail .news_title img {
      width: 90px;
      margin-right: 10px;
    }

    .top_news_detail .news_title h3 {
      padding-bottom: 3%;
      margin-bottom: 5% !important;
    }

    .news_kiji {
      margin-bottom: 10%;
    }

    .h2_pink_bg h2 {
      padding: 25px 0;
      font-size: 150%;
      letter-spacing: 0.2rem;
      margin-top:2%;
    }
    #school_class_list_all .read {
      margin-bottom: 14%;
      font-size:140%;
    }
    select#class_list_select {
      padding: 0.6em 1em;
      margin-top:25px;
    }
    .school_class_list_data h3 span{
      font-size:130%;
    }
    .school_class_list_data h3 span::before,
    .school_class_list_data h3 span::after{
      content:'';
      width:100px;
    }
    .school_class_list_data h3 span::before{
      left:-120px;
    }
    .school_class_list_data h3 span::after{
      right:-120px;
    }
    .list_city h5{
      padding:5px 10px;
    }
    .school_class_info_data>div:nth-of-type(1) {
      top:-20px;
    }  

    #school_class_list_all label::after, #school_class_info_all label::after{
      top:6px;
    }
    ::-webkit-full-page-media, :future, :root #school_class_list_all label::after, #school_class_info_all label::after{
      top:6px;
    }

    #school_class_list_all .school_class_info_data label::after, #school_class_info_all label::after{
      top:40px;
    }
    ::-webkit-full-page-media, :future, :root #school_class_list_all .school_class_info_data label::after, #school_class_info_all label::after{
      top:38px;
    }

    .school_class_info_data h3 span{
      font-size:140%;
    }
    .school_class_info_data h3 span::before,
    .school_class_info_data h3 span::after{
      width:80%;
    }
    .school_class_info_data h3 span::before{
      left:-130px;
    }
    .school_class_info_data h3 span::after{
      right:-130px;
    }

    ::-webkit-full-page-media, :future, :root .studio_tbl .fixed01:before{
      content: "";
      position: absolute;
      top: -0.5px;
      left: 0.5px;
      width: calc(100% - 3px);
      height:calc(100% - 1px);
      border-right:1.5px solid #ccc;
      border-left: 1.5px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
    }
    .class_price dl .class_price_dd_table{
      margin-top:-4.5%;
    }
    .class_price dl dd table tr{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
    }
    .class_price dl dd table tr th{
      width:100%;
      padding:10px 20px;
      border:none;
    }
    .class_price dl dd table tr th br{
      display: none;
    }
    .class_price dl dd table tr td{
      width:100%;
      margin-bottom:3%;
      padding:15px 20px;
      border:none;
    }

    .class_price dl dd ul li span{
      font-size:130%;
      text-align: center;
      display: block;
      line-height:1.6;
      margin:1% 2% 2% 0;
    }
    .class_price dl dd ul li span br{
      display: inline;
    }
    .class_price dl dd.dd_pre{
      position: relative;
      padding-top:17px;
      padding-bottom:50px;
    }
    .class_price dl dd.dd_pre a.btn_pink_arrow {
      margin: 0;
      padding: 7px 120px 7px 15px;
      position:absolute;
      bottom:5px;
      left:-40px;
    }
    .class_teacher_list dl {
      width: 46%;
      margin: 2% 2% 2%;
    }
    .text_back_box {
      margin-top: 10px;
      text-align: center;
    }
    .text_back img {
      width: 35px;
      top: 5px;
    }
    .studio_tbl,
    .class_price,
    .class_teacher,
    .class_address,
    .class_movie{
      margin-bottom:10%;
    }

    #school_about_all h3 span::before, #school_about_all h3 span::after {
      content: '';
      width: 80px;
    }
    #school_about_all h3 span::before {
      left: -100px;
    }
    #school_about_all h3 span::after {
      right: -100px;
    }
    .greeting_img p {
      margin-bottom: 5px;
    }
    #school_about_all .school_about_data h3 small {
      bottom: 5px;
    }
    #school_about_all .school_about_data h3 span::before{
      width:40px;
      left:-60px;
    }
    #school_about_all .school_about_data h3 span::after {
      width:40px;
      right:-60px;
    }
    .school_about_data,
    .school_about_address{
      padding:8% 0;
    }
    .school_about_link,
    .school_about_contact{
      padding:6% 2%;
    }
    .school_about_link h3{
      line-height:1.6;
      margin-bottom:5%;
    }
    #school_about_all h3 span{
      margin-bottom:2%;
    }
    .school_class_recital_img dl{
      width:100%;
      margin-bottom:7%;
    }
    .school_class_main h3{
      margin-bottom:6%;
    }
    .school_class_table>div>div:nth-child(2){
      padding:10px 5px 15px;
    }

    .school_class_table>div>div:nth-child(2) ul li span:nth-of-type(1){
      min-width:70px;
      margin-right:0;
    }
    .school_class_table>div>div:nth-child(2) ul li span:nth-of-type(1)::after {
      right: 5px;
    }  
    .school_class_table>div>div:nth-child(2) ul li span:nth-of-type(2){
      width:calc(100% - 85px);
    }
    .school_class_table>div>div:nth-child(2) h5 span{
      font-size:85%;
      text-align: center;
      margin-bottom:5px;
    }
    .school_class_table>div>div:nth-child(2) .into_td{
      padding:6% 3%;
    }
    .accordion-content {
      padding: 20px 20px 20px 45px;
    }
    .accordion-container .accordion-title{
      padding: 0.625em 1.0em 2.0em 3.6em;
    }
    .accordion-container .accordion-title::after {
      top: auto;
      right: 0;
      left:0;
      bottom:10px;
      margin:0 auto;
    }  
    .accordion-container .accordion-title.open::after {
      top: auto;
      right: 0;
      left:0;
      bottom:5px;
      margin:0 auto;
    }
    .accordion-content span {
      margin-left: -2.6rem;
    }
    .accordion-container .accordion-title span {
      margin-left: -3.8rem;
    }
    .school_junior_table>div>div:nth-child(2) ul li{
      margin-bottom:8px;
    }
    .school_junior_merit_box li {
      padding: 20px 15px 20px 35px;
    }
    .school_junior_merit_box li span {
      text-indent: -2.2rem;
    }
    .school_junior_table>div>div:nth-child(2){
      padding:10px 5% 25px;
    }
    .school_junior_table>div>div:nth-child(1) span{
      height:2.5rem;
      font-size:105%;
    }
    .school_junior_merit{
      padding:8% 0;
    }
    .school_junior_merit h3 span{
      font-size:150%;
    }
    .school_junior_merit h3 span::before, .school_junior_merit h3 span::after {
      width: 50px
    }
    .school_junior_merit h3 span::before {
      left: -70px;
    }
    .school_junior_merit h3 span::after {
      right: -70px;
    }
    .school_about_contact_tel small{
      display: block;
    }
    .school_trial_main h3{
      font-size:120%;
    }
    .school_trial_table>div>div:nth-child(2) li{
      text-indent: -1.0rem;
      margin-left:1.0rem;
    }

  }
  
  @media screen and (max-width: 420px) {
    .sp420_br {
      display: inline;
    }
    .h2_pink_bg h2{
      font-size:140%;
    }
    .line_contact br{
      display: inline;
    }
    .member_box>p a img {
      width: 70px;
      position: absolute;
      right: -80px;
      top: 7px;
    }
    .repertory_history h3 span::before, .repertory_history h3 span::after {
      width: 50px;
    }
    .repertory_history h3 span::before {
      left: -60px;
    }
    .repertory_history h3 span::after {
      right: -60px;
    }
    .school_class_info_data h3 span {
      font-size: 130%;
    }
    .school_class_info_data h3 span::before, .school_class_info_data h3 span::after {
      width: 70%;
    }
    .school_class_info_data h3 span::before {
      left: -110px;
    }
    .school_class_info_data h3 span::after {
      right: -110px;
    }
    .school_about_data_box>div {
      text-align: right;
      padding: 5% 1% 3%;
    }
    .school_about_data_box .gothic{
      margin-bottom:8px;
    }
    .school_class_recital h3 span {
      font-size: 150%;
    }
    .school_class_recital h3+p{
      font-size:130%;
      margin-top:1%;
      margin-bottom:5%;
    }
    .school_class_recital h3 span::before,
    .school_class_recital h3 span::after{
      width:80px;
    }
    .school_class_recital h3 span::before{
      left:-120px;
    }
    .school_class_recital h3 span::after{
      right:-120px;
    }
    .school_class_adult_faq h3 span::before, 
    .school_class_adult_faq h3 span::after {
      width: 80px;
    }
    .school_class_adult_faq h3 span::before {
      left: -110px;
    }
    .school_class_adult_faq h3 span::after {
      right: -110px;
    }
    .school_junior_merit h3 span {
      font-size: 140%;
    }
    .school_junior_merit h3 span::before, .school_junior_merit h3 span::after {
      width: 50px
    }
    .school_junior_merit h3 span::before {
      left: -70px;
    }
    .school_junior_merit h3 span::after {
      right: -70px;
    }
    .school_faq_block h3{
      font-size:100%;
    }
  }



  @media screen and (max-width: 400px) {

    .main_scroll {
      width: 10px;
      left: -14px;
    }
    #school_class_list_all .read {
      margin-bottom: 20%;
    }
    #school_class_list_all .read>div {
      bottom:-25px;
    }
    .class_price dl dd.dd_pre a.btn_pink_arrow {
      left: -60px;
    }
    .school_about_link h3{
      font-size:110%;
    }
    .school_about_contact h3{
      font-size:110%;
    }
    .school_trial_table>div>div:nth-child(2){
      padding:10px 5px 15px;
    }
    

  }


  @media screen and (max-width: 360px) {
    .foot_l p {
      letter-spacing: -0.01rem;
    }
    .school_class_info_data h3 span{
      font-size:125%;
    }
    .school_class_info_data h3 span::before, .school_class_info_data h3 span::after {
      width: 55%;
    }
    .school_class_info_data h3 span::before {
      left: -80px;
    }
    .school_class_info_data h3 span::after {
      right: -80px;
    }
    .class_price dl dd.dd_pre a.btn_pink_arrow {
      left: -90px;
    }
    #school_about_all .school_about_data h3 small {
      bottom: 0px;
    }
    #school_about_all .school_about_data h3 span::before{
      width:30px;
      left:-50px;
    }
    #school_about_all .school_about_data h3 span::after {
      width:30px;
      right:-50px;
    }

    #school_about_all h3 span {
      font-size: 140%;
    }
    .school_class_block h4 {
      font-size: 120%;
    }
    .school_class_main h3{
      font-size:120%;
    }
    .school_junior_main h3{
      font-size:130%;
    }
    .school_about_link h3{
      font-size:100%;
    }
    .school_about_contact h3{
      font-size:100%;
    }
    .school_about_contact .search_btn a {
      padding: 12px 140px 13px 25px;
    }
    
  }
}

/* スマホのときのみ電話をかける */
@media (min-width: 780px) {
  a[href*='tel:'] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #333 !important;
  }
}