.howto_sec_ttl{
  font-family: var(--font-comp);
  text-align:center;
  font-size:1.1rem;
  letter-spacing:6px;
  line-height:1.8;
}
.howto_sec_ttl span{display:block!important;font-size:2.3rem;letter-spacing:.03em;font-weight:bold;}
.howto_sec_ttl.about{margin:8em 0 3em;}


.top-price-wrap{padding:0 0 4em;}
.top-price-wrap h3{width:100%;display:block;margin:1.5em auto 0;}
.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.45rem;letter-spacing:3px;padding:1.3em 0;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%);}

	
.danceprice-flow-wrap{padding:1em 0 3em;}
.danceprice-flow-wrap ul{padding-top:2em;}
.danceprice-flow-wrap li{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;margin-bottom:5em;position:relative;align-items: center;
}
.danceprice-flow-wrap li:after{position:absolute; bottom: -1.5em; left: 50%; transform: translate(-50%,-0%); font-family: fontAwesome; content: '\f107';font-size:3rem;}
.danceprice-flow-wrap li:last-child{margin-bottom:0;}
.danceprice-flow-wrap li:last-child:after{content:none;}
.danceprice-flow-wrap p{width:42%;}
.danceprice-flow-wrap p:last-child{width:50%; line-height: 1.7; font-size: 1.15rem;}
.danceprice-flow-wrap p:last-child img{width:40%;margin:0 auto 1em;display:block;}
.danceprice-flow-wrap p.cancel {
  width: 100%;
  color: #ee0000;
  line-height: 1.7;
  max-width: 60rem;
  margin: 2em auto;
}
.danceprice-flow-wrap p.or{width:100%;font-weight:bold;text-align:center;line-height:1.7;margin:2em 0;font-size:1.5rem;}

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

	

.top-price-wrap{padding:0 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;}	
	
.danceprice-flow-wrap{padding:2em 2em 5em;}
.danceprice-flow-wrap ul{padding-top:3em;}
.danceprice-flow-wrap li{margin-bottom:6em;}
.danceprice-flow-wrap li:after{font-size:4rem;}
.danceprice-flow-wrap p{width:42%;}
.danceprice-flow-wrap p:last-child{width:50%;line-height:2;font-size:2.4rem;}
.danceprice-flow-wrap p:last-child img{width:40%;margin-bottom:2em;}	
	
.danceprice-flow-wrap p.or{margin:2em 0;font-size:2.5rem;}
	
}

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

.howto_sec_ttl{font-size:1.4rem;}
.howto_sec_ttl span{font-size:3rem;}
.howto_sec_ttl.about{margin:8em 0 3em;}	

.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%;
  max-width: 36rem;
  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;}


.danceprice-flow-wrap{padding:3em 2em 5em;}
.danceprice-flow-wrap ul{padding-top:3em;width:60rem;margin:0 auto;display:block;}
.danceprice-flow-wrap li{margin-bottom:9em;}
.danceprice-flow-wrap li:after{font-size:4rem;bottom:-2em;}
.danceprice-flow-wrap p{width:30%;}
.danceprice-flow-wrap p:last-child{width:60%;line-height:2.2;font-size:1.3em;letter-spacing:1px;}
.danceprice-flow-wrap p:last-child img{width:24%;margin:1em auto 2em;}
	
.danceprice-flow-wrap p.or{margin:2em 0;font-size:2.2rem;}	
}

/* @media screen and (min-width: 1280px) {

	
.top-price-wrap{padding:1% 0 5%;}	
.top-price-wrap section{padding:3em;margin:0 auto 4em;width:960px;}	
.top-price-wrap h3{width:70%;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:50%;}
.top-price-wrap .top-webmember-bt a{font-size:1.6em;padding:1.5em;}


}	

@media screen and (min-width: 1440px) {
.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;}
}
@media screen and (min-width: 1600px) {
.dance-aboutnoa-wrap li p.txt{padding:2.4em 3.4em;font-size:1.2em;}	
.dance-aboutnoa-wrap li .txt span.ttl{font-size:2.2em;margin-bottom:1em;}
} */