@charset "UTF-8";

.red{
  color: var(--color-red);
}

.linkButton a{
	display: inline-block;
	margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
	.linkButton a{
		padding: .8em 1.5em;
		margin-bottom: 30px;
	}
}

body.top{background:#000;color:#fff;}
.mainimg{width:100%;position:relative;}
.mainimg-txt{position:absolute; top:47%; left:50%; transform: translate(-50%,-53%);width:76%;}
.mainimg-txt h1{margin-bottom:2em;}
.pre-mainimg-txt{
  position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);width:80%;
}
.mainimg-slide{position:absolute; bottom:-3em;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;}
}

/* body.top h2,body.top h1{text-align:center;font-size:1.1rem;letter-spacing:6px;margin:2em 0;line-height:2.2;width:100%;}
body.top h2 span,body.top h1 span{
  display:block;
  font-size:1.6rem;
  letter-spacing:.2em;
  font-weight:bold;
}
body.top h2.about{margin:8em 0 3em;}
body.top h2.pre{margin:7em 0 3em;} */


/* TOP ABOUT ============= */

.top-about-wrap{padding:4em 0 2em;background-image: url(../imgs/top/top-about-bg-sp.webp);background-position: top center;background-size:100% auto;background-repeat: no-repeat;text-align:center;}
.no-webp .top-about-wrap{background-image: url(../imgs/top/top-about-bg-sp.jpg);}

.top-about-wrap p{font-weight:bold;line-height:2.4;font-size:1.3rem;margin-bottom:1.5em;}
.top-about-wrap p.about-ttl{margin:0 auto 2em;width:80%;display:block;}

.about-ttl-txt{
  font-size: 10vw;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.03em;
  margin: 0 auto .3em;
}
.about-ttl-txt .en {
  font-size: 1.05em;
}
@media (min-width:769px){
  .about-ttl-txt{
    font-size: 4.2vw;
    margin: 0 auto .4em;
  }
}

.top-about-wrap iframe{
  width:100%;
  /* height:200px; */
  border:1px solid #777;
}
body.top h2 span.red{font-size:110%;color:#fd1010;margin-bottom:1em;letter-spacing:1px;}


/* TOP ABOUT PROGRAM ============= */
.top-program-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.top-program-wrap section.dance{padding:5em 2.5em 6em;width:100%;background-image: url(../imgs/top/top-program-bg-sp.webp);background-position: top center;background-size:100% auto;background-repeat: no-repeat;}
.no-webp .top-program-wrap section.dance{background-image: url(../imgs/top/top-program-bg-sp.jpg);}
.top-program-wrap section.dance p.logo{width:50%;margin-bottom:3em;}
.top-program-wrap section.dance p.txt{width:80%;margin-bottom:4em;}
.top-program-wrap section.dance p.price{color:#fd1010;font-size:1.3rem;font-weight:bold;line-height:.8;margin-bottom:3em;}
.top-program-wrap section.dance p.price span{display:block;font-size:4rem;line-height:1.3}
.top-program-wrap section.dance p.price span.small{display:inline;font-size:70%;}

.top-program-wrap section.yoga{
	padding: 3.5em 2.5em 2em; margin-bottom:2em; width:100%;
	background-image: url(../imgs/top/top-program-bg2-sp_02.webp);
	background-position: left center;
	background-size:cover;
	background-repeat: no-repeat;
}
.no-webp .top-program-wrap section.yoga{
	background-image: url(../imgs/top/top-program-bg2-sp_02.jpg);
}
.top-program-wrap section.yoga p{text-align:right;}
.top-program-wrap section.yoga p.logo{padding-left:30%;margin-bottom:2em;}
.top-program-wrap section.yoga p.txt{padding-left:5%; margin-bottom:2em;}
.top-program-wrap section.yoga p.price{color:#34cdc9;font-size:1.3rem;font-weight:bold;line-height:.8;margin-bottom:2.5em;}
.top-program-wrap section.yoga p.price span{display:block;font-size:4rem;line-height:1.3;}
.top-program-wrap section.yoga p.price span.small{display:inline;font-size:70%;}

.top-program-txt-block{
  margin-bottom: 2em;
}
.top-program-txt{
  font-size: 4.5vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: .3em 0;
  line-height: 1.7;
}
._num{
  font-size: 1.2em;
  vertical-align: -0.04em;
  line-height: 1;
}
.top-program-txt-block ._big{
  font-size: 1.8em;
  line-height: 1.3;
}

@media (min-width:769px){
  .top-program-txt{
    /* font-size: 1.8vw; */
    font-size: clamp(14px,1.8vw,24px);
  }
}

/* TOP GENRE ============= */
@media (max-width:768px){
  .sec_top_genre .wrap{
    padding: 0;
  }
}
.sec_top_genre{
  padding: 3em 0;
}
.top_genre_ttl{
  text-align: center;
  font-size: 3.9vw;
  font-weight: 600;
  letter-spacing: .4em;
  margin: 2em 0;
  line-height: 2;
  width: 100%;
}
/* .top-program-genre{padding-bottom:2em;} */
.top-program-genre ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.top-program-genre li{width:50%;position:relative;}
.top-program-genre li .txt{position: absolute;top: 50%; left: .9em; transform: translate(-0%,-50%);}
.top-program-genre li h3{font-size:2.8rem;font-weight:500;color:rgba(255, 255, 255, .85);line-height:1;margin-bottom:.1em;}
.top-program-genre li p{font-size:.9rem;color:#fff}
.top-program-genre li .black h3{color:rgba(0, 0, 0, .6);}
.top-program-genre li .black p{color:#333}

@media (min-width:769px){
  .top_genre_ttl{
    font-size: 1.7vw;
  }
}


/* CAMPAIGN ============= */
.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:3em 2em;margin-bottom:1em;}
body.price .top-price-wrap section{border-bottom:0 solid #ccc;}
body.price .top-price-wrap h3{width:100%;}

body.price .top-price-wrap section.mihoudai .top-webmember-bt{margin-top:2em;}	
.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:1.5em;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;margin-top:1em;}
.top-price-wrap .top-webmember-bt a{color:#fff;font-size:1.5rem;letter-spacing:3px;padding:1.5em;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%);}
.top-price-wrap .red{text-align:center;color:#fd1010;font-size:1.5rem;font-weight:bold;width:100%;}

/* top-dokodemo-wrap ============= */
.top-dokodemo-wrap{padding:3em 0 4em;}
.top-dokodemo-wrap .wrap{padding:0;display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
/* .top-dokodemo-wrap section{width:100%;}
.top-dokodemo-wrap section:last-child{padding:0 2em;}
.top-dokodemo-wrap section:last-child img{margin:-2em 0 2em;} */
.top-dokodemo-wrap p{line-height:1.8;}

.top-dokodemo-txt-box{
  padding:0 2em;
  margin:-2em 0 2em;
}
.top .top-dokodemo-ttl{
  font-size: 9vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: center;
  margin: 0.2em 0;
}
.top .top-dokodemo-ttl .top-dokodemo-sub{
  display: block;
  font-size: .55em;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0.6em 0 1em;
}

.top-dokodemo-wrap section:last-child img {
  margin: 2em 0 2em;
}

@media (min-width:769px){
  .top-dokodemo-img-box,
  .top-dokodemo-txt-box {
    width: 48%;
  }
  .top-dokodemo-txt-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
  }
  .top .top-dokodemo-ttl {
    font-size: 3.8vw;
  }
}

/* Q & A ============= */
.top-qa-wrap{background:#333333;padding:2em 0 4em;}
/* body.top h2.qa{font-size:2em;letter-spacing:2px;margin:0 0 .8em;font-weight:700;} */
.top-qa-box{
  margin: 1em 0 2em;
}
.top-qa-wrap .tab {position: relative;width: 100%;color:#fff;overflow: hidden;margin-bottom:1.5em;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: #000;}
.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: #000;border-top:1px solid #444;}
.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-link-bt{
  display: block;
  width: fit-content;
  font-size: 1.1rem;
  text-align: center;
  font-weight: 300;
  color: #fff;
  border: 1px solid #fff;
  padding: 1em 1.5em;
  letter-spacing: .18em;
  margin: auto;
}

/*GUIDE------------------------*/
.guide-howto-wrap{background:#000;padding:6em 0 2em;}
.guide-howto-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;font-size:1.6rem;letter-spacing:2px;padding:.5em 0 0;}
.guide-howto-wrap li{background:#f2f2f2;color:#000;padding:1.5em 1.5em 2em;position:relative;margin-bottom:3em;border-radius:4px;}
.guide-howto-wrap li:last-child{margin-bottom:0;}
.guide-howto-wrap li .num{position:absolute; top:-1.25em; left: -.75em; width:54px;height:54px;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;}
.guide-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;}
.guide-howto-wrap li .num p span{display:block;font-size:1.4rem;}
.guide-howto-wrap li h3{font-size:1.5rem;font-weight:bold;margin-bottom:.75em;text-align:center;}
.guide-howto-wrap li p{font-size:1.3rem;line-height:1.8;}
.guide-howto-wrap li img{margin-bottom:1.5em;}
.guide-howto-wrap li a{display:block;color:#000;border:1px solid;width:70%;margin:1.5em auto 0;}

.guide-program-wrap{padding-top:1em}
.guide-program-wrap .lead{line-height:1.8;margin-bottom:1.5em;}

.guide-program-box section h3{font-size:3.4rem;margin-bottom:.25em;}
.guide-program-box section .bk{background-color:rgba(0, 0, 0, .2);padding:2.5em 2em 3em;height:100%;}
.guide-program-box section p.ttl{font-size:1.6rem;font-weight:bold;margin-bottom:1em;}
.guide-program-box section p.lead{font-size:1.1rem;line-height:2;margin-bottom:1.5em;width:57%;letter-spacing:1px;}

.guide-program-box section.dance{width:100%;background-image: url(../imgs/top/top-program-bg-sp.jpg);background-position: top center;background-size:cover;background-repeat: no-repeat;}
.guide-program-box section.dance h3{color:#fd1010;}
.guide-program-box section.dance p.ttl{color:#fd1010}
.guide-program-box section.dance .genre{margin-bottom:1.5em;}
.guide-program-box section.dance .genre ul{display: flex; flex-wrap: wrap; justify-content:flex-start}
.guide-program-box section.dance .genre li{border-right:1px solid #999;padding-right:.5em;margin-right:.5em;font-size:1.4rem;letter-spacing:1px;margin-bottom:.5em;line-height:1;}
.guide-program-box section.dance .genre li:last-child{border-right:none;padding-right:0;margin-right:0;}
.guide-program-box section.dance .beginner{position:relative;font-size:1.1rem;line-height:1.6;padding-left:3em;}
.guide-program-box section.dance .beginner img{position:absolute; top: 50%; left: .5em; transform: translate(-0%,-50%);width:15px;}
.guide-program-box section.dance table{border-top:1px solid #999;border-left:1px solid #999;font-size:1.1rem;line-height:1.6;}
.guide-program-box section.dance th{width:20%;border-right:1px solid #999;border-bottom:1px solid #999;padding:.75em;text-align:center;}
.guide-program-box section.dance td{width:80%;border-right:1px solid #999;border-bottom:1px solid #999;padding:.75em;}

.guide-program-box section.yoga{width:100%;background-image: url(../imgs/top/top-program-bg2-pc.jpg);background-position: top right 60%;background-size:cover;background-repeat: no-repeat;}
.guide-program-box section.yoga h3{color:#34cdc9;}
.guide-program-box section.yoga p.ttl{color:#34cdc9;}
.guide-program-box section.yoga dl{margin-bottom:1em;}
.guide-program-box section.yoga dl:last-child{margin-bottom:0;}
.guide-program-box section.yoga dt{font-weight:bold;font-size:1.4rem;line-height:1.7;letter-spacing:1px;}
.guide-program-box section.yoga dd{font-size:1.1rem;letter-spacing:1px;line-height:1.7;}

.guide-program-box a{color:#fff;}

body.guide .top-qa-wrap{background:#000;padding: 0 0 5em;}
body.guide .top-qa-wrap label{background: #333;}
body.guide .top-qa-wrap .tab-content{background: #333;border-top:2px solid #000;}

/*PRICE------------------------*/
.under-price{padding:6em 0 4em;}
.under-price p.cat{text-align:center;color:#fd1010;margin-bottom:.5em;}

.under-price li div{background-color:rgba(0, 0, 0, .1);width:110px;height:110px;border-radius:0%;}
.under-price li span{position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-size:1.2rem;line-height:1.3;letter-spacing:1px;}
.under-price li.yoga span{position:absolute; top: 48%; left: 50%; transform: translate(-50%,-52%);}
.under-price li .movie-bar{position:absolute;bottom: 2%; left: 50%; transform: translate(-50%,-0%);}

.top-price-wrap section.mihoudai{padding:0;}
.top-price-wrap section.mihoudai .price{padding:2em 2em 3em;}
.top-price-wrap section.mihoudai .ttl{text-align:center;font-size:1.7rem;font-weight:bold;margin-bottom:0;line-height:2;}

.top-price-wrap section.mihoudai li{background-image: url(../imgs/top/price-genre-bk.webp);background-size:cover;background-position:0 0;padding:4em .75em 3.5em;}
.no-webp .top-price-wrap section.mihoudai li{background-image: url(../imgs/top/price-genre-bk.jpg);}

.top-price-wrap section.tsudo,body.price .top-price-wrap section.tsudo{border-bottom:none;padding: 1em 2em;}
.top-price-wrap section.tsudo .price{font-size:2rem;text-align:center;font-weight:bold;color:#fd1010;line-height:1.3;}
.top-price-wrap section.tsudo .price span{font-size:3.6rem;}
.top-price-wrap section.tsudo .price span.tax{font-size:.5em;}
.top-price-wrap section.tsudo .top-webmember-bt{background:none;border:1px solid }
.top-price-wrap section.tsudo .top-webmember-bt a{padding: 1em;}
.top-price-wrap section.tsudo img{width:100%;margin:1em auto 2em;display:block;}

/*QA------------------------*/
body.qa .top-qa-wrap{background:#000;padding:6em 0 5em;border-bottom:1px solid #999;}
body.qa .top-qa-wrap label{background: #333;}
body.qa .top-qa-wrap .tab-content{background: #333;border-top:2px solid #000;}

/*howto------------------------*/
.howto-wrap{padding-top:1em;}
.howto-box{padding:0 0;}
.howto-box h2{font-size:1.8rem!important;font-weight:bold;letter-spacing:2px!important;margin:0 0 1em!important;line-height:1.6!important;color:#fd1010;}
.howto-box h2 span{font-size:80%!important;font-weight:normal!important;display:block!important;}
.howto-box ul{padding-top:1em;}
.howto-box li{margin-bottom:5.5em;position:relative;}
.howto-box li:after{position:absolute; bottom: -2.5em; left: 50%; transform: translate(-50%,-0%); font-size:1.2em; font-family: fontAwesome; content: '\f107';z-index:4;}
.howto-box li:last-child:after{content: none;}
.howto-box li img{margin-bottom:1em;border:3px solid #444;border-radius:6px;}
.howto-box li p{line-height:1.7;}


.q-txt{margin:2em 0 0;color:#fd1010;line-height:1.6;}
.q-txt .ttl{font-size:1.6rem;text-align:center;font-weight:bold;margin-bottom:.5em;}
body.cache h1 span,body.cache h2 span{line-height:1.5;letter-spacing:0;}
body.cache .top-qa-wrap label{position:relative;text-align:center;}
body.cache .top-qa-wrap label img{position:absolute; top: 50%; left: 1em; transform: translate(0%,-50%);width:30px;}
body.cache .howto-wrap{margin-bottom:6em;padding-top:0;}
body.cache .howto-wrap:last-child{margin-bottom:0;padding-top:0;}
.cache-box{padding: 2em 1.25em;}
.cache-box li{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cache-box li:last-child{margin-bottom:0;}
.cache-box li p{width:50%;padding:0!important;}
.cache-box li p:first-child{width:40%;}
.cache-box li.wide p{width:100%;}
.cache-box li.wide p img{margin-top:1em;}
.cache-box li p span.num{font-size:3em;font-weight:100;letter-spacing:3px;display:block;margin-bottom:.5em;line-height:1;color:#ccc;}

.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: 1.2em 0;
}
.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{border-bottom:none;}

@media screen and (min-width: 768px) {
  .mainimg-txt{top:42%;width:68%;transform: translate(-50%,-58%);}
  .pre-mainimg-txt{top:42%; left:50%; transform: translate(-50%,-58%);width:68%;}	
  .mainimg-slide{position:absolute; bottom:-3em;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;}
    
  /* body.top h2,body.top h1{font-size:1.3rem;margin:4em 0;}
  body.top h2 span,body.top h1 span{font-size:3rem;}	
  body.top h2.about{margin:10em 0 3em;}
  body.top h2.pre{margin:6em 0 3em;}		 */
    
  .top-about-wrap{padding:6em 5em 2em;}
  .top-about-wrap p{font-size: 2.4rem;margin-bottom: 2.5em;}
  /* .top-about-wrap iframe{width:100%;height:300px;} */
  body.top h2 span.red{font-size:160%;margin-bottom:1em;}
    
  .top-program-wrap section.dance{padding:6em 4.5em 7em;}
  .top-program-wrap section.dance p.txt{margin-bottom:5em;}	
  .top-program-wrap section.dance p.price{font-size:2.4rem;margin-bottom:3em;}
  .top-program-wrap section.dance p.price span{font-size:5rem;}
  .top-program-wrap section.dance p.price span.small{font-size:70%;}
    
  .top-program-wrap section.yoga{padding:6em 4.5em 7em;}
  .top-program-wrap section.yoga p.logo{margin-bottom:4em;}
  .top-program-wrap section.yoga p.txt{margin-bottom:3.5em;}
  .top-program-wrap section.yoga p.price{font-size:2.4rem;margin-bottom:3em;}
  .top-program-wrap section.yoga p.price span{font-size:5rem;}
    
  .top-program-genre li .txt{left: 1.5em;}
  .top-program-genre li h3{font-size:4.8rem;line-height:1;margin-bottom:.2em;}
  .top-program-genre li p{font-size:1.5rem;}
    
  /* .top-lesson-wrap section {padding: 2em 0 5em;}	
  .top-lesson-wrap section h3 {
    margin: 1em 0;
  }	
  .top-lesson-wrap section p.txt{padding: 0 3.5em;font-size: 1.8rem;}	
  .top-lesson-wrap section p.txt img {margin-bottom: 2em;} */
    
  .top-price-wrap{padding:2em 0 6em;}	
  .top-price-wrap h3{width:80%;margin:2em auto 3em;}
  .top-price-wrap section{padding:5em 4em;margin-bottom: 4.5em;}
  .top-price-wrap section .ttl{font-size: 3rem;margin-bottom:1em;}
  .top-price-wrap section .txt{font-size: 2rem;text-align:center;margin-bottom:2em;}
  .top-price-wrap .top-webmember-bt{margin-top:2em;}	
  .top-price-wrap .top-webmember-bt a{font-size: 2.4rem;padding: 1.5em;}
  .top-price-wrap .top-webmember-bt .now {width: 64px;height: 64px;font-size: 1.6rem;}	
  .top-price-wrap .red{font-size:2.4rem;margin-bottom:1em;}	
    
  .top-dokodemo-wrap{padding:4em 0 6em;}
  .top-dokodemo-wrap section:last-child{padding:0 4em;}
  .top-dokodemo-wrap section:last-child img{margin:-4em 0 4em;}
  .top-dokodemo-wrap p{font-size:1.8rem;}
    
  .top-qa-wrap{padding:4em 0 6em;}
  body.top h2.qa{font-size:3em;}
  /* .top-qa-box{margin-bottom: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 3em;}
  .top-qa-wrap label::before{border-width: 0 60px 60px 0;}
      
  .top-link-bt{font-size:1.6rem;}
    
  /*GUIDE------------------------*/	
  body.guide .top-qa-wrap{padding: 0 0 8em;}
  .guide-howto-wrap{padding:7em 0 6em;}
  .guide-howto-wrap ul{padding:1em 0 0;}
  .guide-howto-wrap li{padding:3em 3em 4em;margin-bottom:5em;}
  .guide-howto-wrap li:last-child{margin-bottom:0;}
  .guide-howto-wrap li .num{top:-1.5em; left: -1em; width:80px;height:80px;}
  .guide-howto-wrap li .num p{font-size:1.1rem;line-height:1.3;}
  .guide-howto-wrap li .num p span{font-size:2rem;}
  .guide-howto-wrap li h3{font-size:2.8rem;margin-bottom:1em;}
  .guide-howto-wrap li p{font-size:1.8rem;line-height:2;}
  .guide-howto-wrap li img{margin-bottom:2em;}
  .guide-howto-wrap li a{margin:2.5em auto 0;}
    
  .guide-program-wrap .lead{font-size:1.8rem;margin-bottom:2.5em;}	
  .guide-program-box section h3{font-size:5.4rem;margin-bottom:.25em;}
  .guide-program-box section .bk{background-color:rgba(0, 0, 0, .3);padding:5em 4em 6.5em;}
  .guide-program-box section p.ttl{font-size:2.6rem;margin-bottom:.75em;}
  .guide-program-box section p.lead{font-size:1.8rem;line-height:2;margin-bottom:2.5em;}

  .guide-program-box section.dance .genre{margin-bottom:2em;font-size:1.6rem;}
  .guide-program-box section.dance .genre li{font-size:2.8rem;margin-bottom:.5em;}
  .guide-program-box section.dance .beginner{font-size:1.6rem;}
  .guide-program-box section.dance .beginner img{width:20px;}
  .guide-program-box section.dance table{width:100%;font-size:1.6rem;}
    
  .guide-program-box section.yoga dl{margin-bottom:1.5em;}
  .guide-program-box section.yoga dt{font-size:2.4rem;}
  .guide-program-box section.yoga dd{font-size:1.7rem;line-height:1.7;}		
    
  /*PRICE------------------------*/	
  .under-price{padding:7em 0 6em;}
  .under-price section{padding:5em 4em;margin-bottom: 4.5em;}	
  .under-price p.cat{font-size:2rem;margin-bottom:1em;}
  .under-price li span{font-size:1.7rem;}
  .top-price-wrap section.tsudo .price{font-size:2.4rem;}
  .top-price-wrap section.tsudo .price span{font-size:4.6rem;}
  .top-price-wrap section.tsudo .price span.tax{font-size:.5em;}
    
  .top-price-wrap section.mihoudai .price{padding:4em 4em 6em;}
  .top-price-wrap section.mihoudai .ttl{font-size:3.2rem;font-weight:bold;margin-bottom:0;line-height:2;}
  .top-price-wrap section.mihoudai li{padding:5em .75em 5.5em;}
    
  /*QA------------------------*/	
  body.qa .top-qa-wrap{padding:7em 0 6em;}	
    

  /*howto------------------------*/
  .howto-box{padding:2em 0 0;}
  .howto-box h2{font-size:2.8rem!important;margin:0 0 1em!important;}
  .howto-box li{margin-bottom:6em;}
  .howto-box li:after{bottom: -2em; left: 50%; transform: translate(-50%,-0%); font-size:2em;content: '\f107';}
  .howto-box li img{margin-bottom:1.5em;}
  .howto-box li p{line-height:1.7;font-size:2rem;}

  .q-txt{margin:3em 0 0;font-size:1.8rem;text-align:center;}
  .q-txt .ttl{font-size:2.6rem;margin-bottom:1em;}	
  body.cache .top-qa-wrap label img{width:50px;left:2em;}	
  .cache-box{padding: 3em 2em;}
    
  .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;}	 */
}

@media screen and (min-width: 769px) {
  .mainimg-txt{top:48%;width:35%;transform: translate(-50%,-52%);}
  .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.top h2,body.top h1{font-size:1em;margin:4em 0 3em;}
  body.top h2 span,body.top h1 span{font-size:1.5em;}	
  body.top h2.about{margin:10em 0 3em;}
  body.top h2.pre{margin:8em 0 3em;}		
  body.top h2.qa{margin:0 0 .8em;} */
    
  .top-about-wrap {padding: 6em 4em 0em;background-image: url(../imgs/top/top-about-bg-pc.webp);}
  .no-webp .top-about-wrap {padding: 6em 4em 0em;background-image: url(../imgs/top/top-about-bg-pc.jpg);}

  .top-about-wrap p {font-size: 1.2em;margin-bottom: 2em;}
  .top-about-wrap p.about-ttl {margin: 0 auto 2em;width: 60%;}
  .top-about-wrap p.about-red{width:90%;display:block;margin:0 auto;}
    
  /* .top-about-wrap iframe{width:600px;height:350px;} */
  /* body.top h2 span.red{font-size:160%;margin-bottom:1em;}	 */
    
  .top-program-wrap section{width:50%!important;padding: 3em 0 4em 5%;}	

  .top-program-wrap section.dance{background-image: url(../imgs/top/top-program-bg-pc.webp);background-size:cover;}
  .no-webp .top-program-wrap section.dance{background-image: url(../imgs/top/top-program-bg-pc.jpg);}

  .top-program-wrap section.dance p.logo{width:56%;margin-bottom:3em;}
  .top-program-wrap section.dance p.txt{width:80%;margin-bottom:4em;}
  .top-program-wrap section.dance p.price{font-size:1.1em;margin-bottom:3em;}
  .top-program-wrap section.dance p.price span{font-size:3em;}

  .top-program-wrap section.dance,.top-program-wrap section.yoga{padding:5em 3em 3em;}
    
  .top-program-wrap section.yoga{
    background-image: url(/imgs/top/top-program-bg2-pc_02.webp);
    background-size:cover; 
    margin-bottom: 0em; 
    background-position: center center;
  }	
  .no-webp .top-program-wrap section.yoga{
    background-image: url(/imgs/top/top-program-bg2-pc_02.jpg);
  }

  .top-program-wrap section.yoga p {text-align: left;}
  .top-program-wrap section.yoga p.logo{padding-left:0%;width:60%;margin-bottom:3em;}
  .top-program-wrap section.yoga p.txt{padding-left:0;width:70%;margin-bottom:4em;}
  .top-program-wrap section.yoga p.price{font-size:1.1em;margin-bottom:3em;}
  .top-program-wrap section.yoga p.price span{font-size:3em;}
  .top-program-wrap .top-link-bt{font-size:1.2em;}		
    
  .top-program-genre li{width:33.33%;}
    
  .top-price-wrap{padding:.5em 0 4em;}
  .top-price-wrap h3{width:80%;margin:0 auto 3em;}
  body.price .top-price-wrap h3{width:90%;}	
  .top-price-wrap section{margin-bottom:1em;}
  .top-price-wrap section .ttl{font-size:1.4em;margin-bottom:1em;}
  .top-price-wrap section .txt{font-size:1.1em;margin-bottom:1em;}
  .top-price-wrap .red{font-size:2em;margin-bottom:1.5em;}	
      
  .top-price-wrap .top-webmember-bt{width:50%;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;}
    
  .top-dokodemo-wrap{padding:3em 0 4em;}
  .top-dokodemo-wrap .wrap{padding:0 0;width:80%;margin:0 auto;}
  .top-dokodemo-wrap section{width:48%;}
  .top-dokodemo-wrap section:last-child{padding:3em 0 0;}
  .top-dokodemo-wrap section:last-child img{margin:0 auto 2em;width:85%;display:block;}
  .top-dokodemo-wrap p{font-size:1.1em;}	
    
  .top-link-bt{font-size:1.1em;}
    
  /*GUIDE------------------------*/		
  .guide-howto-wrap{padding:6em 0 1em;}
  .guide-howto-wrap ul{padding:.1em 0 0;}
  .guide-howto-wrap li{width:100%;padding:2em ;margin-bottom:0;margin-bottom:3.5em;}
  .guide-howto-wrap li img{margin-bottom:0;}	
  .guide-howto-wrap li .guidebox{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .guide-howto-wrap li .guidebox section{width:47%;}
  .guide-howto-wrap li .guidebox section:last-child{padding-top:1em;}	
  .guide-howto-wrap li .num{top:-1.5em; left: -1em; width:70px;height:70px;}
  .guide-howto-wrap li .num p{font-size:.7em;line-height:1.3;}
  .guide-howto-wrap li .num p span{font-size:1.5em;}
  .guide-howto-wrap li h3{font-size:1.2em;margin-bottom:1em;}
  .guide-howto-wrap li p{font-size:.8em;line-height:2;letter-spacing:0;}
  .guide-howto-wrap li a{font-size:.9em;}	
    
  .guide-program-wrap .lead{font-size:1.3em;margin-bottom:3.5em;text-align:center;}
  .guide-program-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .guide-program-box section{width:50%!important;}
  .guide-program-box section h3{font-size:3.5em;margin-bottom:.5em;}
  .guide-program-box section .bk{background-color:rgba(0, 0, 0, .3);padding:10% 10% 11%;}
  .guide-program-box section p.ttl{font-size:1.4em;margin-bottom:1em;}
  .guide-program-box section p.lead{width:55%;font-size:1.1em;line-height:2;margin-bottom:2em;text-align:left;}

  .guide-program-box section.dance{background-image: url(../imgs/top/top-program-bg-pc.jpg);background-position: center right 20%;}
  .guide-program-box section.dance .genre{margin-bottom:2em;font-size:1.1em;}
  .guide-program-box section.dance .genre li{font-size:1.4em;margin-bottom:.5em;}
  .guide-program-box section.dance .beginner{font-size:1em;}
  .guide-program-box section.dance table{width:100%;font-size:1.1em;}
  .guide-program-box section.dance th{padding:1em;}
  .guide-program-box section.dance td{padding:1em;}	
    
  .guide-program-box section.yoga{background-image: url(../imgs/top/top-program-bg2-pc.jpg);background-position: center center;}	
  .guide-program-box section.yoga dl{margin-bottom:2em;}
  .guide-program-box section.yoga dt{font-size:1.4em;}
  .guide-program-box section.yoga dd{font-size:1.1em;line-height:1.7;}	
        
  /*PRICE------------------------*/		
  .under-price{padding:6em 0 6em;}
  .under-price p.cat{font-size:1.2em;margin-bottom:1em;}
  .under-price li span{font-size:1.2em;}
  body.plan .top-price-wrap h3{margin:5em auto 4.6em;}
    
  .top-price-wrap section.mihoudai .ttl{font-size:2.4rem;margin-bottom:0;line-height:2.2;}
    .top-price-wrap section.mihoudai .wrap{width:70%;}	
  .top-price-wrap section.mihoudai li{background-image: url(../imgs/top/price-genre-bk-pc.webp);background-position:top 20% center;padding:6em .75em 6em;}
  .no-webp .top-price-wrap section.mihoudai li{background-image: url(../imgs/top/price-genre-bk-pc.jpg);}

  .top-price-wrap section.mihoudai .price{width:100%;display:flex;justify-content: space-between;align-items: center;padding: 5em 2em 3.5em;}
  .top-price-wrap section.mihoudai .price div{width:45%;}	
  .top-price-wrap section.mihoudai .top-webmember-bt,body.price .top-price-wrap section.mihoudai .top-webmember-bt{margin:0;}	
    
  .top-price-wrap section.tsudo{width:100%;display:flex;justify-content: space-between;align-items: center;padding:0 7%;}
  .top-price-wrap section.tsudo span{width:53%;}	
  .top-price-wrap section.tsudo span:last-child{width:43%;}
  .top-price-wrap section.tsudo .price{font-size:2.4rem;}
  .top-price-wrap section.tsudo .price span{font-size:4.6rem;}
  .top-price-wrap section.tsudo .price span.tax{font-size:.6em;padding-right:3em;}
  .top-price-wrap section.tsudo .price span:last-child{padding-right:0;}
    
  .top-price-wrap section.tsudo .ttl{font-size: 1.3em;margin-bottom: .5em;}
  .top-price-wrap section.tsudo .txt{margin-bottom: 0em;line-height:1;}
  .top-price-wrap section.tsudo .top-webmember-bt {width:90%;margin:0 0;}
  .top-price-wrap section.tsudo .top-webmember-bt a{padding:1.15em;}
  .top-price-wrap section.tsudo img{width:60%;margin:1.5em auto 0;display:block;}
    
  /*QA------------------------*/		
  .top-qa-wrap{background:#333333;padding:3em 10% 6em;}
  .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;}
  body.guide .top-qa-wrap{padding: 0 0 6em;}
  body.qa .top-qa-wrap{padding:6em 0 6em;}
  body.qa .top-qa-box{margin:4em auto 5em;}	
    
  /*howto------------------------*/
  .howto-box{padding:3em 0 0;}
  .howto-box h2{font-size:2em!important;margin:0 0 1em!important;}
  .howto-box ul{width:800px;display:block;margin:0 auto;}	
  .howto-box li{margin-bottom:7em;}
  .howto-box li:after{bottom: -2em; left: 50%; transform: translate(-50%,-0%); font-size:2em;content: '\f107';}
  .howto-box li img{margin-bottom:2em;}
  .howto-box li p{line-height:1.7;font-size:1.3em;text-align:center;}	

  body.cache .top-qa-wrap .tab{width:800px;margin:0 auto 1.5em;;}
  body.cache .top-qa-wrap label{text-align:center;font-size:1.4em;letter-spacing:2px;}
  body.cache .top-qa-wrap label img{width:40px;left:2em;}	
  .q-txt{margin:3em 0 0;font-size:1.5rem;}
  .q-txt .ttl{font-size:2rem;margin-bottom:1em;}		
  .cache-box{padding: 3em 2em;}
  .cache-box ul{width:100%;}
  .cache-box li p{text-align:left;}
    
  .dance-knowledge-wrap{padding:4em 0;}
  .dance-knowledge-wrap ul{padding:1.5em 0 ;}
  .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:22%;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;}		 */
}

@media screen and (min-width: 1280px) {
  /* body.top h2,body.top h1{font-size:1.1em;margin:6em 0 3em;}
  body.top h2 span,body.top h1 span{font-size:1.6em;}	
  body.top h2.about{margin:12% 0 3em;}
  body.top h2.pre{margin:8% 0 3em;}	
  body.top h2.price{margin:5em 0 3em;} */
    
  .top-about-wrap {padding: 8% 4em 1%;}
  .top-about-wrap p.about-ttl {margin: 0 auto 3em;width: 70%;}	
  .top-about-wrap p {font-size: 1.5em;margin-bottom: 2.5em;line-height: 2;}	
    
  .top-program-wrap section{padding: 5% 0 3% 5%!important;}
  .top-lesson-wrap{padding:0 0 5em;}	
  /* .top-lesson-wrap section h3{margin-bottom:3em;} */
  .top-lesson-wrap section p.txt{font-size:1.2em;margin-bottom:3.5em;line-height:2;padding: 0 2em;}	
    
  .top-price-wrap{padding:.5em 0 5em;}	
  .top-price-wrap section{padding:5em;margin-bottom:1em;}	
  .top-price-wrap h3{width:65%;margin:0 auto 5em;}
  body.price .top-price-wrap h3{width:80%;}		
  .top-price-wrap section .ttl{font-size:2em;margin-bottom:1em;}
  .top-price-wrap section .txt{font-size:1.4em;margin-bottom:2em;}
  .top-price-wrap .top-webmember-bt{width:40%;}
  .top-price-wrap .top-webmember-bt a{font-size:1.6em;padding:1.5em;}	
    
  .top-program-wrap section.dance p.txt{width:68%;margin-bottom:4em;}	
  .top-program-wrap section.dance p.price{font-size:1.6em;margin-bottom:3em;}
  .top-program-wrap section.dance p.price span{font-size:3.5em;}
  .top-program-wrap section.yoga p.txt{margin-bottom:4em;}	
  .top-program-wrap section.yoga p.price{font-size:1.6em;margin-bottom:3em;}
  .top-program-wrap section.yoga p.price span{font-size:3.5em;}
  .top-program-wrap .top-link-bt{font-size:1.5em;}	
    
  .top-program-genre li .txt{left: 2em;}
  .top-program-genre li h3{font-size:5.5em;line-height:1;margin-bottom:.15em;}
  .top-program-genre li p{font-size:1.4em;}	
    
  .top-dokodemo-wrap{padding:5em 0 5em;}
  .top-dokodemo-wrap section:last-child{padding:4em 0 0;}
  .top-dokodemo-wrap section:last-child img{margin:0 auto 3em;}
  .top-dokodemo-wrap p{font-size:1.2em;line-height: 2;}
    
  .top-qa-wrap{padding:5em 0 6em;}
  .top-qa-box{
    width: 1000px;
    margin: 3em auto;
  }
  .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;}
    
  /*GUIDE------------------------*/		
  .guide-howto-wrap{padding:5% 0 1%;}
  .guide-howto-wrap ul{padding:1em 0 0;width:80%;margin:0 auto;}
  .guide-howto-wrap li{padding:3em 3em;margin-bottom:5em;}
  .guide-howto-wrap li:last-child{margin-bottom:0;}	
  .guide-howto-wrap li .guidebox section:last-child{padding:1em 1em 0 0;}		
  .guide-howto-wrap li .num{width:90px;height:90px;}
  .guide-howto-wrap li .num p{font-size:1em;}
  .guide-howto-wrap li .num p span{font-size:1.6em;}
  .guide-howto-wrap li h3{font-size:1.4em;margin-bottom:1.5em;}
  .guide-howto-wrap li p{font-size:1em;margin-bottom:2em;}	
  .guide-howto-wrap li p.link{margin-bottom:0;}
    
  .guide-program-box section.dance th{padding:1.5em;}
  .guide-program-box section.dance td{padding:1.5em;}	
    
  /*PRICE------------------------*/		
  .under-price{padding:9em 0 7em;}
  .under-price p.cat{font-size:1.3em;margin-bottom:1.5em;}
  .under-price li span{font-size:1.5em;}
  .top-price-wrap section.tsudo{width:100%;}	
  .top-price-wrap section.tsudo .price{font-size:4em;}
  .top-price-wrap section.tsudo .price span{font-size:1.5em;}
  .top-price-wrap section.tsudo .price span.tax{padding-right:2em;}
    
  /*QA------------------------*/		
  body.qa .top-qa-wrap{padding:5% 0;}

  .q-txt{margin:6em 0 0;font-size:1.3em;}
  .q-txt .ttl{font-size:1.5em;margin-bottom:1em;}	
  body.cache h2,body.cache h1{margin:4em 0 3em;}	
  body.cache .top-qa-wrap .tab{margin:0 auto 2.5em;;}
  body.cache .top-qa-wrap label{font-size:1.2em;padding: 1.2em 3em 1.2em 1.25em;}
  .cache-box{padding: 3em 3em;}
    
  .dance-knowledge-wrap{padding:5% 0 6%;}
  /* .news-wrap{padding:0 0 5%;} */

  .top-program-wrap section.dance{padding:6em 4.5em 7em;}
  .top-program-wrap section.dance p.logo{width:40%;margin-bottom:3em;}
  .top-program-wrap section.dance p.txt{width:68%;margin-bottom:4em;}

  .top-program-wrap section.yoga p.logo{padding-left:0%;width:50%;margin-bottom:3em;}
  .top-program-wrap section.yoga p.txt{padding-left:0;width:60%;margin-bottom:4em;}
  .top-program-wrap .top-link-bt{font-size:1.4em;}		
}