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:76%;}
.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:4px;font-weight:bold;}
body.top h2.about{margin:8em 0 3em;}
body.top h2.pre{margin:7em 0 3em;}

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

.top-program-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
.top-program-wrap section.dance{padding:4em 2.5em 5em;width:100%;background-image: url(../imgs/top/top-program-bg-sp.jpg);background-position: top center;background-size:100% auto;background-repeat: no-repeat;}
.top-program-wrap section.dance p.logo{width:50%;margin-bottom:3em;}
.top-program-wrap section.dance p.txt{width:80%;margin-bottom:2em;}
.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:4em 2.5em 5em;margin-bottom:2em;width:100%;background-image: url(../imgs/top/top-program-bg2-sp.jpg);background-position: top center;background-size:100% auto;background-repeat: no-repeat;}
.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:1.5em;}
.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-lesson-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;padding:0 0 2em;}
.top-lesson-wrap section{padding:1em 0 3em;}
.top-lesson-wrap section h3{margin-bottom:2em;}
.top-lesson-wrap section p.txt{padding:0 2.5em;font-size:1.3rem;line-height:1.8;margin-bottom:2.5em;}
.top-lesson-wrap section p.txt img{margin-bottom:1em;}
.top-lesson-wrap section 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:3em 2em;margin-bottom:2em;}
body.price .top-price-wrap section{border-bottom:1px 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;}
.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{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-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-bottom:3em;}
.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{font-size:1.1rem;text-align:center;font-weight:300;color:#fff;border:1px solid #fff;padding:1em 1.5em;letter-spacing:2px;}

/*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: fit-content;
  min-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.webp);background-position: top center;background-size:cover;background-repeat: no-repeat;}
.no-webp .guide-program-box section.dance{background-image: url(../imgs/top/top-program-bg-sp.jpg);}

.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.webp);background-position: top right 60%;background-size:cover;background-repeat: no-repeat;}
.no-webp .guide-program-box section.yoga{background-image: url(../imgs/top/top-program-bg2-pc.jpg);}
.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 section.yoga table{border-top:1px solid #999;border-left:1px solid #999;font-size:1.1rem;line-height:1.6;}
.guide-program-box section.yoga th{width:20%;border-right:1px solid #999;border-bottom:1px solid #999;padding:.75em;text-align:center;}
.guide-program-box section.yoga td{width:80%;border-right:1px solid #999;border-bottom:1px solid #999;padding:.75em;}

.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.jpg);background-size:cover;background-position:0 0;padding:4em .75em 3.5em;}

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 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: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;}


@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-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-lesson-wrap section {padding: 2em 0 5em;}
.top-lesson-wrap section h3 {margin-bottom: 3em;}
.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:4em;}
.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;}
.guide-program-box section.yoga table{width:100%;font-size:1.6rem;}

/*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 4em;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-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.jpg);background-size:cover;}
.top-program-wrap section.dance p.logo{width:40%;margin-bottom:3em;}
.top-program-wrap section.dance p.txt{width:68%;margin-bottom:2em;}
.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.yoga{background-image: url(../imgs/top/top-program-bg2-pc.jpg);background-size:cover;margin-bottom: 0em;}
.top-program-wrap section.yoga p {text-align: left;}
.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:2em;}
.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.4em;}

.top-lesson-wrap{padding:0 0 3em;}
.top-lesson-wrap section{width:50%;padding:0 0 3em;}
.top-lesson-wrap section .txtbox{padding:0 5% 0 15%;}
.top-lesson-wrap section:last-child .txtbox{padding:0 15% 0 5%;}
.top-lesson-wrap section h3{margin-bottom:2em;}
.top-lesson-wrap section p.txt{font-size:1.1em;margin-bottom:2.5em;padding: 0 0;text-align:center;}
.top-lesson-wrap section p.txt img{margin-bottom:2em;}

.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:3em;}
.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.webp);background-position: center right 20%;}
.no-webp .guide-program-box section.dance{background-image: url(../imgs/top/top-program-bg-pc.jpg);}

.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.webp);background-position: center center;}
.no-webp .guide-program-box section.yoga{background-image: url(../imgs/top/top-program-bg2-pc.jpg);}
.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;}
.guide-program-box section.yoga table{width:100%;font-size:1.1em;}
.guide-program-box section.yoga th{padding:1em;}
.guide-program-box section.yoga td{padding:1em;}

/*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.price .top-price-wrap h3{margin:5em auto 4.6em;}

.top-price-wrap section.mihoudai .ttl{font-size:2.7rem;margin-bottom:0;line-height:2.4;}
.top-price-wrap section.mihoudai li{background-image: url(../imgs/top/price-genre-bk-pc.jpg);background-position:top 20% center;padding:6em .75em 6em;}
.top-price-wrap section.mihoudai .price{width:100%;display:flex;justify-content: space-between;align-items: center;padding: 4em 2em 6em;}
.top-price-wrap section.mihoudai .price div{width:46%;}
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;}
.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:100%;margin:0 auto;}
.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 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;}	
		
}

@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 6%;}
.top-about-wrap p.about-ttl {margin: 0 auto 3em;width: 70%;}
.top-about-wrap p {font-size: 1.6em;margin-bottom: 2.5em;line-height: 2.8;}

.top-program-wrap section{padding: 5% 0 6% 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:5em;}
.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-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:0 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;}

/*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;}
.guide-program-box section.yoga th{padding:1.5em;}
.guide-program-box section.yoga 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 7%;}		

}