@charset "UTF-8";
.member_page .login{
  display: none;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.trial-common-sub {
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: 1.5em;
  position: relative;
  z-index: 10;
  text-align: center;
}
/* ===========================================
webentry
=========================================== */
.plain-sec-ttl {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  padding: 0.8em 0;
}
.sec-lede-desc{
  font-size: 1.2em;
  margin-bottom: 1em;
  text-align: center;
}
.sec-lede-desc p {
  padding: .3em 0;
}
.m-step {
  padding: 2.5rem 0;
  background-color: #f3f3f3;
}
.m-step-list{
  padding-bottom: 1em;
}
/* .m-step-list li {
  margin-bottom: 1rem;
} */
/* .m-step-list li:not(:last-child) {
  padding-bottom: 2rem;
  background-image:url(https://www.noadance.com/assets/img/common/step-bottom-arw.png);
  background-size: 14px auto;
  background-position: 50% 100%;
} */
.m-step-list li:not(:last-child):after {
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 1.8em;
  padding: .5em 0;
}
.m-step-list li {
  color: var(--c-black);
  text-align: center;
}
.m-step-list li .inside {
  display: table;
  padding: 1.5em 4%;
  width: 100%;
  background-color: #fff;
}
.m-step-head {
  display: table-cell;
  width: 24%;
  vertical-align: middle;
  font-weight: 600;
}
.m-step-ico {
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}
.m-step-ico img {
  max-width: 54px;
  filter: saturate(.6);
}
.m-step-txt {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: 600;
}
.m-step-head .num {
  background-color: var(--c-black);
  border-radius: 1em;
  color: #fff;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 600;
  margin-left: 0.5em;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.m-step-atc {
  font-size: 1.1rem;
}
.consent{
  padding: 2em 0;
}
.consent-ttl {
  margin-bottom: .6rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.consent-frame {
  margin-bottom: 1.6rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 180px;
  font-size: .9rem;
  border: 1px solid #ddd;
}
.consent-frame .inner {
  padding: 1.2em 4%;
}
.consent-box p,
.consent-box ul {
  margin-bottom: 1rem;
}
.consent-box .ttl {
  font-weight: bold;
}
.consent-btn {
  text-align: center;
}
.print-btn {
  display: inline-block;
  padding: .5em 2.5em .5em 1em;
  background: #333;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
}
.print-btn:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f1c1";
  font-weight: 900;
  top: 50%;
  right: .7em;
  transform: translate(0em, -50%);
}
/* .pdf-ico {
  display: inline-block;
  padding: 0 3em;
  background-image: url(https://www.noadance.com/assets/img/common/pdf-ico.png);
  background-size: auto 1.6em;
  background-position: 0 50%;
} */
.member-btn {
  font-size: 1.6rem;
  font-weight: bold;
}
.member-btn .arw {
    background-size: auto .8em;
}
.pulling-box {
  display: none;
  font-size: 1.2rem;
}
/* .pulling-box:not(:last-child) {
  margin-bottom: 1.6rem;
} */
.pulling-block.first .pulling-box:first-child,
.pulling-block.last .pulling-box:last-child {
  display: block;
}
.pulling-box .fwb {
  font-weight: bold;
}
/*.start-select option:last-child,
.start-select option:nth-last-of-type(2) {
  display: none;
}*/
.sub-sec-ttl {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  padding: 1rem 0;
}
.radio-list li:not(:last-child) {
  margin-bottom: .4rem;
}
.form-consent-btn {
  margin-bottom: 1rem;
  text-align: center;
}
/* .form-consent-btn .print-btn {
  font-size: 1.6rem;
} */
.agreement {
  font-size: 1.2rem;
  padding: 1em;
  margin-bottom: 2rem;
  border: 1px solid #1a1311;
}
.agree-btn {
  margin-top: 1.6rem;
}
.agree-desc a {
  color: #f00;
  text-decoration: underline;
}
.agree-btn {
  text-align: center;
}
.agree-btn label {
  margin-left: .5em;
}
.agree-file {
  margin-bottom: 3rem;
  text-align: center;
}
.agree-file li {
  margin-bottom: 1.6rem;
}
.send-desc {
  text-align: center;
}
.send-desc p {
  margin-bottom: 1.6rem;
}
.send-desc-txt {
  font-size: 1.6rem;
  font-weight: bold;
}
.form-msg-sec p,
.form-msg-sec ul {
  font-size: 1.15rem;
  margin-bottom: 1.6rem;
}
.form-msg-sec .ttl {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 1.4rem 0;
}
.form-msg-sec .sub-ttl {
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.bring-h {
  padding-bottom: .2em;
  color: #e00;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #e00;
}
.bring-list {
  font-size: 1.1rem;
}
.comp-clip {
  text-align: center;
}
.comp-clip img {
  max-width: 60px;
}
.emp {
  color: #d00;
}
.stand-btn {
  max-width: 30rem;
  margin: .5em auto;
  text-align: center;
}
.stand-btn a {
  position: relative;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1.4em 0;
  /* border: 1px solid #ccc; */
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
  display: block;
}
/* .stand-btn a:after {
  position: absolute;
  right: 1em;
  top:  0;
  bottom: 0;
  margin: auto;
  display: block;
  height: fit-content;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  font-size: 1.1em;
  color: #888;
} */
.back-btn {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 0.8em 4em;
  text-align: center;
}
.back-btn .arw {
  padding: 0 1.2em;
  background-image: url(https://www.noadance.com/assets/img/common/w-arw.png);
  background-position: 100% 50%;
  background-size: auto 12px;
}
.member-btn {
  font-size: 1.6rem;
  font-weight: bold;
}
.member-btn .arw {
  background-size: auto 0.8em;
}

.entry-btn {
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: var(--c-black);
  text-align: center;
  max-width: 30rem;
  margin: .5em auto;
}
.entry-btn .arw {
  display: block;
  /* padding: 1em; */
  background-image: url(https://www.noadance.com/assets/img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: auto 0.8em;
}

@media screen and (min-width: 769px){
  .sec-lede-desc {
    font-size: 1.3em;
    margin: 1em 0;
  }
  .tb-tac {
    text-align: center;
  }
  .m-step {
    padding: 4rem 0;
  }
  .m-step-list {
    margin-bottom: 2rem;
    display:flex;
    justify-content:space-between;
    /* max-width: 1000px; */
    margin-left: auto;
    margin-right: auto;
  }
  .m-step-list li {
    position:relative;
    /* float: left; */
    width: 25%;
    margin-bottom: 0;
    background-color:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .m-step-list li:not(:last-child)::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-size: 1.8em;
    font-weight: 900;
    top: 50%;
    right: -12%;
    transform: translate(3%, -50%);
  }
  .m-step-list li:not(:last-child) {
    padding-bottom: 0;
    margin-right: 4%;
    /* background-image: url(../img/common/step-right-arw.png); */
    background-image: none;
    background-position: 95% 50%;
    background-size: auto 24px;
  }
  .m-step-list li:not(:last-child):after {
    content: none;
  }
  .m-step-list li .inside {
    display: block;
    padding: 2em 0;
  }
  .m-step-head {
    display: block;
    margin-bottom: 3rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .m-step-ico {
    display: block;
    margin-bottom: 2rem;
    width: 100%;
  }
  .m-step-txt {
    display: block;
    width: 100%;
    font-size: 1.4rem;
  }
  .m-step-ico img {
    max-width: 94px;
  }
  .m-step-head .num {
    font-size: 1.8rem;
    line-height: 2.6rem;
    width: 2.6rem;
    height: 2.6rem;
    margin-left: 0.3em;
  }
  .m-step-atc{
    text-align: center;
  }

  .caution-txt{
    text-align: center;
  }
  /* .consent-ttl {
    font-size: 1.8rem;
  } */

  .consent-frame {
    font-size: 1rem;
    height: 20rem;
  }
  .consent-frame .inner {
    padding: 20px;
  }
  .consent-btn {
    text-align: right;
  }
  .form-consent-btn {
    text-align: left;
  }
  .agree-desc {
    text-align: center;
  }
  .agreement {
    margin-bottom: 4rem;
    font-size: 1.4rem;
  }
  .sub-sec-ttl {
    font-size: 2rem;
  }
  .agree-file {
    margin-bottom: 6rem;
  }
  .agree-file li {
    display: inline-block;
    margin: 0 1em;
  }
  .pulling-box {
    font-size: 1.4rem;
  }
  .send-desc-txt {
    font-size: 2.4rem;
  }
  .send-desc p {
    margin-bottom: 2rem;
  }

  .msg-sec-ttl {
    font-size: 3rem;
  }
  .msg-desc {
    font-size: 1.8rem;
  }
  .msg-desc p {
    margin-bottom: 2.4rem;
  }

  .form-msg-sec {
    max-width: 68rem;
    margin: auto;
  }
  .form-msg-sec .ttl {
    font-size: 2.4rem;
  }
  .form-msg-sec .sub-ttl {
    font-size: 1.9rem;
  }
  .form-msg-sec p,
  .form-msg-sec ul {
    font-size: 1.3rem;
    margin-bottom: 2rem;
  }
  .comp-clip img {
    max-width: 92px;
  }
  .form-msg-sec .desc {
    font-size: 1.6rem;
  }
  .bring-h {
    font-size: 1.6rem;
  }
  .bring-list {
    font-size: 1.6rem;
  }
  .tb-tac {
    text-align: center;
  }
}/* 769 */


/* =========================================== 
input.php
=========================================== */
.form-table{margin-bottom:.25em;width:100%;}
.form-table th,.form-table td{
  text-align: left;display:block;font-size:1.4rem;
}
.form-table th{font-weight:bold;}
.form-table td{padding:.5em 0;display:block;margin-bottom:1.25em;
}
.member_page_confirm .form-table td{
  border-bottom: 1px solid #ddd;
}
.form-table input,.form-table textarea{border:0px;background:#efefef;padding:1.25em 1em;}
.form-supple p:not(:last-child){margin-bottom:1rem;}
.input-list li{margin-top:.4em;margin-right:1em;margin-bottom:.4em;display:inline-block;}
.input-list li label{padding-left:.4em;}
.input,textarea{width:100%;font-size:1.4rem;border-radius:0;border:1px solid #666;}
.input.input-date{width:22%;}
.d-unit{margin:0 .5em;}
.select{ padding: 0.4em;font-size:1.6rem;border:1px solid #666;}
.input-head{margin-bottom:1rem;}
.form-operate{padding:0 0;text-align:center;}
.form-operate li{text-align:center;}
.form-operate li input{
  padding:1em 0;
  color:#fff;
  font-weight:bold;
  font-size:1.5rem;
  border: none;
  width: 100%;
  max-width: 18em;
  cursor: pointer;
}
.form-operate li input[disabled]{cursor:not-allowed;background-color:#ccc;}
.form-operate li input.long-word{padding:0.8em 3em;}
.couple-operate li{float:left;width:46%;}
.couple-operate li:last-child{float:right;}
.couple-operate li input{padding:1em 0;width:100%;}
.primary-btn{background-color:#000;}
.secondary-btn{
  background-color: var(--c-black);
}
.caution-txt{
  color: var(--c-red); 
  font-size: 1.1em;
  padding: .3em 0;
}
.error-list{
  width: fit-content;
  padding: 1.4em 4%;
  margin: 0 auto 2rem;
}
.caution-ttl{color:#ee0000;font-size:1.4rem;font-weight:bold;margin-bottom:2rem;text-align:center;}
.restriction{margin-bottom:3rem;text-align:center;}
.stand-btn{text-align:center;}
/* .back-btn{display:inline-block;background-color:#000;color:#fff;padding:0.8em 4em;text-align:center;} */

.form-main{
  padding: .5em 0 2em;
}
.form-lede {
  padding-bottom: 0;
  border-bottom: none;
}
.req {
  color: #ee0000;
  font-size: 1.1rem;
}
.form-caution {
  color: #ee0000;
  font-size: 1.1rem;
}
.form-caution li {
  margin-bottom: 0.25em;
}
.radio-list{border:1px solid #ccc;padding:1em;}

@media (min-width: 769px){

  .form-main .wrap {
    padding: 0;
  }
  .radio-list {
    border: none;
    padding: 0;
  }
    /* trial
  ------------------------------------------- */
  .trial-page-head {
    height: 550px;
    background-image: url(../img/trial/title-bg-pc.jpg);
  }
  .plain-sec-ttl {
    font-size: 2.6rem;
  }
  .form-caution {
    font-size: 1.2rem;
  }
  .form-main .wrap {
    padding: 0;
  }

  .form-table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }
  .form-table th,
  .form-table td {
    display: table-cell;
    padding: 1.2em;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .form-table th {
    width: 25%;
    border-top: none;
  }
  .form-table td {
    font-size: 1.4rem;
  }

  .form-operate li {
    font-size: 1.6rem;
  }
  .supple-btn {
    font-size: 1.6rem;
  }
  .input-list li {
    font-size: 1.6rem;
  }

  .couple-operate {
    padding: 0 8%;
  }
  .cfm-form-lede {
    margin-bottom: 4rem;
  }
  .caution-ttl {
    font-size: 1.8rem;
  }
  .restriction {
    font-size: 1.6rem;
  }
  .stand-btn {
    font-size: 1.6rem;
  }

}/* 768 */

@media (min-width:960px){
  .s-menu-navi li{padding-left:10px;}
  .s-menu-navi li:not(:last-child){margin-right:10px;}
  .s-menu-ttl{font-size:1.3rem;}
  .s-menu-num{font-size:1.3rem;}
  .gnavi-main li{font-size:1.4rem;}
  .wrap{width:90%; margin: auto;}
  .r-over:hover{opacity:.7;filter:alpha(opacity=70);}
  .sec-ttl .en{font-size:4.4rem;}
  .sec-ttl .ja{font-size:1.6rem;}
  .s-sec-ttl .en{font-size:4.4rem;}
  .induct-btn{font-size:1.6rem;}
  .inst-main .wrap{padding:0;}
  .foot-lede-desc{font-size:1.4rem;}
  .fnavi-sec-ttl{font-size:1.4rem;}
  .fnavi-list li{font-size:1.2rem;}
  .kv-copy{font-size:1.1rem;}
  .feature-main{padding:1em 14% 2em !important;}
  .feature-head{margin-bottom:2rem;flex-wrap:nowrap;align-items:end;}
  .feature-ttl{margin-bottom:0;-webkit-flex-basis:40%;-ms-flex-basis:40%;flex-basis:40%;align-items:center;}
  .feature-clip{-webkit-flex-basis:56%;-ms-flex-basis:56%;flex-basis:56%;}
  .f-point-txt .num{font-size:2rem;}
  .feature-lede{font-size:2rem !important;letter-spacing:1px;}
  .feature-desc{font-size:1.4rem;}
  .feature-sub-write{font-size:1.4rem;}
  .studio-name .en{font-size:2.1rem !important;}
  .studio-sub{padding:0 10%;}
  .studio-sub li{font-size:1.8rem;}
  .news-tab{margin-bottom:4rem;}
  .news-tab li{font-size:1.6rem;}
  .news-ex{font-size:1.4rem;}
  .news-cat-block{margin-bottom:3rem;}
  .g-red-filter{padding:2.5em 3em;}
  .genre-name{font-size:2.5rem !important;}
  .genre-desc{font-size:1.4rem !important;}
  .sns-ttl{font-size:4.4rem;}
  .aboutus-lede-txt{font-size:2.8rem;}
  .about-sec-ttl{font-size:4.6rem;}
  .about-sec-h{font-size:2.2rem;}
  .about-sec-desc{font-size:1.6rem;}
  .about-sec-clip{margin-bottom:4rem;}
  .school-link li{font-size:1.8rem;}
  .system-ttl{font-size:3.5rem;}
  .system-view-copy{margin-bottom:1.6rem;font-size:2.2rem;}
  .system-view-copy span{font-size:3.6rem;}
  .system-view-desc{font-size:1.8rem;}
  .price-table{margin-bottom:6rem;}
  .price-table thead th{font-size:2rem;}
  .price-table table{font-size:1.8rem;}
  .price-table{font-size:1.4rem;}
  .entry-price-table .up{font-size:1.6rem;}
  .tb-s{font-size:1.8rem;}
  .price-atc-list{margin-bottom:3rem;}
  .price-atc-list li{font-size:1.8rem;}
  .different-sec-ttl{font-size:3rem;}
  .system-view-box{background-size:120px 120px;margin-bottom:3rem;padding-top:150px;}
  .system-lede-desc{font-size:1.8rem;}
  .other-sch-link li{font-size:1.6rem;}
  .tb-br{display:inline;}
  .tb-xs{font-size:1.8rem;}
  .academy-table .tb-class,
  .other-table .tb-class{font-size:1.6rem;}
  .hd-sch-lede{font-size:1.8rem;}
  .hd-sch-lede .sub{font-size:1.4rem;}
  .hd-sch-box{font-size:1.4rem;}
  .link-branch-btn{font-size:1.6rem;}
  .expand-menu li{font-size:1.8rem;}
  .recept-table .dial{font-size:2.2rem;}
  .sch-ex-ttl{font-size:2rem;}
  .sch-cat-list li{font-size:1.4rem;}
  .type-tab li{font-size:2.2rem;}
  .youbi-type-cnt .class .class-sub li{font-size:1.5rem;}
  .studio-type-cnt .class .class-sub li{font-size:1.2rem;}
  .studio-type-cnt .class .class-sub li span{display:block;}
  .youbi-type-cnt .class .class-sub ul{padding:5px 10%;}
  .class-view th, .class-view td{font-size:1.6rem;}
  .schedule-foot-desc{font-size:1.4rem;}
  .form-lede .wrap,
  .form-main .wrap{
    padding:0;
    width: 85%;
  }
  /* .plain-sec-ttl{font-size:3rem;} */

  .form-operate li{font-size:2.4rem;}
  .supple-btn{font-size:1.8rem;}
  .input-list li{font-size:1.8rem;}
  .caution-ttl{font-size:2.4rem;}
  .stand-btn{font-size:2rem;}
  .comp-recept{margin-bottom:4rem;}
  .pc-tac{text-align:center;}
  .branch-lede-copy{font-size:3.2rem;}
  .branch-lede .text{font-size:2rem;}
  .b-photo-ttl{font-size:3.2rem;}
  .ad-time{font-size:1.6rem;}
  .ad-detail{font-size:2rem;}
  .ad-pickup{font-size:1.8rem;}
  .b-photo-main .text{font-size:1.4rem;}
  .inst-lede dl{font-size:3rem;}
  .inst-lede .name dd{font-size:5rem;}
  .inst-main{font-size:1.8rem;}
  .inst-lesson-info{font-size:1.8rem;}
  .interview-btn{font-size:1.6rem;}
  .exp-btn{font-size:1.5rem;}
  .inst-sub-ttl{font-size:3.2rem;}
  .inst-sg-list li{margin-bottom:2rem;width:15%;}
  .inst-page-aside .n-st-desc{font-size:1.4rem;}
  .genre-lede-scat li{font-size:1.6rem;}
  .genre-inst-detail{background-color:rgba(0, 0, 0, 0.5);display:table;font-size:1.8rem;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
  .genre-inst-detail span{color:#fff;display:table-cell;height:100%;vertical-align:middle;width:100%;}
  .genre-inst-box a:hover .genre-inst-detail{opacity:1;}
  .note-btn{font-size:1.6rem;}
  .genre-inst-box .name{font-size:1.8rem;}
  .genre-lede-links li{font-size:1.6rem;}
  .genre-lede-links li a{padding:1em 0;}
  .genre-lede-links li .arw{background-image:none;}
  .genre-lede-links{margin-bottom:2rem;}
  .genre-lede-desc{font-size:1.8rem;}
  .genre-inst-list{padding:3em 0;}
  .genre-inst-box{font-size:1.2rem;}
  .online-btn{width:79%;}
}/* 960px */