/* WEB MEMBER
------------------------------------------- */
.under-top-txt{ padding:1.5em 0 2em;}
.under-top-txt h2{margin-bottom: .75em; font-size: 1.4rem;font-weight: bold;line-height:1.6;}
.under-top-txt h2.error{color:#ef1b49;}
.under-top-txt p{text-align: left; font-size: 1.3rem; line-height:1.7;}

.reg-ppt-block{ background: #efefef; padding:2.5em .5em 2.5em 1.5em;border-radius:4px;margin-bottom:2em;}
.reg-ppt-block h3{font-weight:bold;margin-bottom:.5em;}
.reg-ppt-box{padding: 0 0;}
.reg-ppt-in{max-height: 28vh; padding: 0 1.25em 0 0; overflow-y: scroll; font-size: 1.2rem;line-height:1.6;}
.reg-ppt-in > p:not(:first-child){ padding-top: 2em;}
.reg-ppt-in li{ padding-left: 1em; position: relative;}
.reg-ppt-in li::before{ content: "・"; position: absolute; left:0;}
.reg-ppt-in li > p{ position: relative; padding-left: 2em;}
.reg-ppt-in li > p:first-child{ padding-top: 1em;}
.reg-ppt-in li > p::before{ content: "○"; position: absolute; left: 1em;}
.reg-print{ margin: 2em 0 0em; display: flex; justify-content: center;}
.reg-print a{ border: 1px solid #999999; width: 50%; padding: 1em 0; font-size: 1.2rem; text-align: center; border-radius: 3px; background: url( "https://www.noadance.com/assets/img/common/pdf-ico.png") no-repeat 5% center/auto 70%;background-color:#fff;}

.mem-lead{color:#ef1b49;margin-bottom:2em;padding:0 1.5em; line-height:1.6;}

.webmember-sec .form-body{margin-bottom:2.5em;}
.webmember-sec .agreement {padding:0 1.5em;margin-bottom: 2em;border:none;}
.webmember-sec .agree-btn {padding:0 1em;color:#ef1b49;}
.webmember-sec .agree-desc a {color: #f00;text-decoration: underline;}
.webmember-sec .agree-btn {text-align: center;}
.webmember-sec .agree-btn label {margin-left: .5em;}

.webmember-sec .webmember-caution .wrap{padding:0 1.5em;}
.webmember-sec .webmember-caution p{font-weight:bold;margin-bottom:.5em;}
.webmember-sec .webmember-caution li{padding-left: 1em; position: relative;font-size:1.2rem;margin-bottom:1em;}
.webmember-sec .webmember-caution li::before{ content: "・"; position: absolute; left:0;}

.webmember-check .form-main{padding:0 .5em;}
.webmember-check .form-body{padding:3em 2em .5em;background:#efefef;border-radius:4px;margin-bottom:0;}
.webmember-check .form-table{margin-bottom:1em;width:100%;}
.webmember-check .form-table th,.webmember-check .form-table td{display:block;box-sizing:border-box;overflow:hidden;border:none;}
.webmember-check .form-table th{font-size:1.5rem;font-weight:bold;padding:0 0 .25em 0;text-align:center;}
.webmember-check .form-table td{font-size:1.6rem;margin-bottom:1em;padding:0 0;}
.webmember-check .form-supple p:not(:last-child){margin-bottom:1em;}
.webmember-check .input,.webmember-check textarea{width:100%;padding:1.25em 1em;font-size:1.3rem;border-radius:4px;border:1px solid #ccc;background:#fff;text-align:center;}
.webmember-check .input{margin-bottom:.5em;}
.webmember-check .input placeholder{font-size:1.3rem;padding:0;margin:0;vertical-align:middle;}
.webmember-check .form-operate{padding:0 2em;margin-bottom:1em;}
.webmember-check .form-operate li{text-align:center;}
.webmember-check .form-operate li input{padding:1em 0;color:#fff;font-weight:bold;box-sizing:border-box;border-radius:4px;margin-bottom:1.5em;}
.webmember-check .form-operate li input[disabled]{cursor:not-allowed;background-color:#ccc;}
.webmember-check .form-operate li input.long-word{padding:0.8em 1em;}

.webmember-check .primary-btn{background-color:#000;font-size:1.6rem;width:100%;}
.webmember-check .secondary-btn{background-color:#ef1b49;font-size:1.6rem;}
.webmember-check .retry-btn{margin-top:2em;}
.webmember-check .back-btn{padding:0 4em;}
.webmember-check .back-btn a{border:1px solid #000;color:#000;text-align:center;margin:1em auto 3em;font-size:1.6rem;font-weight:bold;padding:1em;display:block;width:100%;border-radius:4px;}
.webmember-check .log-btn a{background:#000;color:#fff;}
.webmember-check .back-btn a:hover{background:#000;color:#fff;}
.webmember-check .log-btn a:hover{background:#fff;color:#000;}
.code-time{font-size:1.4rem;font-weight:bold;text-align:center;margin:-1em 0 2em;}
.code-time span{padding-left:1em;}

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

/* WEB MEMBER
------------------------------------------- */
.under-top-txt{ padding:2.5em 0 2em;}
.under-top-txt h2{margin-bottom:1em; font-size: 2.2rem; line-height:1.6;}
.under-top-txt p{font-size: 1.6rem; line-height:1.7;}
	
.reg-ppt-block{padding:3.5em .5em 3.5em 3em;margin-bottom:3em;}
.reg-ppt-block h3{font-size: 1.6rem;margin-bottom:1em;}
.reg-ppt-in{padding: 0 2.25em 0 0;font-size: 1.5rem;}
.reg-ppt-in > p:not(:first-child){ padding-top: 2.5em;}
.reg-print{ margin: 2em 0 0;}
.reg-print a{padding: 1.5em 0;font-size: 1.5rem;border-radius: 5px; background: url( "https://www.noadance.com/assets/img/common/pdf-ico.png") no-repeat 5% center/auto 50%;background-color:#fff;width:40%;}

.mem-lead{margin-bottom:2.5em;padding:0 3em;font-size: 1.5rem;}

.webmember-sec .form-body{margin-bottom:5em;}
.webmember-sec .agreement {padding:0 1.5em;margin-bottom: 2em;border:none;}
.webmember-sec .agree-btn {padding:0 1em;color:#ef1b49;}
.webmember-sec .agree-desc a {color: #f00;text-decoration: underline;}
.webmember-sec .agree-btn {text-align: center;}
.webmember-sec .agree-btn label {margin-left: .5em;}

.webmember-sec .webmember-caution .wrap{padding:0 3em;}
.webmember-sec .webmember-caution p{margin-bottom:.5em;font-size:1.6rem;}
.webmember-sec .webmember-caution li{font-size:1.5rem;margin-bottom:1em;}
.webmember-sec .webmember-caution li::before{ content: "・"; position: absolute; left:0;}
	
.webmember-check .form-main{padding:0 0em;}
.webmember-check .form-body{padding:4em 3em .5em;}
.webmember-check .form-table th{font-size:2rem;padding:0 0 .5em 0}
.webmember-check .form-table td{font-size:3rem;margin-bottom:1em;}
.webmember-check .form-supple p:not(:last-child){margin-bottom:1.5em;}
.webmember-check .input,.webmember-check textarea{padding:1.25em 1em;font-size:2rem;background:#fff;}
.webmember-check .form-operate li input{margin-bottom:2em;}	
.webmember-check .primary-btn{font-size:2.6rem;width:80%;}	
.code-time{font-size:2rem;margin:0em 0 3em;}	
	
}

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

/* WEB MEMBER
------------------------------------------- */
.under-top-txt{ padding:3em 0 2em;}
.under-top-txt h2{margin-bottom:1em;font-size:2rem;}
.under-top-txt p{font-size: 1.4rem; line-height:1.7;}
.reg-ppt-block h3{font-size: 1.4rem;margin-bottom:1em;}
.reg-ppt-in{padding: 0 2.25em 0 0;font-size: 1.3rem;}
	
.reg-ppt-block{padding:2.5em .5em 2.5em 2em;margin-bottom:4em;}	
.mem-lead{margin-bottom:2.5em;padding:0 0;font-size: 1.4rem;line-height:1.7;}
	
.webmember-sec .wrap{width:80%;padding: 0 0;}
.webmember-sec .agreement{font-size: 1.6rem;}
.webmember-sec .webmember-caution .wrap{padding:0 0;}
.webmember-sec .webmember-caution p{margin-bottom:.5em;font-size:1.3rem;}
.webmember-sec .webmember-caution li{font-size:1.3rem;margin-bottom:.5em;}
	
.webmember-check .wrap{width:80%;padding: 0 0;}	
.webmember-check .form-main{padding:0 0;width:100%;}
.webmember-check .form-body{padding:4em 4em .5em;}
.webmember-check .form-table th{font-size:1.6rem;padding:0 0 1em 0}
.webmember-check .form-table td{font-size:2rem;margin-bottom:1em;}
.webmember-check .form-supple p:not(:last-child){margin-bottom:1.5em;}
.webmember-check .input,.webmember-check textarea{padding:1.25em 1em;font-size:1.5rem;background:#fff;}
.webmember-check .primary-btn{font-size:1.8rem;width:60%;}	
.code-time{font-size:1.6rem;margin:0em 0 3em;}		
	
}

@media screen and (min-width: 1280px) {
/* WEB MEMBER
------------------------------------------- */
.under-top-txt{ padding:3.5em 0 2em;}
.under-top-txt h2{margin-bottom:1em;text-align:center;line-height:1.7;}
.under-top-txt p{font-size: 1.1em; line-height:1.7;}
.reg-ppt-block h3{font-size: 1.2em;margin-bottom:1em;}
.reg-ppt-in{padding: 0 3em 0 0;font-size: 1.1em;}
.reg-ppt-block{padding:3.5em .5em 3.5em 4em;margin-bottom:6em;}	
.reg-print{ margin: 2em 0 0;}
.reg-print a{padding: 1.5em 0;font-size: 1em;width:20%;}
	
.mem-lead{margin-bottom:2.5em;padding:0 15%;font-size: 1.2em;line-height:1.7;}	
.webmember-sec .wrap{width:80%;padding: 0 0;}
.webmember-sec .form-body {padding:0 15%;margin-bottom: 5em;}
.webmember-sec .agreement{font-size: 1.6rem;}
.webmember-sec .webmember-caution {padding:0 15% 2em;}
.webmember-sec .webmember-caution p{font-size:1.1em;}
.webmember-sec .webmember-caution li{font-size:1em;margin-bottom:.5em;}
	
.webmember-check .form-main{padding:0 0;width:100%;max-width:800px;margin:0 auto;}
.webmember-check .form-table th{font-size:1.4em;padding:0 0 1em 0}
.webmember-check .form-table td{font-size:1.6em;margin-bottom:1em;}
.webmember-check .input,.webmember-check textarea{padding:.8em 1em;font-size:1.3em;}
.webmember-check .primary-btn{font-size:1em;width:60%;}	
.code-time{font-size:1.4em;margin:0em 0 3em;}	
}

/*画面ローディング*/
.u-loading-area {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
  }
  .u-spinner {
	margin: 0 auto;
	width: 150px;
	height: 100px;
	text-align: center;
	font-size: 25px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 50%;
  }
  .u-spinner > div {
	background-color: #949393;
	height: 100%;
	width: 10px;
	display: inline-block;
  
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
  }
  /*ポイント:以下のディレイの指定*/
  .u-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
  }
  .u-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
  }
  .u-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
  }
  .u-spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
  }
  @-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
  }
  @keyframes stretchdelay {
	0%, 40%, 100% { transform: scaleY(0.4) }
	20% { transform: scaleY(1.0) }
  }