@charset "UTF-8";
@media screen and (max-width: 1024px) {

    /*works*/
    .webgene-pagination :is(.prev, .next),
    .webgene-pagination ul .number.selected,
    .webgene-pagination ul .number {
        width: 2em;
        height: 2em;
        margin: 0;
    }
    .webgene-pagination ul {
        width: 100%;
        justify-content: space-between;
    }
    .webgene-pagination .prev {
        margin: 0;
    }
    .webgene-pagination .next {
        margin: 0;
    }





    /*contact*/
    .privacyformError {
        margin-top: -36.5px !important;
    }




    /*index*/
    .index .mainimg {
        height: 55vw;
    }

    .index_cnt1 .inner .col2 .left {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .index_cnt1 .inner .col2 .left .pic1 {}
    .index_cnt1 .inner .col2 .left [class^="pic"] {
        /*opacity: 0.75;*/
    }
    .index_cnt1 .inner .col2 .right h3 {
        position: relative;
        z-index: 2;
        text-shadow: 0 0 0.5rem rgba(255, 255, 255, 1)
    }
    .index_cnt1 .inner .col2 .right p {
        position: relative;
        z-index: 2;
        text-shadow: 0 0 0.5rem rgba(255, 255, 255, 1)
    }
    .index_cnt2 .inner .grid {
        grid-template-columns: 1fr;
    }
    .index_cnt3 .inner .webgene-blog {
        grid-template-columns: 1fr;
    }
    .index_cnt4 .inner .flex {
        display: block;
    }
    .index_cnt4 .inner .flex .webgene-blog {
        width: 100%;
    }
    .index_cnt4 .inner .flex .more {
        width: 100%;
        min-height: 6rem;
        border-radius: 0.5rem;
    }
    .index_cnt5 .inner .calendar {
        height: 40rem;
    }
    .index_cnt6::before {
        display: none;
    }
    .index_cnt6 .inner .col2 {
        display: block;
    }
    .index_cnt6 .inner .col2 :is(.left, .right) {
        width: 100%;
        margin: 0 0 2rem;
    }
    .index_cnt6 .inner .col2 .right .em a::after {
        display: none;
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
        min-height: auto;
    }
    form .dl .dd {
        width: 100%;
    }
    form .terms {
        height: 12rem;
    }


    /*about*/
    .about .mainimg > .pic img{
        object-position: center;
    }
    .about_cnt2 .inner .window .dl {
        display: block;
    }
    .about_cnt3 {
        padding: 15rem 0 5rem !important;
    }
    .about_cnt3 .window .inner .dl {
        padding-left: 6rem;
    }
    .about_cnt3 .window .inner .dl::before {
        left: 0;
        width: 5rem;
        height: 5rem;
        font-size: 1.4rem;
        padding: 0 0 1rem;
        top: initial;
    }
    .about_cnt4 .inner .col2 .right .dl {
        display: block;
    }
    .about_cnt4 .inner .col2 .right .dt {
        width: 100%;
    }
    .about_cnt4 .inner .col2 .right .dd {
        width: 100%;
    }
    .about_cnt4 .inner .map {
        width: 100%;
    }


    /*lesson*/
    .lesson_cnt1 .inner .ul {
        display: block;
    }
    .lesson_cnt1 .inner .li {
        width: calc(100% - 0.5rem);
        justify-content: center;
        margin: 0 0 3rem;
        padding: 0 1em;
    }
    .lesson_cnt1 .inner .grid {
        grid-template-columns: 1fr;
        gap: 5rem;
    }
    .lesson_cnt1 .inner .dance {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .lesson_cnt1 .inner .dance .cap {
        grid-row: auto;
        grid-column: auto;
    }
    .lesson_cnt1 .inner .dance .dt {
        grid-row: auto;
        grid-column: auto;
    }
    .lesson_cnt1 .inner .dance .pic {
        grid-row: auto;
        grid-column: auto;
    }
    .lesson_cnt1 .inner .dance .cmt {
        grid-row: auto;
        grid-column: auto;
    }
    .lesson_cnt2 .window .inner .col2::before {
        left: 0;
        top: -2rem;
        width: 5rem;
        height: 5rem;
        font-size: 1.4rem;
        padding: 0 0 1rem;
    }



    /*blog*/
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
        flex-wrap: wrap;
    }
    .blog_cnt2 .inner .webgene-blog {
        grid-template-columns: 1fr;
    }
    .blog_cnt2 .inner .webgene-blog .webgene-item .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .webgene-pagination {
        grid-column: auto;
    }
    .webgene-pagination ul {
        margin: 5rem auto 0;
    }


}



/*------------*/
/*---767（ipad以下）pxまで---*/
@media screen and (max-width: 767px) {
  .index_cnt1 .inner .col2 .right .titleA h2 {
    font-size: 2.1rem;
  }
  .index .mainimg .reserve {
    display: none;
  }
  .header {
    height: 6rem;
  }
  .navToggle {
    top: calc((8rem - 80px) / 2);
  }
  .index .mainimg {
    height: auto !important;
  }
  .index .mainimg {
    padding: 7rem 2rem 2rem !important;
  }
  .index_cnt1 .inner .col2 .left .pic1,
  .index_cnt1 .inner .col2 .left .pic2,
  .index_cnt1 .inner .col2 .left .pic3,
  .index_cnt1 .inner .col2 .left .pic4 {
    width: calc(50% - 5px);
  }
  .index_cnt1 .inner .col2 .right {
    width: 100%;
  }
  .index_cnt6 .inner .col2 .left .dl {
    display: block;
  }
  .index_cnt7 .inner h3 {
    font-size: 2.5rem;
  }
  .about_cnt3 .window .inner h4,.lesson_cnt1 .inner .col2 .right .flex h4,.lesson_cnt2 .window .inner .col2 .right h4 {
    font-size: 2.2rem;
  }
  .about_cnt3 .window .inner .dt,.lesson_cnt1 .inner .grid .dt,.lesson_cnt1 .inner .dance .dt,.lesson_cnt2 .window .inner .dt,
  .blogdetail_cnt2 .inner .webgene-blog .webgene-item .dt{
    font-size: 2rem;
  }
  .about_cnt2 .inner .set {
    width: 90%;
  }
  form .dl {
    margin: 1rem 0;
  }
  .about_cnt3 .window .titleA {
    margin: 0 0 5rem;
  }
  .about_cnt4 .inner .col2 .right .dd {
    padding: 0rem 0 1rem 2rem;
  }
  .about_cnt4 .inner .col2 .right .dt {
    padding: 1rem 0 0rem 2rem;
  }
  .lesson_cnt1 .inner .col2 .right .flex {
    display: block;
  }
  .lesson_cnt1 .inner .col2 .right .flex h4 {
    align-items: center;
  }
  .about_cnt3 .window .inner .dl::before {
    position: static;
    margin: 0 0 1rem;
  }
  .about_cnt3 .window .inner .dl {
    align-items: center;
    text-align: center;
    padding-left: 0;
  }
}

/*---768pxから1024pxまで（ipad以上ipadpro以下）---*/
@media (min-width: 768px) and (max-width: 1024px) {
  .index_cnt1 .inner .col2 .left .pic1,
  .index_cnt1 .inner .col2 .left .pic2,
  .index_cnt1 .inner .col2 .left .pic3,
  .index_cnt1 .inner .col2 .left .pic4 {
    width: calc(23% - 1px);
  }
  .index_cnt1 .inner .col2 {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .index_cnt2 .inner .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  form .dl,
  .about_cnt4 .inner .col2 .right .dl {
    display: flex;
  }
  form .dl .dt,
  .about_cnt4 .inner .col2 .right .dt {
    width: 50%;
  }
  .footer .inner .col2 .left .logo {
    width: 20%;
  }
  .header .logo {
    height: inherit;
  }
  .lesson_cnt1 .inner .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .header .nav {
    max-width: none;
  }
  .index_cnt6 .inner .col2,.about_cnt2 .inner .set .col2{
    display: flex !important;
  }
  .about_cnt2 .inner .set .col2 :is(.left, .right){
    margin: 0 0 0rem !important;
  }
}
@media screen and (max-width: 1024px) {
  .index_cnt1 .inner .col2 .left {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }
  .index_cnt1 .inner .col2 .left .pic1,
  .index_cnt1 .inner .col2 .left .pic2,
  .index_cnt1 .inner .col2 .left .pic3,
  .index_cnt1 .inner .col2 .left .pic4 {
    position: static !important;
    margin: 0;
    transform: none !important;
  }
  
}
/*---1025px以上（ipadpro以上）---*/
@media screen and (min-width: 1025px) {
  .index .mainimg {
    padding: 8rem 8.5vw 0;
  }
  .index_cnt1 {
    padding: 30rem 0 33rem;
  }
  .spbr br {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
form .col {
  margin: 0 auto 8rem;}
  .about_cnt2 {
    padding: 15rem 0;}
}
.lesson .mainimg>.pic img {
    object-position: center 20%;
}
.lesson_cnt1 .inner .grid .dl {
    margin-bottom: 5rem;
}
.lesson_cnt1 .inner .grid {
    margin: 0 auto 5rem;
}
}