@charset "UTF-8";

.mainimg{width:100%;}
.mainimg .wrap{width:100%;padding:0;position:relative;}
.mainimg .wrap .mainimg-txt{position:absolute; top:52%; left:10%; transform: translate(-0%,-48%);width:80%;}
.mainimg .wrap .mainimg-txt img.txt1{width:50%;margin-bottom:3em;}
.mainimg .wrap .mainimg-txt img.txt2{width:80%;margin-bottom:2em;}
.mainimg .wrap .mainimg-txt img.cam{width:100%}

.mainimg-slide{position:absolute; bottom:-6em;width:100%;overflow:hidden;}
.mainimg-slide img{border:2px solid #fff;}
.swiper-container{width:80%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../imgs/top/slide-next.svg);right: 5px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../imgs/top/slide-prev.svg);left: 5px;}
.swiper-button-next, .swiper-button-prev{background-size: 24px 30px;height: 30px;}
.swiper-slide img{max-width:265px;}

@media screen and (min-width: 768px) {
.swiper-slide img{max-width:370px;}
}
@media screen and (min-width: 769px) {
.swiper-slide img{max-width:240px;}
}

.lecture-btn{position:absolute;top:54%; right:0%; transform: translate(-0%,-46%);width:40%;}

/* body.dance h2{text-align:center;font-size:1.1rem;letter-spacing:6px;line-height:2.2;}
body.dance h2 span{display:block;font-size:1.9rem;letter-spacing:4px;font-weight:bold;line-height: 1.7} */
body.dance h2.about{margin:8em 0 3em;}

.dance-about-wrap{padding:9em 0 3em;background:#333;text-align:center;}
.dance-about-wrap p{line-height:2.3;font-size:1.3rem;margin-bottom:2em;letter-spacing:2px;}
.dance-about-wrap p.about-ttl{margin:0 auto 3em;width:70%;display:block;}
.dance-about-wrap p.about-logo{margin:0 auto 1em;width:16%;display:block;}
.dance-about-wrap iframe{width:100%;margin-bottom:3em;height:200px;}
.dance_about_ttl{
  font-size: 9.2vw;
  font-family: serif;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .05em;
  margin: 0 auto 1em;
}
.youtube{position:relative;border:1px solid #fff;display:block;margin-bottom:3em}
.youtube:before{position:absolute; bottom: 1.25%;right: 1%; transform: translate(-50%,-50%); font-family: fontAwesome; content: '\f167';z-index:4;font-size:2.5em;color:#ccc;}
.youtube img{width:100%;}
.youtube iframe{width:100%!important;height: 200px!important;margin-bottom:0!important;border-right:1px solid #fff;}

.dance-aboutnoa-wrap{padding:3em 0 3em;}
.dance-aboutnoa-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;padding-top:4em;}
.dance-aboutnoa-wrap li{position:relative;width:100%;margin-bottom:5em;}
.dance-aboutnoa-wrap li p.txt{
  position:absolute;top:50%; left:50%; transform: translate(-50%,-50%);width:100%;padding:2em 2em;;text-align:left;font-size:1.3rem;line-height:2.1;letter-spacing:1px;
}
.dance-aboutnoa-wrap li .num{position:absolute;top:-3.5em; left:1em;width:20%}
.dance-aboutnoa-wrap li .txt .ttl{font-size:2.3rem;font-weight:bold;margin-bottom:.5em;display:block;line-height:1.4;
text-align: center;}

.dance-aboutinst-wrap{padding:0 0 2em;}
.dance-aboutinst-wrap .inst-ttl{
  padding:0 1.5em;
  margin-bottom:1.5em;
  text-align:center;
  font-size:1.4rem;letter-spacing:1px;
}
.dance-aboutinst-wrap .inst-ttl img{margin-bottom:1.5em;}
.dance-aboutinst-wrap .inst-btn{
  position:relative; text-align:center
}
.dance-aboutinst-wrap .inst-btn a{display:block;color:#fff;}
.dance-aboutinst-wrap .inst-btn p{position:absolute;top:50%; left:50%; transform: translate(-50%,-50%);font-size:2.6rem;letter-spacing:2px;text-align:center;line-height:2;}
.dance-aboutinst-wrap .inst-btn p span{font-size:60%;display:block;}

.dance-lesson-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;padding:0 0;}
.dance-lesson-wrap section{padding:1em 0 3em;}
.dance-lesson-wrap section h3{margin-bottom:2em;}
.dance-lesson-wrap section p.txt{padding:0 2.5em;font-size:1.3rem;line-height:1.8;margin-bottom:2.5em;}
.dance-lesson-wrap section p.txt img{margin-bottom:1.5em;}
.dance-lesson-wrap section p.link{text-align:center;}

.dance-workshop-wrap{width:100%;position:relative;margin-bottom:3em;}
.dance-workshop-wrap .wrap{position:absolute;top:50%; left:50%; transform: translate(-50%,-50%);width:100%;}
.dance-workshop-wrap h2{font-size:2.1rem;letter-spacing:0!important;font-weight:bold;text-align:center;margin-bottom:1.5em;line-height:1.4!important;}
.dance-workshop-wrap p{font-size:1.4rem;line-height:1.8;}

.dance-osusume-wrap{
  padding:4em 0;
}
.dance-osusume-wrap h2 img{width:70%;margin:0 auto 4em;display:block;}
.dance-osusume-wrap ul{
  width: fit-content;
  /* padding-left: 2em; */
  margin: 1em auto 0;
}
.dance-osusume-wrap li{display: flex; flex-wrap: wrap; justify-content: flex-start;align-items:center;width:100%;font-size:1.4rem;letter-spacing:2px;margin-bottom:2em;}
.dance-osusume-wrap li img{width:20px;margin-right:1em;}

.dance-real-wrap{background-image: url("../imgs/dance/dance-real-bg-sp.webp");background-position: top center;background-size:cover;background-repeat: no-repeat;text-align:center;}
.no-webp .dance-real-wrap{background-image: url("../imgs/dance/dance-real-bg-sp.jpg");}

.dance-real-wrap .bk{background-color:rgba(0, 0, 0, .2);padding:4.5em 0 3em;}
.dance-real-wrap h3{font-size:2rem;font-weight:bold;margin-bottom:1.25em;line-height:1.6;;letter-spacing:1px;}
.dance-real-wrap p{font-size:1.4rem;font-weight:bold;line-height:2;margin-bottom:2.5em;letter-spacing:1px;}

.dance-howto-wrap{background:#333;padding:4em 0 4em;}
.dance-howto-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;font-size:1.6rem;letter-spacing:2px;padding:2em 0 0;}
.dance-howto-wrap li{background:#000;padding:1.5em;position:relative;margin-bottom:3em;}
.dance-howto-wrap li:last-child{margin-bottom:0;}
.dance-howto-wrap li .num{position:absolute; top:-1em; left: -.5em; width:44px;height:44px;border-radius: 50%;text-align:center;letter-spacing:0;background:#4100f9;background:-moz-linear-gradient(left, #4100f9 0%, #da02af 100%);background:-webkit-linear-gradient(left, #4100f9 0%,#da02af 100%);background:linear-gradient(to right, #4100f9 0%,#da02af 100%);filter:progid:DXImageTransform.Microsoft.gradient(startbackgroundstr='#4100f9', endbackgroundstr='#da02af',GradientType=0);color:#fff;}
.dance-howto-wrap li .num p{width:100%;position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-size:.9rem;line-height:1.3;letter-spacing:1px;}
.dance-howto-wrap li .num p span{display:block;font-size:1.4rem;}
.dance-howto-wrap li h3{font-size:1.5rem;font-weight:bold;margin-bottom:.75em;text-align:center;}
.dance-howto-wrap li p{font-size:1.3rem;line-height:1.8;}
.dance-howto-wrap li img{margin-bottom:1.5em;}
.dance-howto-wrap li a{color:#fff;font-weight:bold;text-decoration: underline;}

.dance-genre-wrap{padding:3em 0 3em;}
.dance-genre-wrap .genrebox{display: flex; flex-wrap: wrap; justify-content: space-between;align-item:center;padding-top:2em;}

.dance-genre-wrap .genrebox section{
  position:relative;
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  width:100%;
  margin-bottom:2px;
}
.dance-genre-wrap .genrebox .bk{
  background-color:rgba(0, 0, 0, .3);
  padding:5em 2em;
  height:100%;
}
.dance-genre-wrap .genrebox .hiphop{background-image: url("../imgs/dance/dance-genre1-s.webp");}
.no-webp .dance-genre-wrap .genrebox .hiphop{background-image: url("../imgs/dance/dance-genre1-s.jpg");}
.dance-genre-wrap .genrebox .jazz{background-image: url("../imgs/dance/dance-genre2-s.webp");}
.no-webp .dance-genre-wrap .genrebox .jazz{background-image: url("../imgs/dance/dance-genre2-s.jpg");}
.dance-genre-wrap .genrebox .lock{background-image: url("../imgs/dance/dance-genre3-s.webp");}
.no-webp .dance-genre-wrap .genrebox .lock{background-image: url("../imgs/dance/dance-genre3-s.jpg");}
.dance-genre-wrap .genrebox .house{background-image: url("../imgs/dance/dance-genre4-s.webp");}
.no-webp .dance-genre-wrap .genrebox .house{background-image: url("../imgs/dance/dance-genre4-s.jpg");}
.dance-genre-wrap .genrebox .pop{background-image: url("../imgs/dance/dance-genre5-s.webp");}
.no-webp .dance-genre-wrap .genrebox .pop{background-image: url("../imgs/dance/dance-genre5-s.jpg");}
.dance-genre-wrap .genrebox .others{background-image: url("../imgs/dance/dance-genre6-s.webp");}
.no-webp .dance-genre-wrap .genrebox .others{background-image: url("../imgs/dance/dance-genre6-s.jpg");}
.dance-genre-wrap .genrebox  a{color:#fff;}
.dance-genre-wrap .genrebox  h3{font-size:2.4rem;font-weight:500;margin-bottom:.5em;text-align:center;}
.dance-genre-wrap .genrebox p{font-size:1.2rem;line-height:1.8;}
.dance-genre-wrap .genrebox  ul{display: flex; flex-wrap: wrap; justify-content: center;}
.dance-genre-wrap .genrebox  li{border:1px solid #fff;margin:0 .75em;}
.dance-genre-wrap .genrebox  li a{color:#fff;display:block;padding:1em 3em;}

.top-qa-wrap{padding:0 0 4em;}
.top-qa-box{margin:1em 0 3em;}
.top-qa-wrap .tab {position: relative;width: 100%;color:#fff;overflow: hidden;margin-bottom:1em;line-height:1.7;}
.top-qa-wrap input {position: absolute;opacity: 0;z-index: -1;}
.top-qa-wrap label {position: relative;display: block;padding: 1.5em 2em 1.5em 1.25em;background: #000;font-weight: normal;cursor: pointer;background-color: #333;}
.top-qa-wrap .tab-content {max-height: 0;overflow: hidden;-webkit-transition: max-height .15s; -o-transition: max-height .15s; transition: max-height .15s;color: #fff;background: #333;border-top:2px solid #000;}
.top-qa-wrap .tab-content p {line-height:1.8;padding:1.5em;}
.top-qa-wrap input:checked ~ .tab-content {max-height: 100%;}
.top-qa-wrap label::after {position: absolute;right: 0;top: 0;display: block;width: 1.1em;height: 1.1em;line-height: 1.1;text-align: center;-webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s;font-size:1.75em;font-family:'Roboto', sans-serif; font-weight:100;}
.top-qa-wrap label::before{position: absolute;right: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #eb3629 transparent transparent;content:"";}
.top-qa-wrap input[type=checkbox] + label::after {content: "+";}
.top-qa-wrap input[type=radio] + label::after {content: "\25BC";}
.top-qa-wrap input[type=checkbox]:checked + label::after {transform: rotate(315deg);}
.top-qa-wrap input[type=radio]:checked + label::after {transform: rotateX(180deg);}
.top-qa-wrap p.link{text-align:center;}

.top-price-wrap{background:#333333;padding:2em 0 4em;}
.top-price-wrap h3{width:90%;display:block;margin:2em auto 2em;}
.top-price-wrap section{background:#000;padding:2em;margin-bottom:1.5em;}
.top-price-wrap section .ttl{text-align:center;font-size:1.6rem;font-weight:bold;margin-bottom:1em;}
.top-price-wrap section .txt{font-size:1.3rem;margin-bottom:1em;line-height:1.8;}
.top-price-wrap .top-webmember-bt{background:#4100f9;background:-moz-linear-gradient(left, #4100f9 0%, #da02af 100%);background:-webkit-linear-gradient(left, #4100f9 0%,#da02af 100%);background:linear-gradient(to right, #4100f9 0%,#da02af 100%);filter:progid:DXImageTransform.Microsoft.gradient(startbackgroundstr='#4100f9', endbackgroundstr='#da02af',GradientType=0);color:#fff;border-radius: 2px;text-align:center;position:relative;}
.top-price-wrap .top-webmember-bt a{color:#fff;font-size:1.5rem;letter-spacing:3px;padding:1.75em;display:block;}
.top-price-wrap .top-webmember-bt:after{position:absolute; top: 50%; right: 1.75em; transform: translate(-0%,-50%); font-size:1.2em; font-family: fontAwesome; content: '\f105'!important;z-index:4;}
.top-price-wrap .top-webmember-bt .now{position:absolute; top: 50%; left: 1.5em; transform: translate(-0%,-50%);border:1px solid #fff;width:44px;height:44px;border-radius: 50%;font-size:1rem;text-align:center;letter-spacing:0;}
.top-price-wrap .top-webmember-bt .now span{width:100%;position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.dance-knowledge-wrap{padding:3em 0 4em;border-bottom:1px solid #666;}
.dance-knowledge-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;padding:2em 0 1em;}
.dance-knowledge-wrap li{width:47%;margin-bottom:2em;}
.dance-knowledge-wrap li p.img{position: relative;overflow: hidden;padding-top: 63%;margin-bottom:1em;}
.dance-knowledge-wrap li img{position: absolute;top: 50%;left: 50%;width: 100%;height: auto;transform: translate(-50%, -50%);}
.dance-knowledge-wrap li p.ttl{font-size:1.3rem;line-height:1.7;margin-bottom:.5em;}
.dance-knowledge-wrap li p.time{color:#999;font-size:1rem;letter-spacing:1px;}
.dance-knowledge-wrap li a{color:#fff;}
.dance-knowledge-wrap p.link{text-align:center;}

.news-wrap{padding:0 0 5em;border-bottom:none;}

.dance-contents-wrap{background:#000;padding:2em 0 0;}
.dance-contents-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-item:center;}
.dance-contents-wrap li{width:46%;margin-bottom:1.5em;}
.dance-contents-wrap li img{width:70%;display:block;margin:0 auto 1em;}
.dance-contents-wrap li p{font-size:1.2rem;text-align:center;letter-spacing:1px;}
.dance-contents-wrap li a{color:#fff}

.top-link-bt{
  display: block;
  width: fit-content;
  min-width: 8em;
  font-size:1.1rem;
  text-align:center;
  font-weight:300;
  border:1px solid ;
  padding:1em 1.5em;
  letter-spacing:2px;
  margin: auto;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .mainimg .wrap .mainimg-txt{top:50%; left:7%; transform: translate(-0%,-50%);width:86%;}
  .mainimg .wrap .mainimg-txt img.txt1{margin-bottom:9em;}
  .mainimg .wrap .mainimg-txt img.txt2{margin-bottom:8em;}
    
  .mainimg-slide{position:absolute; bottom:-11em;width:100%;overflow:hidden;}
  .swiper-container{width:70%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 40px;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 40px;}	
    
  .lecture-btn{top:50%; right:0%; transform: translate(-0%,-50%);width:40%;}
    
  /* body.dance h2{font-size:1.4rem;}
  body.dance h2 span{font-size:3rem;} */
  body.dance h2.about{margin:8em 0 3em;}	
    
  .dance-about-wrap{padding:15em 0 8em;}
  .dance-about-wrap p{line-height:2.3;font-size:2.2rem;margin-bottom:3.5em;}
  .dance-about-wrap p.about-ttl{margin:0 auto 3em;width:70%;}
  .dance-about-wrap p.about-logo{margin:0 auto 0;width:14%;}
  .dance-about-wrap iframe{width:100%;margin-bottom:6em;height:400px;}		
    
  .dance-aboutnoa-wrap{padding:6em 0 6em;}
  .dance-aboutnoa-wrap ul{padding-top:5em;}
  .dance-aboutnoa-wrap li{margin-bottom:8em;}
  .dance-aboutnoa-wrap li p.txt{padding:4em 3em;;font-size:2rem;}
  .dance-aboutnoa-wrap li .num{top:-5em;left:1.2em;width:15%}
  .dance-aboutnoa-wrap li .txt span.ttl{font-size:4.5rem;margin-bottom:1em;line-height:1.4;}

  .dance-aboutinst-wrap{padding:0 0 4em;}
  .dance-aboutinst-wrap .inst-ttl{padding:0 4em;margin-bottom:3em;font-size:2.6rem;}
  .dance-aboutinst-wrap .inst-ttl img{margin-bottom:2em;}
  .dance-aboutinst-wrap .inst-btn p{font-size:5rem;}
  .dance-aboutinst-wrap .inst-btn p span{font-size:50%;}

  .dance-lesson-wrap section {padding: 3em 0 6em;}	
  .dance-lesson-wrap section h3 {margin-bottom: 3em;}	
  .dance-lesson-wrap section p.txt{padding: 0 3.5em;font-size: 1.8rem;}	
  .dance-lesson-wrap section p.txt img {margin-bottom: 2em;}
    
  .dance-workshop-wrap{margin-bottom:4em;}
  /* .dance-workshop-wrap h2{font-size:4.2rem!important;margin-bottom:1.5em;line-height:1.4!important;} */
  .dance-workshop-wrap p{font-size:2rem;line-height:2;}

  .dance-osusume-wrap{padding:8em 20% 5em;}
  .dance-osusume-wrap h2 img{width:90%;margin:0 auto 5em;}
  .dance-osusume-wrap ul{padding-left:0;}
  .dance-osusume-wrap li{width:100%;font-size:1.9rem;letter-spacing:2px;margin-bottom:3em;}
  .dance-osusume-wrap li img{width:30px;margin-right:1.5em;}

  .dance-real-wrap .bk{padding:8em 0 7em;}
  .dance-real-wrap h3{font-size:4rem;margin-bottom:1em;}
  .dance-real-wrap p{font-size:2rem;margin-bottom:3.5em;letter-spacing:1px;}

  .dance-howto-wrap{padding:6em 0 6em;}
  .dance-howto-wrap ul{padding:3em 0 0;}
  .dance-howto-wrap li{padding:3em;margin-bottom:5em;}
  .dance-howto-wrap li:last-child{margin-bottom:0;}
  .dance-howto-wrap li .num{top:-1em; left: -.5em; width:70px;height:70px;}
  .dance-howto-wrap li .num p{font-size:1.1rem;line-height:1.3;}
  .dance-howto-wrap li .num p span{font-size:2rem;}
  .dance-howto-wrap li h3{font-size:2.8rem;margin-bottom:1em;}
  .dance-howto-wrap li p{font-size:1.8rem;line-height:2;}
  .dance-howto-wrap li img{margin-bottom:2em;}

  .dance-genre-wrap{padding:5em 0 3em;}
  .dance-genre-wrap .genrebox{padding-top:3em;}
  .dance-genre-wrap .genrebox section{width:49.8%;margin-bottom:3px;}
  /* .dance-genre-wrap .genrebox .bk{padding:5em 2em 6em;} */
  .dance-genre-wrap .genrebox h3{font-size:4.2rem;margin-bottom:.5em;}
  /* .dance-genre-wrap .genrebox p{font-size:1.6rem;line-height:2;margin-bottom:3em;} */
  .dance-genre-wrap .genrebox li {margin:0 1em;}
  .dance-genre-wrap .genrebox li a{font-size:1.5rem;padding:1em 2.5em;display:block;}

  .top-qa-wrap{padding:1em 0 7em;}
  .top-qa-box{margin:0 0 5em;padding-top:1.5em;}
  .top-qa-wrap .tab {font-size:1.8rem;}
  .top-qa-wrap label {padding: 2.5em 3em 2.5em 2.25em;}
  .top-qa-wrap .tab-content p {padding:2.5em 2.4em;}
  .top-qa-wrap label::before{border-width: 0 60px 60px 0;}

  .top-price-wrap{background:#333333;padding:5em 0 6em;}	
  .top-price-wrap h3{width:80%;margin:2em auto 3em;}
  .top-price-wrap section{padding: 3em;margin-bottom: 2.5em;}
  .top-price-wrap section .ttl{font-size: 3rem;margin-bottom:.5em;}
  .top-price-wrap section .txt{font-size: 1.8rem;text-align:center;margin-bottom:2em;}
  .top-price-wrap .top-webmember-bt{margin-top:4em;}	
  .top-price-wrap .top-webmember-bt a{font-size: 2.4rem;padding: 2em;}
  .top-price-wrap .top-webmember-bt .now {width: 64px;height: 64px;font-size: 1.6rem;}	
    
  .dance-knowledge-wrap{padding:5.5em 0 7em;}
  .dance-knowledge-wrap ul{padding:3em 0 1em;}
  .dance-knowledge-wrap li{margin-bottom:4em;}
  .dance-knowledge-wrap li p.img{margin-bottom:1.75em;}
  .dance-knowledge-wrap li p.ttl{font-size:1.8rem;margin-bottom:.75em;}
  .dance-knowledge-wrap li p.time{font-size:1.4rem;}
    
  .news-wrap{padding:0 0 8em;}
    
  .dance-contents-wrap{padding:4em 0 0;}
  .dance-contents-wrap li{margin-bottom:2em;}
    
  /* .top-link-bt{font-size:1.6rem;} */
}

@media screen and (min-width: 769px) {

  .mainimg .wrap .mainimg-txt{
    top:51%; 
    left:14%; 
    transform: translate(-0%,-48%);
    width:46%;
  }
  .mainimg .wrap .mainimg-txt img.txt1{width:80%;margin-bottom:3.5em;}
  .mainimg .wrap .mainimg-txt img.txt2{width:75%;margin-bottom:2.5em;}
  .mainimg .wrap .mainimg-txt img.cam{width:65%}
    
  .lecture-btn{top:68%; right:15%; transform: translate(-0%,-32%);width:20%;}
    
  .mainimg-slide{bottom:-5em;}
  .swiper-container{width:50%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 20%;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 20%;}	
    
  /* body.dance h2{font-size:1em;}
  body.dance h2 span{font-size:1.8em;}
     */
  .dance-about-wrap{padding:6em 0 6em;}
  .dance-about-wrap p{line-height:2.3;font-size:1.2em;margin-bottom:3em;}
  .dance-about-wrap p.about-ttl{margin:0 auto 3em;width:60%;}
  .dance-about-wrap p.about-logo{margin:0 auto 0;width:10%;}
  .dance-about-wrap iframe{width:700px;margin-bottom:6em;height:400px;}

  .dance_about_ttl {
    font-size: 4.2vw;
  }

  .youtube{width:500px;margin:0 auto 4em;overflow:hidden;}
  .youtube iframe{width:500px!important;height:280px!important;}		
    
  .dance-aboutnoa-wrap{padding:4em 0 4em;}
  .dance-aboutnoa-wrap ul{padding-top:3em;margin-bottom:6em;}
  .dance-aboutnoa-wrap li{width:33.33%;margin-bottom:0;}
  .dance-aboutnoa-wrap li p.txt{
    padding:2em 2em;;
    font-size: clamp(10px,1.2vw,24px);
    line-height:1.7;
  }
  .dance-aboutnoa-wrap li .num{top:-3em;left:1.2em;width:15%}
  .dance-aboutnoa-wrap li .txt span.ttl{
    font-size:1.5em;
    margin-bottom:1em;
    line-height:1.6;
  }
    
  .dance-aboutinst-wrap{padding:0 0 2em;}
  .dance-aboutinst-wrap .inst-ttl{padding:0 2em;margin-bottom:2.5em;font-size:1.3em;}
  .dance-aboutinst-wrap .inst-ttl img{width:80%;display:block;margin:0 auto 1.5em;}
  .dance-aboutinst-wrap .inst-btn{width:60%;display:block;margin:0 auto 0;}
  .dance-aboutinst-wrap .inst-btn p{font-size:2.2em;line-height:1.5;}
  .dance-aboutinst-wrap .inst-btn p span{font-size:60%;}	
    
  .dance-lesson-wrap{padding:3em 0 0;}
  .dance-lesson-wrap section{width:50%;padding:0 0 3em;}
  .dance-lesson-wrap section .txtbox{padding:0 5% 0 15%;}
  .dance-lesson-wrap section:last-child .txtbox{padding:0 15% 0 5%;}
  .dance-lesson-wrap section h3{margin-bottom:2em;}	
  .dance-lesson-wrap section p.txt{
    font-size:1.1em;margin-bottom:2.5em;padding: 0 0;text-align:center;
  }
  .dance-lesson-wrap section p.txt img{margin-bottom:1.5em;}
    
  .dance-workshop-wrap{margin:5em 0 1em;}	
  .dance-workshop-wrap .wrap{width:80%;margin:0 auto;display:block;}	
  .dance-workshop-wrap h2{
    font-size:3vw;
    margin:0 0 .5em;
  }
  .dance-workshop-wrap p{font-size:1.1em;line-height:1.8;}	
    
  .dance-osusume-wrap{
    padding:2em 0 3.5em;
  }
  .dance-osusume-wrap h2 img{width:90%;margin:0 auto 4em;}
  .dance-osusume-wrap ul{
    padding-left:0;
  }
  .dance-osusume-wrap li{width:100%;font-size:1.3em;margin-bottom:2em;}
  .dance-osusume-wrap li img{width:24px;margin-right:1.5em;}

  .dance-real-wrap{background-image: url("../imgs/dance/dance-real-bg-pc.webp");}		
  .no-webp .dance-real-wrap{background-image: url("../imgs/dance/dance-real-bg-pc.jpg");}

  .dance-real-wrap .bk{padding:5em 0 3em;}
  .dance-real-wrap h3{font-size:1.8em;margin-bottom:1em;}
  .dance-real-wrap p{font-size:1.2em;margin-bottom:3.5em;letter-spacing:1px;}

  .dance-howto-wrap{padding:2em 0 4em;}
  .dance-howto-wrap ul{padding:1.5em 0 0;}
  .dance-howto-wrap li{width:31%;padding:1.5em;margin-bottom:0;}
  .dance-howto-wrap li .num{top:-1em; left: -.5em; width:50px;height:50px;}
  .dance-howto-wrap li .num p{font-size:.6em;line-height:1.3;}
  .dance-howto-wrap li .num p span{font-size:1em;}
  .dance-howto-wrap li h3{font-size:1.2em;margin-bottom:1em;}
  .dance-howto-wrap li p{font-size:.9em;line-height:2;}

  .dance-genre-wrap{padding:5em 0 3em;}
  .dance-genre-wrap .genrebox{padding-top:3em;}
  .dance-genre-wrap .genrebox section{width:49.8%;margin-bottom:3px;}
  .dance-genre-wrap .genrebox .bk{
    padding: 4.2vw 2em;
  }
  .dance-genre-wrap .genrebox .hiphop{background-image: url("../imgs/dance/dance-genre1.webp");}
  .dance-genre-wrap .genrebox .jazz{background-image: url("../imgs/dance/dance-genre2.webp");}
  .dance-genre-wrap .genrebox .lock{background-image: url("../imgs/dance/dance-genre3.webp");}
  .dance-genre-wrap .genrebox .house{background-image: url("../imgs/dance/dance-genre4.webp");}
  .dance-genre-wrap .genrebox .pop{background-image: url("../imgs/dance/dance-genre5.webp");}
  .dance-genre-wrap .genrebox .others{background-image: url("../imgs/dance/dance-genre6.webp");}
  .no-webp .dance-genre-wrap .genrebox .hiphop{background-image: url("../imgs/dance/dance-genre1.jpg");}
  .no-webp .dance-genre-wrap .genrebox .jazz{background-image: url("../imgs/dance/dance-genre2.jpg");}
  .no-webp .dance-genre-wrap .genrebox .lock{background-image: url("../imgs/dance/dance-genre3.jpg");}
  .no-webp .dance-genre-wrap .genrebox .house{background-image: url("../imgs/dance/dance-genre4.jpg");}
  .no-webp .dance-genre-wrap .genrebox .pop{background-image: url("../imgs/dance/dance-genre5.jpg");}
  .no-webp .dance-genre-wrap .genrebox .others{background-image: url("../imgs/dance/dance-genre6.jpg");}	
  .dance-genre-wrap .genrebox h3{font-size:2.2em;margin-bottom:.5em;}
  .dance-genre-wrap .genrebox p{
    font-size:1.1em;
    line-height:2;
    max-width: 380px;
    margin: auto;
  }
  .dance-genre-wrap .genrebox li {margin:0 1em;}
  .dance-genre-wrap .genrebox li a{font-size:1.1em;padding:1em 2.5em;}		
    
  .top-qa-wrap{padding:5em 10% 5em;}
  .top-qa-wrap .tab {font-size: 1.2em;}
  .top-qa-wrap label {padding: 1.5em 3em 1.5em 1.25em;}
  .top-qa-wrap .tab-content p	{padding: 1.5em 1.5em;}
    
  .top-price-wrap{padding:4em 10%;}
  .top-price-wrap h3{width:100%;margin:1em auto 2em;}
  .top-price-wrap section{width:100%;padding:2em 2.5em 2em 2em;margin-bottom:3em;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
  .top-price-wrap section div{width:47%;}
  .top-price-wrap section .ttl{font-size:1.4em;margin-bottom:.6em;}
  .top-price-wrap section .txt{font-size:1em;margin-bottom:0;}
    
  .top-price-wrap .top-webmember-bt{width:60%;display:block;margin:1em auto;}
  .top-price-wrap .top-webmember-bt a{font-size:1.3em;padding:1.75em;display:block;}
  .top-price-wrap .top-webmember-bt:after{right: 1.5em;font-size:1.2em;}
  .top-price-wrap .top-webmember-bt .now{font-size:.7em;width: 50px;height: 50px;}

  .dance-knowledge-wrap{padding:4em 0 6em;}
  .dance-knowledge-wrap ul{padding:3em 0 1.5em;}
  .dance-knowledge-wrap ul:before{content:"";display: block;width:21%;order:1;}
  .dance-knowledge-wrap ul:after{content:"";display: block;width:21%;}
  .dance-knowledge-wrap li{width:21%;margin-bottom:3em;}
  .dance-knowledge-wrap li p.img{margin-bottom:1em;}
  .dance-knowledge-wrap li p.ttl{font-size:1.2em;margin-bottom:.5em;}
  .dance-knowledge-wrap li p.time{font-size:.9em;}
    
  .news-wrap{padding:0 0 7em;}	
    
  .dance-contents-wrap{padding:4em 0 0;}
  .dance-contents-wrap ul{justify-content: center;}	
  .dance-contents-wrap li{width:20%;margin:0 2.5%;}
    
  /* .top-link-bt{font-size:1.1em;} */
}

@media screen and (min-width: 1280px) {
  /* body.dance h2{font-size:1.1em;}
  body.dance h2 span{font-size:2em;} */
    
  .mainimg .wrap .mainimg-txt{top:51%; left:14%; transform: translate(-0%,-49%);}
  .mainimg .wrap .mainimg-txt img.txt1{margin-bottom:6em;}
  .mainimg .wrap .mainimg-txt img.txt2{margin-bottom:4em;}
  .mainimg .wrap .mainimg-txt img.cam{width:67%}
    
  .lecture-btn{top:66%; right:15%; transform: translate(-0%,-34%);width:19%;}	
    
  .dance-about-wrap{padding:6% 0 6%;}
  .dance-about-wrap p{font-size: 1.3em;line-height: 2.6;}	
  .dance-about-wrap p.about-ttl{margin:0 auto 6%;width: 55%;}
  .dance-about-wrap p.about-logo{margin:0 auto 0;width:6%;}
    
  .dance-aboutnoa-wrap{padding:5% 0;}
  .dance-aboutnoa-wrap ul{padding-top:3em;margin-bottom:6em;}
  /* .dance-aboutnoa-wrap li p.txt{padding:2.4em;font-size:1.2em;}
  .dance-aboutnoa-wrap li .txt span.ttl{font-size:1.6em;margin-bottom:1em;} */
    
  .dance-aboutinst-wrap .inst-ttl{padding:0 0;margin-bottom: 3%;font-size: 1.4em;}
  .dance-aboutinst-wrap .inst-ttl img{width:70%;margin: 0 auto 2%;}
  .dance-aboutinst-wrap .inst-btn{width:800px;}
  .dance-aboutinst-wrap .inst-btn p{font-size:2.2em;line-height:1.5;}
  .dance-aboutinst-wrap .inst-btn p span{font-size:60%;}		

  .dance-lesson-wrap{padding:4% 0 1%;}
  .dance-lesson-wrap section h3{margin-bottom:3em;}	
  .dance-lesson-wrap section p.txt{font-size:1.2em;margin-bottom:3.5em;padding: 0 2em;}
  .dance-lesson-wrap section p.txt img{margin-bottom:2.5em;}
    
  .dance-workshop-wrap h2{font-size:2.8em!important;margin:0 0 .75em!important;}
  .dance-workshop-wrap p{font-size:1.3em;width:800px;margin:0 auto;line-height:2.2}	
    
  /* .dance-osusume-wrap{padding:6% 32% 4%;} */
  .dance-osusume-wrap h2 img{width:90%;margin:0 auto 4.5em;}
  .dance-osusume-wrap ul{
    margin:0 auto;
    display:block;
  }	
  .dance-osusume-wrap li{font-size:20px;margin-bottom:2.5em;}
  .dance-osusume-wrap li img{width:26px;}
    
  .dance-real-wrap .bk{padding:6% 0 4%;}	
  .dance-real-wrap h3{font-size:2.2em;}
  .dance-real-wrap p{font-size:1.3em;}	
    
  .dance-howto-wrap{padding:4% 0 5%;}
  .dance-howto-wrap ul{padding:2em 0 0;}
  .dance-howto-wrap li{padding:3em 2em 2em;margin-bottom:0;}
  .dance-howto-wrap li .num{width:60px;height:60px;}
  .dance-howto-wrap li .num p{font-size:.8em;}
  .dance-howto-wrap li .num p span{font-size:1.3em;}
  .dance-howto-wrap li h3{font-size:1.4em;margin-bottom:1.5em;}
  .dance-howto-wrap li p{font-size:1em;}	
    
  .dance-genre-wrap{padding:4% 0 0%;}
  .dance-genre-wrap .genrebox{padding-top:3em;}
  .dance-genre-wrap .genrebox section{width:33.333%;border-right:3px solid #000;border-bottom:3px solid #000;}
  /* .dance-genre-wrap .genrebox .bk{padding:3em 4em 4em;} */
  .dance-genre-wrap .genrebox h3{font-size:2.3em;margin-bottom:.5em;}
  /* .dance-genre-wrap .genrebox p{font-size:1.1em;line-height:2;margin-bottom:2em;}	 */
    
  .dance-workshop-wrap{margin:6% 0 1em;}	
    
  .top-qa-wrap{padding:4% 0 5%;}
  .top-qa-box{width:960px;margin:1em auto 5em;display:block;}
  .top-qa-wrap .tab{margin-bottom: 2em;}
  .top-qa-wrap label {padding: 2em 3.5em 2em 2em;}
  .top-qa-wrap .tab-content p{padding:2em;line-height: 2;}	
    
  .top-price-wrap{padding:5% 0;}	
  .top-price-wrap section{padding:3em;margin:0 auto 4em;width:960px;}	
  .top-price-wrap h3{width:80%;margin:3% auto 4em;}
  .top-price-wrap section .ttl{font-size:2em;margin-bottom:1em;}
  .top-price-wrap section .txt{font-size:1.3em;}	
  .top-price-wrap .top-webmember-bt{width:40%;}
  .top-price-wrap .top-webmember-bt a{font-size:1.6em;padding:1.5em;}
    
  .dance-knowledge-wrap{padding:5% 0 6%;}
    
  .dance-contents-wrap{padding:4em 0 0;}
  .dance-contents-wrap ul{width:1100px;margin:0 auto;}
    
  .news-wrap{padding:0 0 7%;}	

}

@media screen and (min-width: 1440px) {
  .lecture-btn{top:65%; right:15%; transform: translate(-0%,-35%);width:18%;}	
    
  .dance-aboutnoa-wrap ul{padding-top:5em;margin-bottom:6em;}	
  /* .dance-aboutnoa-wrap li p.txt{padding:2.4em 3em;font-size:1.2em;}	
  .dance-aboutnoa-wrap li .txt span.ttl{font-size:1.8em;margin-bottom:1em;} */
}