@charset "UTF-8";
/* responsive min:899px */


.page_head.admission{
  height: 100vw;
}
.page_head.admission .page_head_ttl{
  top: 40%;
}

@media (min-width:899px){
  .page_head.admission{
    height: 30vw;
  }
  .admission .page_head_ttl .en {
    font-size: 5.5vw;
  }
}/*  */

.member_ttl{
  font-size: 2.4em;
  font-weight: 700;
  color: #298EC5;
  margin: .2em 0;
}
.member_desc{
  font-size: 1.3em;
  line-height: 1.7em;
  padding: 1em 0;
}
.member_desc p{
  padding: .2em 0;
}
.caution_list {
  padding: 1.6em 1.6em 1.4em;
  background-color: #efefef;
}
.caution_txt{
  position: relative;
  width: fit-content;
  display: block;
  font-size: 1.05em;
  padding-left: 1.2em;
  margin: 0.3em 0;
}
.caution_txt::before {
  content: "※";
  position: absolute;
  left: 0;
}
@media (min-width:899px){
  .caution_txt {
    margin: 0.3em auto;
  }
}/*  */


/* CONSENT */
.consent_sec{
  padding: 2em 0;
}
.consent-ttl{
  font-size: 1.6em;
  padding: .5em 0;
  text-align: center;
}
.consent_frame {
  font-size: 1.1em;
  height: 16em;
  border: 1px solid #bbb;
  overflow-y: scroll;
  margin: .5em 0 2em;
  text-align: left;
}
.consent_inner{
  padding: .5em 1em;
}
.consent-box{
  padding: .5em 0;
}
.consent-box .ttl {
  font-size: 1.2em;
  font-weight: bold;
}
.consent-box p, .consent-box ul {
  margin: .5em 0;
}
.consent-box li {
  margin: .4em 0;
}
.print-btn {
  display: block;
  width: fit-content;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  background-image: url(https://member.noaballet.jp/assets/img/common/w-arw.png);
  background-size: auto 1em;
  background-position: 94% 50%;
  padding: 1em;
  margin: auto;
}
.pdf-ico {
  display: inline-block;
  padding: 0 3em;
  background-image: url(https://member.noaballet.jp/assets/img/common/pdf-ico.png);
  background-size: auto 1.6em;
  background-position: 0 50%;
}
@media (min-width:899px){
  .consent_sec {
    padding: 2em 0 3em;
  }
  .consent_inner {
    padding: .5em 2em;
  }
  .consent-ttl {
    font-size: 1.8em;
  }
}/*  */



/* ENTRY BTN */
.entry-btn {
  color: #fff;
  display: block;
  background: #f0566e;
  max-width: 30em;
  margin: auto;
}
.entry-btn .arw {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: 1.2em 0;
  background-image: url(https://member.noaballet.jp/assets/img/common/w-arw.png);
  background-position: right .8em center;
  background-size: 100%;
  background-size: .4em .8em;
}



/* ========================================================
元：https://member.noadance.com/assets/css/style_member.css 
======================================================== */

.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.4rem;
  font-weight: bold;
  padding: 0.5em 0;
  text-align: center;
}
.sec-lede-desc{
  font-size: 1.3em;
  margin-bottom: 1em;
}
.sec-lede-desc p {
  padding: .1em 0;
}
.m-step {
  padding: 2.5rem 0;
  background-color: #efefef;
}
.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 {
  color: #e00;
  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: 36%;
  vertical-align: middle;
}
.m-step-ico img {
  max-width: 54px;
}
.m-step-txt {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  font-size: 1.1em;
  font-weight: 600;
}
.m-step-head .num {
  background-color: #e00;
  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.2rem;
}
.consent{
  padding: 1.5em 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: block;
  padding: 1em;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #000;
  background-image: url(https://www.noadance.com/assets/img/common/w-arw.png);
  background-size: auto 1em;
  background-position: 94% 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-block-pull .pulling-box {
  display: none;
}
/* .pulling-box:not(:last-child) {
  margin-bottom: 1.6rem;
} */
.pulling-block.first .pulling-box:first-child,
.pulling-block.second .pulling-box:nth-child(2),
.pulling-block.last .pulling-box:last-child {
  display: block;
}
.pulling-box .fwb {
  font-weight: bold;
}
.pulling-box .em {
  color: #ee0000;
}
/*.start-select option:last-child,
.start-select option:nth-last-of-type(2) {
  display: none;
}*/
.sub-sec-ttl {
  font-size: 2rem;
  font-weight: bold;
  /* text-align: center; */
  padding: 1rem 0;
}

.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: 1rem 0 3rem;
  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 {
  padding: 1rem 0;
  text-align: center;
}
.agree-file li {
  padding: .5em 0;
}
/* .send-desc {
  text-align: center;
}
.send-desc p {
  margin-bottom: 1.6rem;
} */
.send-desc-txt {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: .5em 0 1.5em;
}
.form-msg-sec p,
.form-msg-sec ul {
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 1.2rem auto;
}
.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: auto;
  text-align: center;
}
.back-btn {
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 1.5em .5em;
  text-align: center;
}
.back-btn .arw {
  padding-right: 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;
}
.entry-btn {
  color: #fff;
  display: block;
  background-color: var(--color-red);
}
.entry-btn .arw {
  display: block;
  padding: 1.2em 0;
  background-image: url(https://www.noadance.com/assets/img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: .8rem 1.2rem;
}
.member-btn .arw {
  background-size: auto 0.8em;
}

@media screen and (min-width: 899px){
  .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 {
    content:"";
    position: absolute;
    display:block;
    width:24px;
    height:24px;
    background-image: url(/assets/img/common/step-right-arw.png);
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    right: -15.5%;
  }
  .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 .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;
  }

  .caution-txt{
    text-align: center;
  }
  .caution-txt-black{
    text-align: center;
  }
  .consent-ttl {
    font-size: 2rem;
  }

  .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: 2.4rem;
  }
  .member_page_confirm .sub-sec-ttl {
    text-align: center;
    margin-bottom: .4em;
  }
  .agree-file {
    margin-bottom: 4rem;
  }
  .agree-file li {
    display: inline-block;
    margin: 0 1em;
  }
  /* .pulling-box {
    font-size: 1.4rem;
  } */
  .send-desc-txt {
    font-size: 1.8rem;
  }
  /* 
  .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: 58rem;
    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
=========================================== */
.admission_container{
  padding: 4em 0 8em;
}
.send_container {
  padding: 6em 0;
}
.form-table{margin-bottom:.25em;width:100%;}
.form-table th, .form-table td {
  text-align: left;
  display: block;
  font-size: 1.3rem;
}
.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;
  min-height: 2.4em;
}
.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  {
  padding: 1em 0;
}
.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:#aaa;}
.secondary-btn{background-color:#ef1b49;}
.caution-txt{color:#ee0000; font-size: 1.1em;}
.caution-txt-black{color:#000000; font-size: 1.1em;}
.error-list{
  padding:1.4em 4%;
  margin-bottom:2rem;
  text-align: center;
}
.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: 1.5em 0;
}
.form-lede {
  padding-bottom: 0;
  border-bottom: none;
}
.req {
  color: #ee0000;
  font-size: 1.05rem;
}
.form-caution {
  color: #ee0000;
  font-size: 1.1rem;
}
.form-caution li {
  margin-bottom: 0.25em;
}
.radio-list {
  border: 1px solid #ccc;
  padding: .5em 1em;
}
.radio-list li{
  margin: .6rem 0;
}
/* .radio-list li:not(:last-child) {
  margin-bottom: .4rem;
} */

.birth-input {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: flex-start;
  align-items: center;
  gap: .4em;
  text-align: center;
}
.birth-input li.l_four {
  width: 6em;
}
.birth-input li.l_two {
  width: 4em;
}
.birth-input input {
  text-align: center;
}

.form-wrap .print-btn {
  width: 100%;
  text-align: left;
}
.form-wrap .pdf-ico {
  padding: 0 2em;
}

@media (min-width: 899px){

  .admission_container {
    padding: 4em 0 10em;
  }
  .send_container {
    padding: 8em 0;
  }
  .form-main .wrap {
    padding: 0;
  }
  .admission_container .form-lede {
    text-align: center;
  }
  .admission_container .form-main {
    margin-bottom: 2em;
  }
  .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;
    background-color: #fbfbfb;
  }
  .form-table td {
    font-size: 1.3rem;
  }
  .form-consent-btn .print-btn {
    margin-left: 0;
  }

  .form-wrap .print-btn {
    max-width: 20.5em;
  }

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

  .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 */



/*画面ローディング*/
.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) }
}