@charset "UTF-8";
/*============================================
style.css
============================================*/

.pc{
  display: none;
}
@media screen and (min-width: 769px) {
  .sp{
    display: none;
  }
  .pc{
    display: block;
  }
}/*  */

.page-head-ttl2 {position:absolute; top: 45%; left:50%; transform: translate(-50%,-55%);color: #fff;font-size: 3rem;font-weight:700;line-height:1.6;width:100%;text-transform: uppercase;}
.page-head-ttl2 .ja {display: block;font-size: 1.2rem;font-weight:normal;}

.sch-link-box {position: relative;margin-bottom: 1rem;}
.sch-link-box2 {position: relative;margin-bottom: 1rem;border:3px solid #000;background-color:#fff;}
.sch-link-box3 {margin-bottom: 1rem;border:0px solid #000;overflow:hidden;}
.sch-link-box3 a{padding:1.25em 0;color:#fff;text-align:center;display:block;position: relative;background-color:#f0566e;}
.sch-link-box3 a::before {position: absolute;top: 50%;left: 5%;transform: translate(-5%,-50%);font-family: fontAwesome;content: '\f073';font-size:1.4rem;}
.sch-link-box3 a span{font-size:1.1rem;}

.expand-menu,.expand-menu2 {display: none;background-color:#fff;border-right: 1px solid #ccc;border-left: 1px solid #ccc;z-index: 5;}
.expand-menu li,.expand-menu2 li {border-bottom: 1px solid #ccc;}
.expand-menu li:hover,.expand-menu2 li:hover {background: #f6f6f6;}
.expand-menu li a,.expand-menu2 li a {padding: 1.25em 0;color:#333;background-color:#fff;}
.expand-menu li a:hover,.expand-menu2 li a:hover {background: #f6f6f6;}
.expand-menu li a::before,.expand-menu2 li a::before {content: none;}
.expand-menu li a::after,.expand-menu2 li a::after {position: absolute;top: 50%;right: 5%;transform: translate(-5%,-50%);font-family: fontAwesome;content: '\f105';font-size:1.4rem;}

.sch-link-close a span,.sch-link-branch a span{font-size:1.3rem;}
.page-nohead{padding-top: 70px;}

/* aboutus
------------------------------------------- */
.aboutus-page-head {height: 360px;}
.b-aboutus-head {background-image: url(../img/aboutus/aboutus-head-bg-sp-.jpg);}
.aboutus-lede-txt {margin-bottom: 1.6rem;line-height: 1.6;font-size: 1.4rem;font-weight: bold;text-align:center;font-family: 'Noto Serif Japanese';}
.aboutus-lede-txt-2{
  font-size: 2.2rem;
}
.aboutus-lede-txt span.ttl-number{
  display: inline-block;
  font-size: 2.6em;
  line-height: 1;
  vertical-align: bottom;
}
.aboutus-lede-txt span {display: block;}
.aboutus-lede-txt br.pc{
  display: none;
}
.aboutus-lede-copy {margin: 0 auto 2em;width: 80%;}
.about-sec {
  position: relative;
  /* border-top: 2px dotted #E4D884; */
  background: #efefef; /* Old browsers */
  background: linear-gradient(0, #ffffff 0%, #efefef 100%);
  /* background-image: url(../img/aboutus/aboutus-bg-sp.png);background-position:50% 1px;
  background-repeat:no-repeat;
  background-size: 100%; */
}
.about-sec-head {position: absolute;width: 70px;top: 0;left: 50%;margin-left: -35px;text-align: center;}
.about-sec-mark {position: relative;line-height: 1;font-size: .8rem;padding-top: 5px;width: 70px;color: #fff;z-index: 0;}
.about-sec-mark::after {
  position: absolute;top: 0;left: 0;content: "";width: 70px;height: 48px;
  /* background-image: url(../img/aboutus/about-head-bg-.png); */
  background-size: 70px 48px;z-index: -1;
}
.about-sec-mark .num {display: block;margin-top:-7px;font-size: 2.4rem;}
.about-sec-mark .num2 {display: block;margin-top:-5px;font-size: 2.4rem;}
.about-sec-block {padding: 5.6rem 0 3.6rem;}
.about-sec-ttl {margin-bottom: 2rem;line-height: 1.4;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: left;
  font-family: 'Noto Serif Japanese';
}
.about-sec-ttl-wrap{
  position: relative;
  /* max-width: 400px; */
}
.about-sec-num{
  position: absolute;
  top: -7.5rem;
  right: 0;
  font-size: 12rem;
  font-family: Serif;
  color: #ecebe4;
  mix-blend-mode: multiply;
}

.about-sec-h {margin-bottom: 1.6rem;line-height: 1.6;font-size: 1.5rem;font-weight: bold;color:#f0566e;}
.about-sec-desc {margin-bottom: 2rem;font-size: 1.3rem;line-height: 1.7; }
.about-sec-desc p:not(:last-child) {margin-bottom: 1rem;}
.about-sec-clip {margin-bottom: 1.6rem;}
.about-sec-clip img {border:5px solid #fff;-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);-ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);box-shadow: 0px 2px 3px rgba(0, 0, 0, .15);}
.school-link li {text-align: center;}
.school-link li a {border:1px solid #333;color: #333;padding: 0.75em 3em;position:relative;font-size: 1.2rem;font-weight: bold;display:block;}
.school-link li a::after {position: absolute;top: 50%;right: 5%;transform: translate(-5%,-50%);font-family: fontAwesome;content: '\f105';}
.school-link li:not(:last-child) {margin-bottom: 1rem;}

@media screen and (max-width: 320px) {
.aboutus-lede-txt {margin-bottom: 1.2rem;line-height: 1.6;font-size: 1.6rem;}
}

/* system
------------------------------------------- */
.system-head {background-image: url(../img/system/system-head-bg-sp.jpg);}
.system-ttl {font-size: 2rem;font-weight: bold;font-family: 'Noto Serif Japanese';}
.system-ttl-desc {font-size:1.3rem;line-height:1.7;margin-bottom:2em;}
.system-view-box {padding: 135px 0 2em;margin-bottom: 2em;background-position: 50% 0;background-size: 120px 120px;border-bottom:1px dashed #999;}
.free-view {background-image: url(../img/system/free-lesson.png);}
.indefinite-view {background-image: url(../img/system/indefinite.png);}
.change-view {background-image: url(../img/system/change.png);}
.system-view-copy {text-align: center;font-size: 1.6rem;line-height:1.4;margin-bottom:1em;font-family: 'Noto Serif Japanese';}
.system-view-copy span {display: block;font-size: 3.2rem;font-weight: bold;}
.free-view .system-view-copy {color: #2B428C;}
.indefinite-view .system-view-copy {color: #83D1DD;}
.change-view .system-view-copy {color: #D9B948;}
.system-view-desc {font-size: 1.3rem;line-height:1.7;}
.system-lede-desc {font-size: 1.3rem;line-height:1.7;margin-bottom: 1.5em;}
.price-table {margin-bottom: 2rem;}
.price-table table {width: 100%;font-size: 1.3rem;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.price-table .dark-grad {color: #fff;}
.price-table table th,.price-table table td {padding: 1em 8px;text-align: center;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.price-table table thead th{background:#70d8cf;color:#fff;}
.price-table table .up {color: #f0566e;}
.price-table table .up2 {color: #f0566e;font-size:1.5rem;}
.price-table table .zero {font-size:1.5rem;}
.price-table table .condition {font-size: 1rem;}
.tb-xxs { font-size: .8rem;}
.tb-xs { font-size: .9rem;}
.tb-s { font-size: 1rem;}
.tb-m { font-size: 1.3rem;}
.campaign-price {color: #f0566e;font-size:2.0rem;}
.normal-price {text-decoration: line-through; font-weight:normal;}
.price-table th.back-glay {background-color:#f6f6f6 !important;}
.price-table th.cource-box {width:25%;background-color:#f6f6f6;  }
.price-table th.cource-box span,.price-table tbody td span{display: block;}
.entry-price-table tbody td span{display:inline;}
.price-table .tax {font-size: 1.1rem;}
.price-table i {padding:0 .5em;font-size:1.6rem;}
.price-atc-list {margin-bottom: 2rem;}
.price-atc-list li {position: relative;padding-left: 1em;font-size: 1.3rem;line-height:1.5;margin-bottom:.6em;}
.price-atc-list2 {margin-bottom: 2em;}
.price-atc-list2 li {position: relative;padding-left: 1em;font-size: 1.3rem;line-height:1.4;margin-bottom:.6em;}
.price-atc-list2 li::before {position: absolute;content: "※";color: #f0566e;left: 0;}
.tb-br {display: block;}
.system-recept .stand-btn {margin-bottom: 3em;}
.system-recept .stand-btn a{display:block;color:#fff;font-weight:bold;background:#f0566e;padding:1.5em 0;position:relative;}
.system-recept .stand-btn a::after {position: absolute;top: 50%;right: 5%;transform: translate(-5%,-50%);font-family: fontAwesome;content: '\f105';}
.system-recept .stand-btn a:hover{background:#c03e52;}
.p-line-tlb{border-top:2px solid #f0566e !important;border-left:2px solid #f0566e !important;border-bottom:2px solid #f0566e !important;}
.p-line-tb{border-top:2px solid #f0566e !important;border-bottom:2px solid #f0566e !important;}
.p-line-trb{border-top:2px solid #f0566e !important;border-right:2px solid #f0566e !important;border-bottom:2px solid #f0566e !important;  }
.pl-osusume{width:50px;height:50px;border-radius:50%;position:relative;display:block;margin:0 auto .2em;background:#f0566e;padding:0}
.pl-osusume p{position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);font-size:1rem;color:#fff;width:100%;}


/* guidance
------------------------------------------- */
.b-join-head {background-image: url(../img/join/join-head-bg-sp.jpg);}
.join-lede {padding:0 0 3.5em;}
.trial-back {background-color: #f6f6f6;padding:3.5em 0 3.5em;}
.kengaku {padding:3.5em 0 3.5em;}
.join-ttl {font-size: 2.8rem;font-weight: bold;font-family: 'Noto Serif Japanese';}
.join-ttl-desc {font-size:1.3rem;font-weight: normal;line-height:1.6;margin-bottom:1.5em;}
.join-ttl-desc span{display:block;font-weight: normal;font-size:1.3rem;padding-top:1em;}
.join-wrap {padding:2em 0 0;margin-bottom:2em;border-top:1px dashed #999;}
.join-view-box h3{padding:45px 0 1em;background-position: 50% 0;background-size: 40px auto;text-align:center;}
.web-view {background-image: url(../img/join/join-ico-web-.png);}
.studio-view {background-image: url(../img/join/join-ico-studio-.png);}
.tel-view {background-image: url(../img/join/join-ico-tel-.png);}
.webjoin-view-copy {font-size: 2.2rem;font-weight: bold;color:#f0566e;font-family: 'Noto Serif Japanese';}
.studiojoin-view-copy {font-size: 2.2rem;font-weight: bold;color:#70d8cf;font-family: 'Noto Serif Japanese';}
.join-view-desc {font-size:1.3rem;line-height:1.7;margin-bottom: 2em;}
.join-wrap .stand-btn a{color: #fff;display: block;background: #f0566e;  padding: 1em 0;font-size:1.6rem;position:relative;}
.join-wrap .stand-btn a::after {position: absolute;top: 50%;right: 5%;transform: translate(-5%,-50%);font-family: fontAwesome;content: '\f105';}
.join-wrap .stand-btn a:hover{background:#c03e52;}
.join-studio-list table {width: 100%;font-size: 1.2rem;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.join-studio-list table th,.join-studio-list table td {padding: 1em;text-align: left;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;vertical-align:top;}
.join-studio-list th {background-color:#F6F6F6;}
.join-studio-item {padding-top: 50px;background-position: 50% 0;}
.gessyawidth {width:40%;}
.cardwidth {width:60%;}
.gessya {background-image: url(../img/join/info-ico-month-.png);background-size: auto 40px;font-weight: bold;}
.card {background-image: url(../img/join/info-ico-card-.png);background-size: auto 40px;font-weight: bold;}
.join-studio-list p{text-align:center;}
.join-campaign-box {border:3px solid #f0566e;padding:1em;text-align:center;font-size:1.6rem;line-height:1.4;background-color:#fff;}
.campaignprice {color:#f0566e;display:block;font-weight:bold;}
.bigprice {font-weight:bold;font-size:2.4rem;}
.trial-caution {color:#f0566e;display:block;font-size:1.2rem;text-align:center;}
.trial-guidance-box {margin:2em 0;}
.trial-otoiawase-box {background-color:#444;color:#fff;padding:.8em 1em 1em;line-height:1.4;}
.otoiawae-img {padding:0 .3em;width:26px!important;height:auto;display:inline;vertical-align:middle;}
.otoiawae-img img {width:100%;}
.trial-qa-box {border:1px solid #70d8cf;margin-bottom:1em;background-color:#fff;}
.trial-qa-ttl {background-color:#70d8cf;padding:1.5em;color:#fff;font-size:1.4rem;font-weight:bold;}
.trial-qa-desc {padding:1.5em;font-size:1.3rem;line-height:1.5;}
.trial-qa-desc-ttl {font-size:1.4rem;font-weight:bold;margin-bottom:1em;}
.trial-qa-desc img{display:block;margin:1em auto;width:80%;}
.kengaku-photo-box {margin:2em 0 0;display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;width:100%;}
.kengaku-photo-box li{width:33.3%;}
.kengaku-photo-box li img{width:100%;}
.trial-qa-rental{font-size:1.4rem;font-weight:bold;text-align:center;margin-top:1.5em; margin-bottom:.5em;}
.trial-qa-box table {width: 100%;font-size: 1.2rem;border-top: 1px solid #999;border-left: 1px solid #999;margin-bottom:1.5em;}
.trial-qa-box table th,.trial-qa-box table td {padding: 1em 5px;text-align: center;border-right: 1px solid #999;border-bottom: 1px solid #999;}
.trial-qa-box th {background:#f6f6f6;}
.trial-qa-desc .induct a{background-color:#70d8cf;border:1px solid #70d8cf;color:#fff;padding:.75em 2em .75em 1em;text-align:left;font-weight:bold;}
.trial-qa-desc .induct a span{display:block;font-size:1.1rem;font-weight:normal;}
.join-view .recept-table th{background-color:#fff;}

/* schedule
------------------------------------------- */
.sch-body {margin-bottom: 2.5rem;}
.sc-page-head {padding: 0 0;background-image: url(../img/schedule/sc-head-bg-sp.jpg);height:500px!important;}
.sc-page-head2 {padding: 0 0;background-image: url(../img/schedule/sc-head-bg-sp.jpg);}
.ikebukuro-sc-page-head2 {background-image: url(../img/schedule/ikebukuro-sc-head-bg-sp-.jpg);height: 360px!important;}
.toritsudai-sc-page-head2 {background-image: url(../img/schedule/toritsudai-sc-head-bg-sp-.jpg);height: 360px!important;background-color:#000;}
.shinjuku-sc-page-head2 {background-image: url(../img/schedule/shinjuku-sc-head-bg-sp-.jpg);height: 360px!important;}
.akihabara-sc-page-head2 {background-image: url(../img/schedule/akihabara-sc-head-bg-sp-.jpg);height: 360px!important;}
.ebisu-sc-page-head2 {background-image: url(../img/schedule/ebisu-sc-head-bg-sp-.jpg);height: 360px!important;}
.ikebukuro-sc-page-head2 h1,.toritsudai-sc-page-head2 h1,.shinjuku-sc-page-head2 h1,.akihabara-sc-page-head2,.ebisu-sc-page-head2 h1{margin-bottom:.5em;}
.page-head-sc-ttl2 {font-size: 2.7rem;font-weight:700;padding:3em 0 0;color:#fff;}
.page-head-sc-ttl2 .ja {display: block;font-size: 1.2rem;font-weight:normal;}
.page-head-ttl {color: #fff;font-size: 2.7rem;font-weight:700;padding:.3em 0;text-transform: uppercase;}
.page-head-ttl .ja {display: block;font-size: 1.2rem;font-weight:normal;padding-bottom: 0.4em;}
.page-head-ttl .month{display: block;font-size: 1.2rem;padding-top:.75em;}
.page-head-ttl .month a{font-size: .95em;color:#34ceca;position:relative;padding:0 0.75em;margin-left:0;cursor: pointer;}
.page-head-ttl .month a:after{position:absolute; top: 50%; left: 0; transform: translate(0%,-50%); font-family: fontAwesome; content: '\f104';}
/* .page-head-ttl a:last-child{padding:0 1em 0 1.5em;} */
.page-head-ttl a:last-child:after{position:absolute; top: 50%; left:inherit; right:0; transform: translate(-0%,-50%); font-family: fontAwesome; content: '\f105';}
.page-head-ttl .month a.disabled{color:#aaa;pointer-events: none;}
.hd-sch-block{margin-bottom: 1.5em;}
.hd-sch-box {width: 100%;margin-bottom: 1rem;font-size: 1rem;background-color: rgba(0, 0, 0, .3);}
.hd-sch-ttl {position:relative;padding:.25em;}
.hd-sch-ttl .logo {position:absolute;left:0;top:0;padding: 4px 8px;width:20%;}
.hd-sch-ttl .logo img{height:25px;}
.hd-sch-box .cat span {display: block;background-image: url(../img/common/w-arw.png);background-position: 96% 50%;background-size: 4px 6px;}
.kyotsu-block .hd-sch-box .cat span{background-image: url(../img/common/b-arw.png);}
.hd-sch-ttl .cat{padding: 1em;width:100%;color:#fff;}
.hd-sch-lede {color: #fff;line-height: 1.6;font-size: 1.2rem;font-weight: bold;margin-bottom:2em;padding:0 1.5em;}
.hd-sch-lede a {color: #f0566e;}
.hd-sch-lede .sub {display: block;margin-top:1em;font-size: 1rem;font-weight: normal;}
.schedule-ttl{font-size: 1.3rem;font-weight: bold;  text-align: center;margin:2em 0 2em;padding:0 1.5em;line-height:1.7;}
.print-link-box {width: 100%;display:block;padding:0 1.5em;}
.sch-link-download {float:none;width:100%;border:2px solid #000;background-color:#fff;margin:1em auto;}
.sch-link-download .head-ico {background-image: url(../img/common/pdf-ico.png);}
.sch-link-download .foot-ico {background-image: url(../img/common/download-ico.png);}
.link-branch-btn2{display: block;padding:1em;text-align:center;font-size: 1.4rem;font-weight: bold;}
.link-branch-btn2 .head-ico {display: block;padding-left: 2.4em;line-height: 20px;background-position: 0 50%;background-size: auto 20px;}
.link-branch-btn2 .foot-ico {display: block;padding-right: 2.4em;line-height: 20px;background-position: 100% 50%;background-size: auto 20px;}
.schedule-info-desc {padding:.5em 0 1.5em;border-bottom:1px dotted #999;margin-bottom:2em;}
.schedule-info-ttl{font-size: 1.6rem;font-weight: bold;  text-align: center; margin:0 0 .5em;color:#70d8cf;font-family: 'Noto Serif Japanese';}
.schedule-info-desc p{font-size: 1.3rem;line-height:1.7;margin-bottom:1em;}
.recept-table2{display:none;}

.sc-access-block{padding:0 .5em 0em;border-radius: 4px;margin-bottom:1em;}
.sc-access-map {float: left;width: 50%;}
.sc-access-info {float: right;width: 40%;}
.sc-access-gmap {width:100%;margin:0 auto;overflow:hidden;border:4px solid #fff;box-shadow: 0px 0px 3px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.30);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.30);padding-bottom:-1em !important;border-radius: 8px;}
.sc-access-gmap iframe{width:100%;vertical-align:bottom;}
.sc-ad-detail {color:#fff;margin-top: .5rem;margin-bottom: 2.5rem;text-align: center;font-size: 1.1rem;}
.sc-ad-detail .sc-ad-dial a{color: #fff;font-size: 2.0rem;}
.sc-ad-address {margin-bottom: 1em;}
.sc-ad-address span{display:block;}
.sc-detail-bt {border:1px solid #fff;text-align:center;font-size: 1.2rem;border-radius: 4px; }
.sc-detail-bt a{color:#fff;padding:.8em;display:block;}
.sc-ad-insta{color:#fff;display: flex; flex-wrap: wrap; justify-content: space-between;padding:0 .25em;}
.sc-ad-insta li{width:58%;font-size:1.2rem;text-align:left;line-height:1.5;}
.sc-ad-insta li:last-child{width:37%;text-align:center;}
.sc-ad-insta a{color:#fff;border:1px solid #fff;padding:.5em 1em;display:block;border-radius:4px;position:relative;z-index:9;}
.sc-ad-insta i{margin-right:.5em;}
.mb0em {margin-bottom:0;}
.mb1em {margin-bottom:1em;}

@media screen and (max-width: 320px) {
.sc-ad-detail .sc-ad-dial a{color: #fff;font-size: 1.6rem;}
}

.sc-lede-ttl{color: #70d8cf!important;margin-bottom:.5em;display:block;font-size:1.5rem;padding-bottom:.2em;text-align:center;}
.sec-lede-desc p {margin-bottom: 2rem;}
.schedule-lede .recept {display: none;}

.type-tab {margin-bottom: 1.6rem;}
.type-tab li {float: left;width: 48%;text-align: center;font-weight: bold;}
.type-tab li:last-child {float: right;}
.type-tab li a {display: block;padding: .5em 0;color: #aaa;border: 1px solid #aaa;}
.type-tab li .active {color: #fff;border: 1px solid #f0566e;background-color: #f0566e;}
.type-cnt:not(:first-child) {display: none;}
.kind-tab {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 1.6rem;}
.tab-fixed{box-shadow: 0px 0px 3px rgba(0,0,0,0.20);}
.kind-tab li {text-align: center;}
.youbi-type-cnt .kind-tab li {width: 12%;}
.studio-type-cnt .kind-tab li {width: 30%;}
.studio-type-cnt .kind-tab li.w100{width: 100%;}
.studio-type-cnt .kind-tab li.w50{width: 48%;}
.studio-type-cnt .kind-tab li.w30{width: 30%;}
.kind-tab li a {display: block;padding: .6em 0;color: #aaa;border: 1px solid #aaa;}
.kind-tab li .active {color: #fff;border: 1px solid #f0566e;background-color: #f0566e;}
.kind-cnt-ttl {display: none;padding: .4em 0;text-align: center;font-size: 1.6rem;font-weight: bold;color: #fff;}
.kind-cnt:not(:first-child) {display: none;}
.kind-cnt{display:block!important;}
.off{display:none!important;}
.tab-fixed {background-color: #fff;padding: 15px 1.5em;position: fixed;top: 60px;left:0;width: 100%;z-index: 4;}

.class-sec {margin-bottom: 1rem;}
.class-sec-ttl {padding: .2em 0;text-align: center;font-size: 2.6rem;color: #222;font-family: 'Playfair Display', serif!important;font-weight:bold!important;}
.class-main .time {color: #fff;font-size: 1.5rem;}
.class-main .profile {position: relative;display: table;padding: 10px 12px;width: 100%;}
.class-main .clip {display: table-cell;width: 50px;height: 50px;overflow: hidden;position: relative;}
.class-main .clip img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);width: auto;height: 100%;}
.class-main .p-info {display: table-cell;vertical-align: top;padding-left: 4%;padding-right: 4%;width: calc( 100% - 50px);}
.class-main .time {padding: 5px 7px;}
.class-main .p-info .name {font-size: 1.6rem;font-weight: bold;margin-bottom:.4em;}
.class-main .p-info .cat {padding-left: 1em;color: #555;font-size: 1rem;}
.class-main .p-info .level {font-size: 1.3rem;}
.class-main .p-info .level img{margin:0 .3em;}
.class-main .p-info .remark {font-size: 1.1rem;font-weight: normal;color: #f0566e;}
.class-main .p-info .trigger {height: 100%;position: absolute;right: 4%!important;top: 0;width: 25px;background-image: url(../img/schedule/tgg-arw.png);background-position: 50% 50%;background-size: 20px 20px;z-index:10;}
.class-main .open .p-info .trigger {background-image: url(../img/schedule/tgg-arw-re.png);}
.class .class-sub {display: none;}
.class .class-sub ul {padding: 5px 7px 10px;}
.class .class-sub li {float: left;width: 48%;font-size: 1.2rem;font-weight: bold;text-align: center;}
.class .class-sub li:last-child {float: right;}
.class .class-sub li a,.class .class-sub li button {display: block;padding: .8em 0;background-color: #fff;}
.class-prof-btn {color: #f0566e;border: 2px solid #f0566e;}
.class-taiken-btn {width: 100%;color: #70d8cf;border: 2px solid #70d8cf;}
.class .class-sub li.henkou{float: left;width: 100%;font-size: 1.2rem;font-weight: bold;text-align: left;color:#f0566e;padding:.5em;}
.class .class-sub li.henkou a {display: inline;padding:0 0;background-color:  transparent;color:#f0566e;}

.ballet1-class,.ballet2-class,.ballet3-class,.ballet4-class,.ballet5-class,.ballet6-class,.ballet7-class,.ballet8-class,.ballet9-class,.ballet10-class{background:#f6f6f6;}
.ballet1-class .time,.ballet2-class .time,.ballet3-class .time,.ballet4-class .time,.ballet5-class .time,.ballet6-class .time,.ballet7-class .time,.ballet8-class .time,.ballet9-class .time,.ballet10-class .time {background:#70d8cf;}

.timel-ine {display: none;}

.no-lesson {background-color:#efefef;padding:1em 0;text-align:center;margin-top:-1em;}
.no-lesson2 {background-color:#efefef;padding:1em 0;text-align:center;}
.no-lesson3 {background-color:#efefef;padding:1em 0;text-align:center;}

.schedule-foot{padding-top:2em;}
.sch-ex {margin-bottom: 2em;}
.sch-ex-ttl {font-size:1.3rem;color:#f0566e;padding-top:.2em;margin-bottom: 1rem;}
.sch-ex-ttl ol li {position: relative;padding-left: 1em;margin-bottom:.5em;}
.sch-ex-ttl ol li::before {position: absolute;content: "・";left: 0;top: 0;}
.sch-cat-list li {position: relative;display: inline-block;font-size: .9rem;padding-left: 1em;margin-right: .5em;}
.sch-cat-list li::before {position: absolute;content: "笆";left: 0;}
.sch-ex-left { float:none;width:100%;margin-bottom:2em;}

.sch-link-download {float:none;width:100%;border:3px solid #000;background-color:#fff;margin:1em auto;}
.sch-link-download a {display: block;padding: .8em;font-size:1.4rem;color:#000;}
.sch-link-download2 {float:none;width:70%;border:1px solid #aaa;background-color:#333;margin:1em auto;}
.sch-link-download2 a {display: block;padding: .6em;font-size:1.2rem;color:#fff;}
.sch-link-download2 .head-ico {display: block;padding-left: 2.4em;line-height: 20px;background-position: 0 50%;background-size: auto 20px;}
.sch-link-download2 .foot-ico {display: block;padding-right: 1em;line-height: 20px;background-position: 100% 50%;background-size: auto 20px;}
.sch-link-download2 .head-ico {background-image: url(../img/common/pdf-ico.png);}
.sch-link-download2 .foot-ico {background-image: url(../img/common/download-ico.png);}

.class-view {margin-bottom: 2em;}
.class-view table {width: 100%;text-align: center;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.class-view th,.class-view td {
  display: block;
  /* text-align: center; */
  font-size: 1.2rem;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.class-view th {
  position: relative;
  padding: .5em 1em;
  font-size: 1.25rem;
  font-weight: bold;
  background-color: #efefef;
}
.class-view td {padding: .8em 1em;text-align:left;}

.class-view th .en{
  display: block;
  font-size: 1.3em;
  font-family: 'Noto Serif JP', serif;
}
.class_beg_icon{
  font-size: 0.9em;
  position: absolute;
  display: block;
  font-family: 'Noto Serif JP', serif;
  right: 2.5%;
  top: 0;
  bottom: 0;
  padding: .3em .6em .35em;
  margin: auto;
  text-align: center;
  width: fit-content;
  height: fit-content;
  line-height: 1.3;
  /* border-radius: 0.2em; */
  /* background-color: #f0566e; */
  border: 1px solid;
  color: #f0566e;
}

.kyotsu-block {background:#f7f1eb;text-align:center;padding:1em;color:#333;margin-top:1em;margin-bottom:3em;}
.kyotsu-block .hd-sch-block {margin-bottom:.5em;}
.kyotsu-block .hd-sch-box {background:#fff;width:100%;margin-bottom:.5em;}
.kyotsu-block .hd-sch-lede {color:#333;text-align:left;margin-bottom:.5em;padding:0 .5em;}
.kyotsu-block .hd-sch-ttl .cat{ color:#333;}
.hd-sch-box .link span {display: block;padding: .2em 0;color: #fff;background-image: url(../img/common/w-arw.png);background-position: 94% 50%;background-size: 4px 6px;}
.hd-sch-ttl .cat{padding-bottom: .4em;}
.street-cat{ color: #fff; font-size:.9rem;}
.belly-cat{ color: #fff; font-size:.9rem;}
.yoga-cat{ color: #fff; font-size:.9rem;}
.ballet-cat{ color: #fff; font-size:.9rem;}
.hd-sch-box .street-link { background-color: #000;}
.hd-sch-box .belly-link { background-color: #ec458d;}
.hd-sch-box .yoga-link { background-color: #dda200;}
.hd-sch-box .ballet-link { background-color: #1fa3bf;}
.kyotsu-block .street-cat{ color: #999; font-size:.9rem;}
.kyotsu-block .belly-cat{ color: #999; font-size:.9rem;}
.kyotsu-block .yoga-cat{ color: #999; font-size:.9rem;}
.kyotsu-block .ballet-cat{ color: #999; font-size:.9rem;}

.mt-3em {margin-top:3em;}

/* trial
------------------------------------------- */
.trial-page-head {height: 265px;background-image: url(../img/trial/trial-head-bg-sp-.jpg);}
.plain-sec-ttl {font-size: 1.7rem;font-weight: bold;font-family: 'Noto Serif Japanese';}
.form-body {margin-bottom: 3em;}
.form-lede {margin-bottom: 1.5em;}
.form-caution {color: #f0566e;font-size: 1.3rem;}
.form-main .wrap {padding: 0;}
.studio-select {position: relative;}
.studio-select a{padding: .25em 0;color: #fff;text-align: center;display: block;position: relative;font-size:1.3rem;}
.studio-select .expand-menu a{padding: 1.25em 0;}
.trial-link-branch {background-color: #70d8cf;}
.trial-link-branch .foot-ico {background-image: url(../img/common/close-line-arw.png);}
.supple-btn {display: inline-block;padding: .8em 1.25em;color: #fff;font-size: 1.2rem ;border-radius: 3px;border: 0px solid #999;}
.supple-btn .arw {padding-right: 1.2em;background-image: url(../img/common/w-arw.png);background-position: 100% 50%;background-size: auto 12px;}
.lesson-edit-btn {background-color: #70d8cf;}
.closing-btn {background-color: #f0566e;}
.studio-select {display: none;}
.from-basic .change-lesson {display: none;}
.from-basic .studio-select {display: block;}
.form-table input::placeholder{font-size: 1.3rem;color:#bbb;}
.cfm-form-lede {margin-bottom: 2rem;}
.caution-ttl {color: #f0566e;font-size: 1.3rem;font-weight: bold;margin-bottom: 2rem;text-align: center;}
.comp-recept {margin-bottom: 2rem;}

/* beginner
------------------------------------------- */
.b-beginner-head {background-image: url(../img/beginner/beginner-head-bg-sp.jpg);}
.beginner-lede {padding:0 1% 2em;font-size:1.3rem;line-height:1.7;text-align:left;}
.beginner-lede-txt {margin-bottom: 1.6rem;line-height: 1.4;font-size: 2rem;font-weight: bold;text-align:center;color:#70d8cf;font-family: 'Noto Serif Japanese';}
.beginner-lede-txt span {display: block;}
.beginner-lede-copy {margin: 0 auto 2rem;width: 270px;}
.beginner-sec {position: relative;border-top: 1px solid #D9B948;background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */}
.beginner-sec-head {position: absolute;width: 60px;top: 0;left: 50%;margin-left: -30px;text-align: center;}
.beginner-sec-mark {position: relative;line-height: 1;font-size: .8rem;padding-top: 4px;width: 70px;color: #fff;z-index: 0;}
.beginner-sec-mark::after {position: absolute;top: 0;left: 0;content: "";width: 70px;height: 48px;background-image: url(../img/beginner/beginner-head-bg.png);background-size: 70px 48px;z-index: -1;}
.beginner-sec-mark .num {display: block;margin-top:-7px;font-size: 2.4rem;}
.beginner-sec-block {padding: 5rem 2% 3rem;}
.beginner-sec-h {margin-bottom: 1.6rem;line-height: 1.4;font-size: 2.4rem;font-weight: bold;color:#f0566e;font-family: 'Noto Serif Japanese';}
.beginner-sec-desc {margin-bottom: 2rem;font-size: 1.3rem;  line-height: 1.7;}
.beginner-sec-desc p:not(:last-child) {margin-bottom: 1rem;}
.beginner-sec-clip {margin-bottom:1em;}
.beginner-sec-clip img{border:5px solid #fff;-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);-ms-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);}

/* close
------------------------------------------- */
.b-close-head {background-image: url(../img/close/close-head-bg-sp.jpg);}
.sec-lede-desc{font-size:1.3rem;line-height:1.7;}
.sec-lede-desc a{color:#f0566e}
.close_table{border-collapse:collapse;width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;font-size:1.2rem;line-height:1.4;text-align:left;margin-top:1em;}
.close_table th{font-weight:normal;width:28%;padding:1em;border:1px solid #CCCCCC;vertical-align:middle;text-align:center;background-color:#F6F6F6;}
.close_table td{padding:1em;border:1px solid #CCCCCC;vertical-align:middle;text-align:left;}
.close_table td.back {background-color:#F6F6F6;text-align:center;padding:1em .5em;}
.close_table td.sun {color:#FF0000;}
.close_table td.sat {color:#0000FF;}

/* webentry
------------------------------------------- */
.m-step {
padding: 1.6rem 0;
background-color: #efefef;
}
.m-step-list li {
margin-bottom: 1rem;
}
.m-step-list li:not(:last-child) {
padding-bottom: 2rem;
background-image:url(../img/common/step-bottom-arw.png);
background-size: 14px auto;
background-position: 50% 100%;
}
.m-step-list li {
color: #f0566e;
text-align: center;
}
.m-step-list li .inside {
display: table;
padding: 1em 4%;
width: 100%;
background-color: #fff;
}
.m-step-head {
display: table-cell;
width: 24%;
vertical-align: middle;
}
.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;
}
.m-step-head .num {
background-color: #f0566e;
border-radius: 10px;
color: #fff;
display: inline-block;
font-weight: 700;
height: 20px;
font-size: 1.5rem;
margin-left: 0.5em;
width: 20px;
}
.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 #aaa;
}
.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: 1em;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
background-color: #000;
background-image: url(../img/common/w-arw.png);
background-size: auto 1em;
background-position: 94% 50%;
}
.pdf-ico {
display: inline-block;
padding: 0 3em;
background-image: url(../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;
}

.sub-sec-ttl {
text-align: center;
}
.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;
}
.pulling-box .em {
color: #ee0000;
}
.sub-sec-ttl {
margin-bottom: 1.6rem;
font-size: 1.5rem;
font-weight: bold;
}
.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 {
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 {
margin-bottom: 1.6rem;
}
.form-msg-sec .ttl {
margin-bottom: 1.6rem;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.form-msg-sec .sub-ttl {
margin-bottom: 1.6rem;
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;
}
.entry-btn {
  color: #fff;
  display: block;
  background: #f0566e;
}
.entry-btn .arw {
  display: block;
  padding: 1.2em 0;
  background-image: url(../img/common/w-arw.png);
  background-position: 96% 50%;
  background-size: 8px 12px;
}


/* branch
------------------------------------------- */
.b-branch-head {background-image: url(../img/branch/branch-head-bg-sp.jpg);}
.b-shinjuku-head {background-image: url(../img/branch/shinjuku/head-bg-sp.jpg);}
.b-shinjuku2-head {background-image: url(../img/branch/shinjuku2/head-bg-sp.jpg);}
.b-akihabara-head {background-image: url(../img/branch/akihabara/head-bg-sp.jpg);}
.b-ikebukuro-head {background-image: url(../img/branch/ikebukuro/head-bg-sp.jpg);}
.b-toritsudai-head {background-image: url(../img/branch/toritsudai/head-bg-sp.jpg);}
.b-ebisu-head {background-image: url(../img/branch/ebisu/head-bg-sp.jpg);}
.b-akasaka-head {background-image: url(../img/branch/akasaka/head-bg-sp.jpg);}
.b-jiyugaoka-head {background-image: url(/assets_online/img/branch/jiyugaoka/21.09jiyugaoka2.jpg);}
.b-ochanomizu-head {background-image: url(/assets_online/img/branch/ochanomizu/head-bg-sp.jpg);}
.b-nakano-head {background-image: url(https://www.noaballet.jp/assets_online/img/branch/nakano/head-bg-sp.jpg);background-size: cover;}
.b-kichijojiann-head {background-image: url(../img/branch/kichijojiann/head-bg-sp.jpg);}
.branch-page-head .ttl-base{top: 45%;transform: translate(-50%,-55%);}
.branch-lede-copy {margin-bottom: 2.5rem;text-align: center;font-size: 1.8rem;font-weight:bold;font-family: 'Noto Serif Japanese';}
.branch-photo.sec {margin-bottom: 6rem;}
.b-photo-main {padding: 17px 20px 17px;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;background-color: #f6f6f6;}
.b-photo-ttl {font-family: 'Noto Serif Japanese'!important;margin-bottom: 1.0rem;font-size: 1.9rem;}
.b-photo-main .text {font-size: 1.2rem;height: auto;}
.access-block{border-bottom: 1px dotted #aaa;}
.access-imap {margin-bottom: 2.5rem;}
.access-gmap {position: relative;padding-bottom: 60%;margin-bottom: 3rem;height: 0;overflow: hidden;}
.access-gmap iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.ad-detail {margin-bottom: 2.5rem;text-align: center;font-size: 1.2rem;}
.ad-detail .ad-dial {color: #70d8cf;font-size: 2.2rem;}
.ad-time {margin-bottom: 1rem;font-size: 1.1rem;}
.ad-pickup {margin-bottom: 2rem;color: #f0566e;font-weight: bold;}
.ad-route .text {margin-bottom: 1rem;}
.ad-route ol li {position: relative;padding-left: 1.4em;}
.ad-route ol li::before {position: absolute;content: "→";left: 0;top: 0;}
.ad-route {margin-bottom: 3rem;}
.ad-route p.text{font-weight:bold;}
.ad-traffic-case {margin-bottom: 2.5rem;background-position: 0.8em 0;background-size: 2em auto;padding-left: 4em;}
.ad-traffic p{font-weight:bold;}
.ad-train {background-image: url(../img/common/train-ico-.png);}
.ad-bus {background-image: url(../img/common/bus-ico-.png);}
.ad-sc {border:1px solid #f0566e;text-align:center;margin:0 auto 2em;width:90%;}
.ad-sc a{color: #f0566e;padding:1em;display:block;font-size:1.4rem;font-weight:normal;}
.branch-photo-list.slick-initialized.slick-slider.slick-dotted {margin-bottom: 5rem;}
.branch-photo-list li button::before {display: none;}
.branch-photo-list .slick-dots li {margin: 0 2px;width: auto;}
.branch-photo-list .slick-dots li button {padding: 0;width: auto;color: #999;font-family: 'Roboto', sans-serif;font-size: 1.2rem;font-weight: 700;}
.branch-photo-list .slick-dots li.slick-active button {color: #f0566e;}
.branch-photo-list .slick-dots {bottom: -40px;}
.branch-photo-list .slick-dots .bp-btn {width: 25px;height: 25px;vertical-align: top;background-size: 25px 25px;}
.branch-photo-list .slick-dots .bp-prev-btn {margin-right: 10px;background-image: url(../img/common/c-l-arw.png);}
.branch-photo-list .slick-dots .bp-next-btn {margin-left: 10px;background-image: url(../img/common/c-r-arw.png);}
.branch-text-img{margin: 2rem auto;display:block;width:100%;}
.linkbt {margin-bottom:20px;}
.linkbt2 {margin-bottom:1em;}
.studio-block2 {margin-bottom: 2rem;}
.studio-box2 {border: 1px solid #adadad;}
.studio-box2:not(:last-child) {margin-bottom: 1rem;}
.studio-box2 .inner {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 1rem 9px;}
.studio-head2,.studio-info2 {-webkit-flex-basis: 100%;-ms-flex-basis: 100%;flex-basis: 100%;}
.studio-head2 {margin-bottom: 0.6rem;}
.studio-sub2 {padding: 0 3%;}
.studio-name2 {margin-bottom: 1.2rem;text-align: center;font-weight: 700;}
.studio-name2 .en {display: block;line-height: 1.4;font-size: 2.6rem;font-weight: 700;}
.studio-name2 .ja {display: block;line-height: 1.2;font-size: 1.6rem;font-weight: normal;}
.studio-info2 li:not(:last-child) {margin-bottom: 1rem;}
.studio-info2 li {font-size: 2.2rem !important;}
.studio-info2 li a {display: block;padding: .8rem 10px;color: #fff;background-image: url(../img/common/w-arw.png);background-position: 95% 50%;background-size: 6px 10px;text-align: center; }
.st-ico2 {display: inline-block;padding-left: 22px;font-size: 1.6rem;font-weight: normal;line-height: 24px;background-position: 0 45%;background-size: auto 19px;}
.st-ico3 {display: inline-block;padding-left: 32px;font-size: 1.6rem;font-weight: normal;line-height: 24px;background-position: 0 45%;background-size: auto 19px;}
.st-ico2.cal-ico {background-image: url(../img/common/cal-ico.png);}
.st-ico2.pin-ico {background-image: url(../img/common/pin-ico.png);}
.st-ico3.clo-ico {background-image: url(../img/common/clo-ico.png);}
.branch-info-ttl{font-size: 1.8rem;font-weight: bold;text-align: center; margin:2em 0 1em;}
.branch-info-ttl i {padding-right:0.5em;}
.branch-info-text{font-size: 1.3rem;line-height:1.7;margin:1em 0;}
.bb-no{border-bottom:none;}
.studio-add{border-collapse:collapse;width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;font-size:1.2rem;text-align:left;}
.studio-add th{font-weight:normal;width:30%;padding:1em .5em;border:1px solid #CCCCCC;vertical-align:middle;text-align:center;background-color:#F6F6F6;font-size: 1.3rem;}
.studio-add td{padding:1em 1.5em;border:1px solid #CCCCCC;vertical-align:middle;text-align:left;font-size: 1.3rem;line-height:1.6;}
.studio-add td a{color:#f0566e;}
.studio-tel-text {display:block;font-size: 1.6rem;margin-bottom:0.5rem;}
.studio-add-text {display:block;font-size: 1.2rem;}
.studio-close-text {display:block;}
.studio-contact-text {text-align:center;font-size: 1.4rem;margin:1em 0 2em;}
.ad-detail .ad-dial a{color: #70d8cf;}

/* QA
------------------------------------------- */
.b-qa-head {background-image: url(../img/qa/qa-head-bg-sp.jpg);}
.qa-lede-copy{font-weight:bold;font-size: 1.6rem;text-align:center;padding-bottom:3rem;font-family: 'Noto Serif Japanese';}
.qa-text-box{padding:3rem 0;border-top:1px solid #DDDDDD;text-align:left;font-size: 1.4rem;  }
.qa-text-box h3.q{font-size: 1.4rem;color:#f0566e;padding-bottom:1rem; font-weight:bold;}
.qa-text-box i{font-size: 1.8rem;padding-right:0.5rem;}

/* instructor
------------------------------------------- */
.inst-cover {width:84%;margin:0em 8% 2em;}
.inst-cover img {border:5px solid #fff;-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);-ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);}
.inst-lede {text-align: center;}
.inst-lede dl {margin-bottom: 2.5rem;font-size: 1.3rem;}
.inst-lede dt {font-size: 2.0rem;color: #70d8cf;font-weight:normal;margin-bottom:.4rem;}
.inst-lede .name dd {font-size: 2.6rem;font-weight:bold;}
.inst-lede .genre dd {font-size: 1.8rem;}
.inst-lede .genre dd span{display:block;}
.inst-lede .position dd {font-size: 1.6rem;}
.inst-lede .position dd .point{color: #fff;background-color:#f0566e;padding:0 0 0;margin: 0 auto;display:block;position:static;width: 30px;height: 30px;line-height: 30px;text-align: center;
border-radius: 50%;font-weight:normal;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); font-size:1.8rem;font-family: 'Lora', serif;}
.inst-main {margin-bottom: 3rem;}
.inst-main2 {margin-bottom: 3rem;border-bottom: 1px solid #aaa;}
.inst-main .wrap {padding: 0;}
.inst-main2 .wrap {padding: 0;}
.inst-sec {margin-bottom: 3em;}
.inst-sec-ttl {padding: .3em 0;margin-bottom: 1.4rem;color: #333;font-size: 1.8rem; text-align: center;background-color: #ededed;}
.inst-coat {padding:1.4em 1.2em 1.2em;background-color: #F9F3E6;}
.inst-coat-ttl {margin-bottom: .8em;color: #CCAA60;text-align: center;font-size: 1.8rem;}
.inst-lesson-box {display: table;width: 100%;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.inst-lesson-info {display: table-cell;padding: 8px 0 6px 6px;width: 48%;font-size: 1.3rem;line-height:1.1;vertical-align: middle;}
.inst-lesson-info p {margin-top:.4em;}
.inst-lesson-info p.branch {padding-left:.4em;}
.inst-lesson-info p.class {padding-left:.4em;}
.inst-lesson-info span{display:block;padding-left:.4em;}
.inst-lesson-btn {display: table-cell;padding: 8px 8px;width: 52%;text-align: right;font-weight: bold;vertical-align: middle;}
.exp-btn {display: inline-block;padding: .9em 2em;border-radius: 2px;color: #fff;text-align: center;font-size: 1.1rem;line-height:1.4;background-color: #70d8cf;position:relative;}
.exp-btn::after{position:absolute; top: 50%; right: .5em; transform: translate(-0%,-50%); font-size:1.1em; font-family: fontAwesome; content: '\f105';color:#fff;}

.inst-coat iframe {width:100%;margin-top:1.5em;}
.inst-coat-desc p:not(:last-child) {margin-bottom: 3em;}
.movie {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.inst-prof-info p {font-size:1.4rem;line-height:1.5;margin-bottom: 2rem;}
.inst-prof-ttl {position: relative;padding-left: 1em;}
.interview-lede {margin-bottom: 1.6rem;}
.interview-clip {margin-bottom: 1.5rem;}
.inst-prof-ttl::before {position: absolute;content: "笆";left: 0;top: 0;}
.interview-btn {font-size: 1rem;}
.inst-sg-list {display: -webkit-flex;display: -ms-flex;display: flex;margin-bottom: 1rem;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.inst-sg-list li {margin-bottom: 1rem;width: 30%;}
.inst-sub-ttl {margin-bottom: 1.6rem;text-align: center;font-size: 1.6rem;}
.inst-sg-clip {margin-bottom: .4rem;}
.inst-sg-list li span {display: block;}
.inst-sg-list .name {font-size: 1.1rem;}
.inst-sg-list .team {font-size: 0.8rem;}
.inst-page-aside {background-color: #f6f6f6;}
.inst-page-aside .sec {margin: 0;}
.inst-page-aside .n-st-desc {padding: 1.4em 0;font-size: 1rem;}

/* genre
------------------------------------------- */
.genre-breadcrumbs.breadcrumbs {margin-bottom: 0;}
.g-ballet-head {background-image: url(../img/genre/ballet-head-bg-sp.jpg);position: relative;}
.genre-inst-box {/* float: left; margin-right: 6%;*/
  width: 47%;
  margin-bottom: 2.5rem;
}
.genre-inst-box:nth-child(2n) {margin-right: 0;}
.genre-sub-sec {padding-top: 1.5em}
.genre-lede-ttl {margin-bottom:.6em;margin-top:.6em;text-align:center;color: #D9B948; font-size:2.0rem;line-height:1.3;font-weight:bold;font-family: 'Noto Serif Japanese';}
.genre-lede-ttl span {display:block;}
.genre-lede-desc {margin-bottom: 2rem;}
.genre-lede-desc2 {margin-bottom: 0rem;}
.genre-lede-btn {text-align: center;font-size: 1.2rem;font-weight: bold;padding:.5em 0 2em;}
.note-btn {display: block;padding: .4em 0;color: #fff;border: 0px solid #aaa;border-radius: 3px;background-color: #1DC0CA;margin-top:1em;}
.note-btn .ico {display: inline-block;padding-left: 3em;line-height: 2.5em;background-image: url(../img/common/note-ico.png);background-size: auto 20px;background-position: .6em 50%;}
.genre-inst-ttl {padding: .2em 0;text-align: center;color: #fff;font-size: 1.7rem;background: #7A6757;}
.genre-inst-ttl .ja {padding-left: 0.5em;font-size: 1.1rem;}
.genre-sec {background-color: #f6f6f6;}
.genre-inst-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2em 0;
}
/*.genre-inst-box {position: relative;font-size: 1.2rem;margin-bottom: 3.5rem;border-bottom:1px dotted #f0566e;}*/
/*
.genre-inst-box::after {
	position: absolute;content: "";right: 0;bottom: -3px;width: 0;height: 0;border-style: solid;border-left-color: #f0566e;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);border-width: 0px 0 10px 10px;border-color: transparent transparent #f0566e transparent;}
*/
.genre-inst-clip {margin-bottom: 1.2em;}
.genre-inst-clip img {border:5px solid #fff;-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);-ms-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);
box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);}
.genre-inst-clip2 {margin-bottom: 1.2em;}
.genre-inst-clip2 img {border:2px solid #fff;-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);-ms-box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);
box-shadow: 0px 3px 3px rgba(0, 0, 0, .15);width:100%;}
.genre-inst-textbox {padding:0 .5em 1em;}
.genre-inst-box .name {font-size: 1.6rem;font-weight:bold;margin-bottom: .5rem;font-family: 'Playfair Display', serif;}
.genre-inst-box .class {font-size: 1.1rem;line-height:1.4;}
.genre-inst-detail {display: none;}
.genre-inst-list iframe{width:100%;}

@media screen and (max-width: 320px) {
.genre-lede-ttl {margin-bottom:.6em;margin-top:.6em;font-size:1.7rem;}
.genre-lede-desc {font-size:1.3rem;}
}
  

/* topics
------------------------------------------- */
.topics-sec{padding-top:1.5em;}
.news-list-main {margin-bottom: 1.5rem;}
.news-result {
  border-bottom:1px dotted #CCCCCC;
  padding:1.2em 0;
  color:#333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-result-clip{
  width: 26%;
}
.news-detail-box{
  width: 70%;
}
.news-result p.news-date{
  font-size:1.2rem;
  margin-bottom:.4em;
  color:#70d8cf
}
.news-result a{color:#70d8cf;font-size:1.4rem;}
.news-result a:hover {color:#f0566e;}
.news-title a {
  color: #333;
}

.close-insta-box{    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
    padding: 0.5em 0px 0px;
    margin: 0%;}
.close-insta-box li {width:47%;text-align:center;margin-bottom:1.5em;}
.close-insta-box li a{border:1px solid;padding:1.25em;text-align:center;display:block;width:100%;border-radius:4px;}

div.newspostslider{margin: 0 0; width: 100%; position: relative;}
div.newspostslider ul{display: block; width: 100%; text-align: center; position: relative; padding: 0;}
div.newspostslider ul li{display: inline-block; margin: 0 10px; vertical-align: top; padding: 0;}
div.newspostslider ul li img{height: 200px; width: auto;object-fit: cover;}
div.newspostslider ul li:not(.slick-current){cursor: pointer;}
div.newspostslider div.slick-list{padding: 0!important;}
div.newspostslider ul.slick-dots{clear: both; padding: 15px 0 0;}
div.newspostslider ul.slick-dots li{float: none; width: 20px; height: 2px; margin: 0 4px; background: #DDD; color:#DDD!important;display: inline-block; text-indent: -999px; overflow: hidden; cursor: pointer;}
div.newspostslider ul.slick-dots li.slick-active{background: #333;}
div.newspostslider ul.slick-dots li button{ width: 20px; height: 2px;}
div.newspostslider ul.slick-dots li button:before{ width: 20px; height: 2px;border-radius:0;}
div.newspostslider .slick-dotted.slick-slider{margin-bottom:3em!important;}
.onephoto-news{padding-top:3em;}

.topicspost-ttl {font-size:1.4rem;line-height:1.5;font-weight:bold;padding:3em 1% 0;font-family: 'Noto Serif Japanese';	}
.topicspost-text {font-size:1.3rem;line-height:1.7;padding:2em 1% 1em;margin-bottom:2em;-webkit-text-size-adjust: 100%;}

.topicspost-text img {max-width:100%;width:auto; height:auto;vertical-align:bottom; display:block;margin:0em auto 1em;}
.exp-btn2{width:100%;display:block;padding:.7em 1em;color:#000;border:1px solid;text-align:center;font-size:1.2rem;margin-top:2em;position:relative;}
.exp-btn2::after{position:absolute; top: 50%; right: 1em; transform: translate(-0%,-50%); font-size:1.1em; font-family: fontAwesome; content: '\f105';color:#000;}
.jr-sc-trialbt button{cursor: pointer;border: none;background-color: transparent;}
.jr-sc-trialbt {background-color: #70d8cf;border-radius: 4px;	display: block;padding: .4em .6em .3em;margin-top:.4em;width:100%;}
.exp-btn3 {color:#000;border:1px solid;text-align: center;font-size: .8rem;font-weight: bold;width:100%;}
.exp-btn3::after{position:absolute; top: 50%; right: .5em; transform: translate(-0%,-50%); font-size:1.1em; font-family: fontAwesome; content: '\f105';color:#fff;}
.r-over:hover {opacity: .7;filter: alpha(opacity=70);}
.reha-sc table{width:100%;font-size:1.2rem !important;margin-bottom:2em;}
.reha-sc table td{display:block;}
.start{color:#ee0000;}
.sc{text-align:left !important;}
.comment{text-align:left !important;}
.kousi img{max-width:100px;}
.koumoku {background-color:#efefef;text-align:center !important;}

/* pager
------------------------------------------- */
.pager{text-align:center;padding:2em 0;}
.pager a{color:#AAAAAA;}
.pager .num{display:inline-block;padding:.4em .8em;font-size:1.6rem !important;margin-bottom:1em;}
.pager .num a{color:#AAAAAA;display:inline-block;border:1px solid #AAAAAA;padding:.4em .8em;margin-bottom:1em;}
.pager .num a:hover{background-color:#AAAAAA;border:1px solid #AAAAAA;color:#FFFFFF;padding:.4em .8em;text-decoration:none;margin-bottom:1em;}
.pager .num .current_page{display:inline-block;border:1px solid #333333;background-color:#333333;color:#ffffff;padding:.4em .8em;margin-bottom:1em;}
.pager span{display:inline-block;}
.center-block {display:block;margin:0 auto;}
.center-block2 {display:block;margin:2em auto;}


/* contents
------------------------------------------- */
.b-aboutballet-head {background-image: url(../img/dancecontents/aboutballet-head-bg-sp.jpg);}
.b-balletcharm-head {background-image: url(../img/dancecontents/balletcharm-head-bg-sp.jpg);}
.b-balleteffect-head {background-image: url(../img/dancecontents/balleteffect-head-bg-sp.jpg);}
.b-ballethistory-head {background-image: url(../img/dancecontents/ballethistory-head-bg-sp.jpg);}
.b-balletknowledge-head {background-image: url(../img/dancecontents/balletknowledge-head-bg-sp.jpg);}

.d-contents-area {padding-bottom: 2em !important;}
.h-contents-ttl-base{ background-color: rgba(0, 0, 0, .4);}
.h-contents-ttl-base2{position:absolute;bottom:0;}
.d-contents-links2 {margin-bottom: 1rem;margin-top:0em;padding:0 1.5em 1em; }
.d-contents-links2 li {position: relative;text-align: left;font-size: 1.1rem;font-weight: bold;padding: 1em 0.5em 1em 2em;width:47%;float:left;border-bottom:1px dotted #fff;}
.d-contents-links2 li:nth-child(even){width:47%;float:right;}
.d-contents-links2 li a {display: block;color:#fff;}
.d-contents-links2 li::after{position:absolute; top: 50%; right: 1em; transform: translate(-0%,-50%); font-size:1.2em; font-family: fontAwesome; content: '\f105';color:#fff;}
.d-contents-links2 li i{font-size: 1.4rem;position: absolute;top: 50%; left: 1em; transform: translate(0%,-50%);}
.d-contens-active {color:#f0566e;}

.d-contents-lede-copy {font-weight:bold;font-size: 2.4rem;text-align:center;margin-bottom: 2rem;line-height:1.6;}
.d-contents-lede-desc {font-size: 1.3rem;padding:0 .5em 2em;border-bottom :1px dotted #999; line-height:1.7;}
.d-contents-lede-desc h2{font-weight:bold;font-size: 1.6rem;text-align:center;margin-bottom:.5em;}
.d-contents-lede-desc2 {font-size: 1.3rem;padding:1em .5em .5em;border-bottom :1px dotted #999; line-height:1.7; font-weight:bold;}
.d-contents-lede-desc2 h2{font-weight:bold;font-size: 2.0rem;text-align:center;margin-bottom:.2em;}
.d-contents-box {width:100%;padding:2em .5em;border-bottom :1px dotted #999; }
.d-contents-box li {display: block;width:100%; font-size: 1.3rem;line-height:1.7;position: relative;}
.d-contents-box li.left-img-35{width:100%;}
.d-contents-box li.left-text-60{width:100%;}
.d-contents-box li.right-img-35{width:100%;}
.d-contents-box li.right-text-60{width:100%;}
.d-contents-box li img{width:100%;border: 1px solid #dddddd;}
.d-contents-box li a{color:#f0566e;}
.d-contents-ttl {font-weight:bold;font-size: 1.8rem;text-align:left;margin: 2rem 0 1em;line-height:1.4;color:#70d8cf;font-family: 'Noto Serif Japanese';}
.d-contents-ttl2 {font-weight:bold;font-size: 1.6rem;text-align:left;margin: 0rem 0 1em;line-height:1.4; color:#70d8cf;}
.d-effect-ttl {margin: 2rem 0 1em;position: relative;height:40px;}

/* knowledge
------------------------------------------- */
.knowledge-list-main {
margin-bottom: 1.5rem;
}
.knowledge-desc {
font-size:1.4rem;
margin-bottom:2em;
line-height:1.5;
}
.knowledge-list-cat-box {
padding: 1rem;
margin-bottom: .5rem;
border:4px solid #eee;
}
.knowledge-list-cat-pack {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.knowledge-list-clip {
width: 25%;
}
.knowledge-list-ex {
width: 70%;
font-size: 1.3rem;
font-weight: normal;
padding-top:.5em;
}
.knowledge-ttl {
font-size:1.6rem;
font-weight:bold;
margin-bottom:.5em;
}
.knowledge-detail-bt{
color:#dd0000;
display:block;
margin:1em 0 0;
}
.knowledge-detail-bt i {
padding-left:.5em;
}
.knowledgepost-ttl {
font-size:2.0rem;
font-weight:bold;
padding:0 .5em;
}
.knowledgepost-text {
font-size:1.4rem;
padding:2em .5em 1em;
margin-bottom:0em;
-webkit-text-size-adjust: 100%;
line-height:1.7;
}
.knowledgepost-text img {
max-width:100%;
width /***/:auto; /* IE8縺ｮ縺ｿ */
height:auto;
vertical-align:bottom;
}

.knowledgepost-text h2{
font-size:1.4em;
line-height:1.5;
font-weight:bold;
margin-top: 1em;
}
.knowledgepost-text h3{
font-size:1.1em;
line-height:1.5;
font-weight:bold;
}

.mb2em {
margin-bottom:2em;
}

/* lesson note
------------------------------------------- */
.note-page-head {
height: 265px;
}
.b-note-head {
background-image: url(../img/note/note-head-bg-sp.jpg);
}
.note-page-head {
height: 265px;
}
.b-note-head-ikebukuro {
background-image: url(../img/note/note-head-ikebukuro-bg-sp.jpg);
}
.b-note-head-toritsudai {
background-image: url(../img/note/note-head-toritsudai-bg-sp.jpg);
}
.b-note-head-shinjuku {
background-image: url(../img/note/note-head-shinjuku-bg-sp.jpg);
}
.b-note-head-shinjuku2 {
background-image: url(../img/note/note-head-shinjuku2-bg-sp.jpg);
}
.b-note-head-akihabara {
background-image: url(../img/note/note-head-akihabara-bg-sp;.jpg);
}
.b-note-head-ebisu {
background-image: url(../img/note/note-head-ebisu-bg-sp;.jpg);
}
.note-ttl{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin:2em 0 1em;
line-height:1.6;
}
.blog-baner-head {
display: table;
width: 100%;
text-align: center;
background-position: 50% 50%;
background-size: cover;
}
.bb-ikebukuro {
background-image: url(../img/note/blog-baner-ikebukuro.jpg);
}
.bb-toritsudai {
background-image: url(../img/note/blog-baner-toritsudai.jpg);
}
.bb-shinjuku {
background-image: url(../img/note/blog-baner-shinjuku.jpg);
}
.bb-shinjukuannex {
background-image: url(../img/note/blog-baner-shinjukuannex.jpg);
}
.bb-akihabara {
background-image: url(../img/note/blog-baner-akihabara.jpg);
}
.bb-ebisu {
background-image: url(../img/note/blog-baner-ebisu.jpg);
}

.blog-baner-box li {
width:100%;
margin-bottom:3em;
box-shadow:0px 0px 15px #ccc;
-moz-box-shadow:0px 0px 15px #ccc;
-webkit-box-shadow:0px 0px 15px #ccc;
border:4px solid #FFF;
}
.blog-baner-head .innerttl {
display: table-cell;
vertical-align: middle;
padding:25% 0;
}
.blog-baner-head .innerttl .arw {
display: block;
background-image: url(../img/common/w-arw.png);
background-position: 96% 50%;
background-size: 8px 12px;
}

.blog-head-ttl {
color: #fff;
font-size: 2.4rem;
padding:.2em 0;
}
.blog-head-ttl .ja {
display: block;
font-size: 1.3rem;
}
.blog-ttl-base-ikebukuro {
padding:.2em 0;
background-color: rgba(255, 81, 170, .6);
}
.blog-ttl-base-toritsudai {
padding:.2em 0;
background-color: rgba(38, 214, 194, .6);
}
.blog-ttl-base-shinjuku {
padding:.2em 0;
background-color: rgba(255, 181, 76, .6);
}
.blog-ttl-base-shinjukuannex {
padding:.2em 0;
background-color: rgba(153, 153, 153, .6);
}
.blog-ttl-base-akihabara {
padding:.2em 0;
background-color: rgba(83, 61, 195, .6);
}
.blog-ttl-base-ebisu {
padding:.2em 0;
background-color: rgba(83, 61, 195, .6);
}

.bloglist li{
width:100%;
padding:1em .5em 1em;
margin-bottom:1em;
border-bottom:1px solid #333;
list-style:none;
}
.bloglist li:first-child{
padding:0em .5em 1em;
}
.bloglist-box li a{
color:#000000;
}
.blog-date {
font-size:3.5rem;
font-weight:400;
color:#333;
padding-bottom:.1em;
margin-bottom:.6em;
border-bottom:1px dashed #ccc;
}
.blog-date-small {
padding-left:.5em;
font-size:1.4rem;
font-weight:200;
}
.blog-ttl {
font-size:2.0rem;
line-height:1.4;
font-weight:bold;
margin-bottom:.8em;
}
.blog-ttl a:hover{
color:#f0566e;
}
.blog-text {
font-size:1.4rem;
line-height:1.5;
}
.blog-text a{
color:#f0566e;
}
.blog-detail-bt a{
color:#f0566e;
display:block;
margin:1em 0;
}
.blog-detail-bt a:hover {
color:#333;
}
.blog-detail-bt i {
padding-left:.5em;
}
.blog-snsbox {
padding:1em 0 2em;

}
.sns-fb {
padding:0 1em .3em 0;
}


.blog-studio-block {
margin-bottom: 2rem;
}
.blog-studio-box {
border: 0px solid #adadad;
}
.blog-studio-box:not(:last-child) {
margin-bottom: .4rem;
}
.blog-studio-box .inner {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.blog-studio-head,
.blog-studio-info {
-webkit-flex-basis: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
}
.blog-studio-head {
margin-bottom: 0.1rem;
position:relative;
}
.blog-studio-sub {
padding: 0 0;
}

.blog-studio-name {
margin-bottom: 1.2rem;
text-align: center;
font-weight: 700;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
background:rgba(0, 0, 0,.4);
color:#fff;
width:100%;
}
.blog-studio-name .en {
display: block;
line-height: 1.4;
font-size: 2.3rem;
font-weight: 700;
}
.blog-studio-name .ja {
display: block;
line-height: 1.2;
font-size: 1.4rem;
font-weight: normal;
}
.blog-studio-info li:not(:last-child) {
margin-bottom: 1rem;
}
.blog-studio-info li{
display: block;
padding: .8rem 10px;
color: #fff;
background-image: url(../img/common/w-arw.png);
background-position: 95% 50%;
background-size: 6px 10px;
text-align: center;
font-size: 1.6rem;
}
.blog-studio-info li i {
padding-right:.3em;
font-size: 1.8rem;
}

/* lesson note post
------------------------------------------- */
.blogpost-box {
width:100%;
padding:0 .5em;
margin-bottom:3em;
}
.blogpost-date {
font-size:3.2rem;
font-weight:400;
color:#333;
padding-bottom:.1em;
margin-bottom:.6em;
border-bottom:1px dashed #ccc;
}
.blogpost-date-small {
padding-left:.5em;
font-size:1.4rem;
font-weight:200;
}
.blogpost-ttl {
font-size:2.0rem;
line-height:1.4;
font-weight:bold;
margin-bottom:.8em;
}
.blogpost-text {
font-size:1.5rem;
line-height:1.6;
margin-bottom:2em;
-webkit-text-size-adjust: 100%;
}
.blogpost-text img{
margin:2em auto !important;
}
.blog-snsbox {
padding:2em 0 2em;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
}
.sns-fb {
padding:0 1em .3em 0;
}
.sns-google{
padding-left:1em !important;
}
.blog-back-bt{
margin-top:2em;
}
.blog-back-bt a{
padding:1em;
border:2px solid #aaa;
color:#999;
display:block;
margin:0 auto 1em;
width:50%;
text-align:center;
}
.blog-back-bt i {
padding-right:.5em;
}
.blog-back-bta:hover{
color:#f0566e;
border:2px solid #f0566e;
}

.category-school-box {
width:100%;
padding:0 .5em;
}
.blog-category-ttl {
font-size:3.2rem;
font-weight:200;
color:#333;
margin-bottom:.1em;
text-align:center;
}
.blog-category-text {
font-size:1.2rem;
margin-bottom:1em;
text-align:center;
}

.blog-category-list, .blogpost-school-link{
margin-bottom:3em;
}
.blog-category-list li, .blogpost-school-link li{
display:block;
position:relative;
margin-bottom:.8em;
padding:.8em 2em .8em 0;
border-bottom:1px dashed #ccc;
line-height:1.4;
font-size:1.4rem;
}
.blog-category-list li a, .blogpost-school-link li a{
padding-bottom:.2em;
font-weight:bold;
}
.blog-category-list li a:hover, .blogpost-school-link li a:hover{
text-decoration:underline;
color:#f0566e;
}
.blog-category-list li i, .blogpost-school-link li i{
position:absolute;
right:0;
top:30%;
}

/* lesson Report
------------------------------------------- */
.report-page-head {
height: 265px;
}
.b-report-head {
background-image: url(../img/report/report-head-bg-sp.jpg);
}
.report-top-desc {
margin-bottom:3em;
}
.report-ttl {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin:1.5em 0 .4em;
line-height:1.6;
color:#f0566e;
}
.report-ttl2 {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin:0em 0 .4em;
line-height:1.6;
color:#f0566e;
}
.report-lead-desc p {
font-size: 1.4rem;
line-height:1.6;
margin-bottom:1em;
}
.report-lead-desc img {
width:100%;
display:block;
}
.report-list-box {
margin-bottom:.6em;
}
.report-list-sec h2 {
margin-top:2em;
}
.report-list-sec li {
float:left;
width:47%;
margin-bottom:3em;
}
.report-list-sec li img{
width:100%;
margin-bottom:.5em;
border:4px solid #E2D6BE;
border-radius: 10px;
}
.report-list-sec li:nth-child(even) {
float:right;
width:47%;
}
.report-list-ttl {
margin-bottom:.3em;
}
.report-list-ttl {
color:#f0566e !important;
font-weight:normal;
font-size:1.4rem;
line-height:1.4;
}
.report-name {
font-size:1.2rem;
margin-bottom:.5em;
}
.b-report-detail {
font-size:1.2rem;
border:1px solid #CFB680;
color:#BF953B;
padding:.4em;
text-align:center;
border-radius: 4px;
}
.b-report-detail i {
padding-left:.5em;
}

/* lesson Report Post
------------------------------------------- */
.reportpost-box {
width:100%;
}
.reportpost-koumoku {
font-size:3.0rem;
font-weight:bold;
color:#333;
padding-bottom:.5em;
margin-bottom:.6em;
border-bottom:1px dashed #ccc;
text-align:center;
}
.reportpost-ttl {
font-size:2.0rem;
line-height:1.4;
font-weight:bold;
margin-bottom:.8em;
color:#f0566e;
}
.reportpost-ttl2 {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin:0em 0 .4em;
line-height:1.6;
color:#f0566e;
}
.reportpost-name {
font-size:1.4rem;
padding-bottom:1em;
margin-bottom:3em;
border-bottom:1px dashed #ccc;
}
.reportpost-ttl a:hover{
color:#f0566e;
}
.reportpost-text {
font-size:1.5rem;
line-height:1.6;
-webkit-text-size-adjust: 100%;
padding-bottom:2em;
}
.reportpost-text img{
max-width:100%;
display:block;
margin:.5em auto 1em !important;
text-align: center;
}
.reportpost-text a{
color:#EF27AC;
}
.reportpost-detail-bt a{
color:#f0566e;
display:block;
margin:1em 0;
}
.reportpost-detail-bt a:hover {
color:#333;
}
.reportpost-detail-bt i {
padding-left:.5em;
}


.report-trial {
padding: 2em 3%;
margin: 1em -3% 2em;
}

.latestpost-ttl {
font-size:3.0rem;
font-weight:200;
color:#333;
margin-top:2em;
margin-bottom:.1em;
text-align:center;
}
.latestpost-text {
font-size:1.2rem;
margin-bottom:1em;
text-align:center;
}
.report-latestpost-sec h2 {
margin-top:2em;
}
.report-latestpost-sec li {
float:left;
width:47%;
margin-bottom:3em;
}
.report-latestpost-sec li img{
width:100%;
margin-bottom:.5em;
border:4px solid #E2D6BE;
border-radius: 10px;
}
.report-latestpost-sec li:nth-child(even) {
float:right;
width:47%;
}
.report-latestpost-ttl {
margin-bottom:.3em;
}
.report-latestpost-ttl {
color:#f0566e !important;
font-weight:normal;
font-size:1.4rem;
line-height:1.4;
}

.report-back-bt {
margin-top:2em;
}

.report-back-bt a{
padding:1em;
border:2px solid #aaa;
color:#999;
display:block;
margin:0 auto 1em;
width:100%;
text-align:center;
}
.report-back-bt i {
padding-right:.5em;
}
.report-back-bta:hover{
color:#f0566e;
border:2px solid #EF27AC;
}

/* company
------------------------------------------- */
.company-info{
margin:3em 0;
}
.company-info dl {
width:100%;
border-bottom:1px dotted #CCCCCC;
padding:1em 0;
}
.company-info dt {
text-align:center;
font-weight:bold;
margin-bottom:.2em
}
.company-info dd {
text-align:center;
}
.company-info dd a{
color:#dd0000;
}
.company-info dd span{
display:block;
}
.brandtop_box{
width:100%;
height:25px;
margin-bottom:2em;
}
.pickupbox ul{
width:100%;
}
.pickupbox li{
width:48%;
margin-bottom: 2em;
float:left;
box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
position:relative;
padding:0em 0em 3.5em;
}
.pickupbox li:nth-child(even){
float:right;
}
.brandimage img{
width:100%;
overflow:hidden;
}
.pickup_text{
width:100%;
font-size:1.2rem;
padding:1em 1em 0em;
}
.br_web_btn{
width:70%;
padding:.4em;
background-color:#000;
position:absolute;
right:0;
bottom:0;
text-align:center;
font-size:1.1rem;
}
.br_web_btn a{
color:#fff;
}
.br_web_btn i{
padding-left:.5em;
}

/* Sitemap
------------------------------------------- */
.sitemap-block {
display:block;
padding:0 3%;
width:100%;
}
.sitemap-box {
width:48%;
float:left;
text-align:left;
margin-bottom: 3rem;
}
.r-box{
width:48%;
float:right;
padding-left:2em;
}
.sitemap-lede-desc {
font-size: 1.6rem;
}
.sitemap-sec:not(:last-child) {
margin-bottom: 3rem;
}
.sitemap-sec-ttl {
font-size: 1.4rem;
font-weight: bold;
margin-bottom:.5em;
}
.sitemap-list li {
position: relative;
padding-left:0em;
font-size: 1.3rem;
line-height:2.0;
}
.sitemap-list li a {
color: #dd0000;
}
.sitemap-list li a:hover {
text-decoration: underline;
}
.sitemap-list li i{
padding-right:.5em;
}

/* variation
------------------------------------------- */
.variation-page-head {
height: 285px;
}
.b-variation-head {
background-image: url(../img/variation/variation-head-bg-sp.jpg);
}
.variation-lede-desc {
margin-bottom: 3rem;
}
.variation-lede-desc ul {
list-style: none;
}
.variation-lede-desc li {
text-indent: -1.4em;
margin-left: 1.4em;
margin-bottom: 1rem;
}
.variation-lede-desc li:before {
font-family: FontAwesome;
content: '\f06a'; /* 繧｢繧､繧ｳ繝ｳ縺ｮunicode */
color:#f0566e;
padding-right:0.5em;
}
.variation-wrap {
background-color:#efefef;
padding:0rem 0 1rem;
}
.variation-sec-ttl {
margin-bottom:2rem;
text-align:center;
line-height:1.4;
background-color:#444;
color:#fff;
padding:.5em 0 .3em;
}
.variation-sec-ttl a{
color:#fff;
font-weight:normal;
}
.variation-sec-ttl .en{
font-size:1.6em;
font-weight:normal;
}
.variation-sec-ttl .ja{
display:inline;
font-size:1.0em;
}
.variation-box a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
.variation-box {
display:block;
width:100%;
}
.variation-box li{
display:block;
width:100%;
box-shadow:0px 0px 15px #ccc;
-moz-box-shadow:0px 0px 15px #ccc;
-webkit-box-shadow:0px 0px 15px #ccc;
margin-bottom:2em;
padding:0.8em;
background-color:#fff;
}
.variation-list {
width:100%;
margin-bottom:1em;
}
.variation-list .variation-image {
width:35%;
float:left;
}
.variation-list .variation-image img {
width:100%;
margin-bottom:0.5em;
}
.variation-list .variation-text {
width:60%;
float:right;
word-break:normal
}
.variation-detail {
font-size:1.0em;
color:#1DC0CA;
padding:0.8em 0 0.2em;
}
.variation-dancer {
font-size:1.8rem;
font-weight:bold;
line-height:1.4;
}
.variation-dancer span{
font-size:1.1rem;
padding-left:.2em;
}
.variation-timeplace {
font-size:1.2rem;
}
.variation-number {
font-size:1.2rem;
}

.variation-timeplace .exp-btn {
padding: .7em .7em;
 font-size: 1.2rem;
}
.variation-timeplace .inst-lesson-box {
border-right: 0px solid #aaa;
border-bottom: 0px solid #aaa;
}
.variation-timeplace .inst-lesson-btn {
text-align:left;
}

/* variation instructor
------------------------------------------- */
.v-inst-sec-ttl {
margin-bottom:2rem;
text-align:center;
line-height:1.4;
padding:0 0 .6em;
}
.v-inst-sec-ttl .en{
font-size:1.6em;
font-weight:normal;
}
.v-inst-sec-ttl .ja{
display:inline;
font-size:1.0em;
}
.v-inst-main {
margin-bottom: 3rem;
}
.v-inst-main2 {
margin-bottom: 3rem;
border-bottom: 1px solid #aaa;
}
.v-inst-main .wrap {
padding: 0;
}
.v-inst-main2 .wrap {
padding: 0;
}
.v-inst-sec {
margin-bottom: 3rem;
}
.v-inst-cover {
width:94%;
margin:0 3% 2em;
}
.v-inst-cover img {
border:5px solid #fff;
-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
 -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
-ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
border-radius: 10px;
}
.v-inst-lede {
text-align: center;
}
.v-inst-lede dl {
margin-bottom: 2.5rem;
font-size: 1.4rem;
}
.v-inst-lede .name dt {
font-size: 1.4rem;
color: #CCAA60;
font-weight:normal;
margin-bottom:.4rem;
}
.v-inst-lede .name dd {
font-size: 2.5rem;
font-weight:bold;
}
.v-inst-lede .name dd span{
font-size: 1.2rem;
font-weight:bold;
padding-left:.4em;
}

.v-inst-coat-ttl {
margin-bottom: .8em;
color: #CCAA60;
text-align: center;
font-size: 1.4rem;
}
.v-inst-coat-desc {
margin-bottom: 1.5em;
padding:0 2%;
font-size: 1.6rem;
font-weight:bold;
text-align:center;
}
.v-inst-coat-desc2 {
font-size: 1.4rem;
text-align:left;
padding:0 2%;
}
.v-inst-sec-ttl2 {
padding: .8em 0;
margin-bottom: 1.5em;
color: #333;
font-size: 1.4rem;
text-align: center;
background-color: #ededed;
}
.v-inst-prof-info {
font-size:1.6rem;
font-weight:bold;
text-align: center;
margin-bottom: 1rem;
}
.v-inst-prof-info p{
text-decoration:none;
margin-bottom:.5em;
}
.v-inst-prof-info .inst-lesson-box {
border-right: 0px solid #aaa;
border-bottom: 0px solid #aaa;
}
.v-inst-prof-info .inst-lesson-btn {
text-align:center;
}
.v-inst-prof-info .input {
border: 0px solid #666 !important;
}

.v-inst-prof-info2 p {
font-size:1.4rem;
line-height:1.5;
margin-bottom: 2rem;
}

/* Position
------------------------------------------- */
.position-page-head {
height: 285px;
}
.b-position-head {
background-image: url(../img/position/position-head-bg-sp.jpg);
}
.point {
color: #fff;
background-color:#f0566e;
padding:0 0 0;
margin: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
font-weight:normal;
position: absolute;
top: -10px;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size:1.8rem;
font-family: 'Lora', serif;
}
.position_page .genre-inst-box {
  margin-bottom: 5.5rem;
}

/* recruit top
------------------------------------------- */
.recruit-page-head {
  height: 285px;
}
.b-recruit-head {
  background-image: url(../img/recruit/recruit-head-bg-sp.jpg);
}
.recruit-box{
  -webkit-text-size-adjust: 100%;
}
.recruit-box img {
  width:100%;
  vertical-align:bottom;
}
.recruit-box a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.recruit-catchbox{
  width:100%;
  margin-bottom:4.0rem;
}
.recruit-catch-ttl {
  color:#F64C6C;
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
  margin-bottom:1.0rem;
  line-height:1.6;
}
.recruit-catch-textbox {
  font-size:1.4rem;
  line-height:1.4;
}
.r-catch-text {
  margin-bottom:2.0rem;
}
.recruit-catchbox img, .recruit-companybox img,.recruit-studentbox img{
  margin-bottom:2.0rem;
}
.recruit-companybox {
  margin-bottom:4.0rem;
}
.recruit-studentbox {
  margin-bottom:4.0rem;
}

/* recruit company
------------------------------------------- */
.recruit-companyinfo{
  width:100%;
  padding:0 0 1em;
  margin-bottom:3.0rem;
}
.recruit-companyinfo a{
  color:#F64C6C;
}
.recruit-companyinfo dl {
  border-bottom:1px dotted #999;
  width:100%;
}
.recruit-companyinfo dl.fst{
  border-bottom:0px dotted #999;
  width:100%;
}
.recruit-companyinfo dt {
  clear: left;
  float: left;
  padding:1em 0 1em 0.5em;
  width:34%;
  font-weight:bold;
  color:#333333;
}
.recruit-companyinfo dt.ginko{
  padding:1em 0 2em 0.5em;
}
.recruit-companyinfo dd {
  padding:1em 0;
}


/* recruit detail
------------------------------------------- */
.recruit-svbox-1 {
  width:100%;
  padding-top:90%;
  background-image: url(../img/recruit/recruit-svback-1-sp.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  margin-bottom:30px;
}
.recruit-svbox-2 {
  width:100%;
  padding-top:90%;
  background-image: url(../img/recruit/recruit-svback-2-sp.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  margin-bottom:50px;
}
.recruit-svtext-right {
  color:#000000;
  font-size:1.4rem;
  border:1px solid #DDD;
  padding:1em;
}
.recruit-svtitle {
  padding-bottom:0.2rem;
  border-left:7px solid #dd0000;;
  border-bottom:1px dashed #dd0000;;
  margin-bottom:1em;
  font-size:2.4rem;
}
.recruit-katagaki {
  font-size:1.4rem;
  padding-left:0.7em;
}
.recruit-staff-name {
  font-size:1.8rem;
  font-weight:bold;
  padding-left:0.5em;
}
.recruit-staff-name-en {
  font-size:1.2rem;
  color:#999;
  font-weight:normal;
  padding-left:0.5em;
}
.recruit-svtext-right p {
  line-height:1.6;
}
.recruit-workphoto {
  margin-bottom:3em;
}
.recruit-workphoto li img{
  margin:0 auto 1em;
  display:block;
}
.recruit-workphoto li{
  width:100%;
  float:left;
  font-size:1.4rem;
  padding-right:1em;
  margin-bottom:1.5em;
}
/*.recruit-workphoto li:nth-child(even){
  padding-left:1em;
  padding-right:0em;
}*/
.recruit-workphoto li p{
  line-height: 1.4;
}

.recruit-otherworks {
  margin-bottom:2em;
}
.recruit-otherworks li{
  width:100%;
  display:block;
  padding-bottom:2em;
  margin-bottom:2em;
  border-bottom:1px dotted #999;
}
.recruit-career li{
  width:100%;
  display:block;
  padding-bottom:2em;
  margin-bottom:2em;
}
.recruit-otherworks li img{
  margin-bottom:1em;
}
.recruit-otherworks li h3{
  text-align:center;
  font-size:2.2rem;
  margin-bottom:0.5em;
  color:#3FD3BD;
}
.recruit-ow-text{
  margin-bottom:1em;
}

.recruit-infobox{
  border-collapse:collapse;
  width:100%;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  font-size:1.2rem;
  text-align:left;
}
.recruit-infobox th{
  font-weight:normal;
  width:28%;
  padding:1em;
  border:1px solid #CCCCCC;
  vertical-align:middle;
  text-align:center;
  background-color:#F6F6F6;
}
.recruit-infobox td{
  padding:1em;
  border:1px solid #CCCCCC;
  vertical-align:middle;
  text-align:left;
}
.recruit-infobox td a{
  color:#dd0000;
}
.recruit-infobox p{
  line-height:1.8;
}
.recruit-app a{
  display:block;
  text-align:center;
  /* background-color:#; */
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  -khtml-border-radius:30px;
  border-radius:30px;
  font-size:1.8rem;
  font-weight:normal;
  color:#FFF !important;
  padding:1em;
  margin:0 auto;
  border:3px solid #DDDDDD;
  background: -webkit-linear-gradient(top,#dd0000 0%,#aa0000 100%);
  background: -moz-linear-gradient(top,#dd0000 0%,#aa0000 100%);
  background: -ms-linear-gradient(top,#dd0000 0%,#dd0000 50%,#aa0000 50%,#aa0000 100%);
  background: linear-gradient(top,#dd0000 0%,#dd0000 50%,#aa0000 50%,#aa0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#dd0000, endColorstr=#aa0000);
  width:50%;
}
.recruit-tel-box{
  background-image: url(https://www.kknoah.co.jp/images/media_list_back.jpg);
  background-repeat: repeat-x;
  padding:1em;
  margin:3rem 0;
}
.recruit-tel-text{
  background-color:#ffffff;
  padding:1em;
  text-align:center;
  line-height:1.6;
}
.recruit-tel{
  font-size:2.2rem;
  font-weight:bold;
  display:block;
}
.oubo{
  font-size:1.4rem;
}

/* 20200612 ms add strat */
.no-result-message {
	text-align: center;
	padding-bottom: 4em;
	font-size: 1.2em;
}
/* 20200612 ms add end */

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

/* 20200817 ms add */
.youbi {
	cursor : pointer;
}

.youbi.today {
	cursor : auto;
}
/* 20200817 ms add end */


/* SYSTEM BRANDS BOX 
====================================== */
.sys_brands_block {
  max-width: 420px;
  margin: auto;
}
.sys_brands_box{
  position: relative;
  background-color: #000;
  /* width: calc(50% - .5px); */
  width: 100%;
  margin-bottom: 1px;
}
.sys_brands_box_img{
  opacity: .6;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* filter: gray; */
  -webkit-filter: grayscale(100%);
  transition: opacity 1s;
  width: 100%;
  object-fit: cover;
  object-position:center top;
  height: 10rem;
}
.sys_brands_box:hover .sys_brands_box_img{
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0%);
}
/* .sys_brands_detail{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: fit-content;
  color: #fff;
} */
.sys_brands_detail{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: .5em 0 .5em 1.5em;
  margin: auto 0;
  /* width: 90%; */
  height: fit-content;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sys_brands_ttl{
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  margin-left: 1em;
}

.sys_logos_blk{
  position: relative;
  width: 32%;
  padding-top: 24%;
  overflow: hidden;
  /* margin: 0 auto .2em; */
}
.sys_logos_blk img{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sys_logos_blk.box2 img{
  top:-100%;
}
.sys_logos_blk.box3 img{
  top:-200%;
}
.sys_logos_blk.box4 img{
  top:-300%;
}
.sys_logos_blk.box5 img{
  top:-400%;
}
.sys_logos_blk.box6 img{
  top: -500%;
}

@media (min-width: 768px){
  .sys_brands_block{
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sys_brands_box{
    width: calc(100% / 5);
  }
  .sys_logos_blk{
    width: 43.4108%;
    padding-top: 32.55813%;
    margin: 0 auto .5em;
  }
  .sys_logos_blk img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .sys_brands_ttl{
    font-size: 1rem;
  }

  .sec_brands .sys_brands_box {
    width: 20%;
  }

  .sys_brands_detail{
    padding: 0;
    margin: auto 0;
    height: fit-content;
    display: block;
  }
  .sys_brands_box_img {
    height: 100%;
  }
}/* mq860 end */


/*============================================
2023/04/24 ORIZON 追加
============================================*/

.b_point_box{
	position: absolute;
	left: 4px;
	bottom: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	text-align: center;
	width: 37px;
	height: 37px;
	line-height: 1.5;
	background-image: url(https://www.stg-noaboxing.com/assets_online/img/mypage/bpt_back.png);
	background-position: center;
	background-size: 100%;
	z-index: 1;
}
.b_point_label{
	color: #fff;
	line-height: .95;
	font-weight: 300;
	transform: scale(.8);
}
.b_point{
	display: block;
	font-size: 1.4em;
	font-weight: 400;
}

/* 2023/04/24 ORIZON 追加：ボクシングの表示 */
.class-box .clip .boxgenre{position: absolute;top: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 36px 36px 0 0;border-color: #000 transparent transparent transparent;z-index:2;}
.class-box .clip .boxgenre span{font-size: 1.4rem;line-height:1.0;color:#fff;font-family: 'Oswald', sans-serif!important;font-weight:400;
position: absolute;top:-32px;left:3px;}
.class-box .clip .tr{border-color: #ffa724 transparent transparent transparent;}
.class-box .clip .wa{border-color: #24447a transparent transparent transparent;}
.class-box .clip .ba{border-color: #3ea7ab transparent transparent transparent;}
.class-box .clip .lh{border-color: #db3661 transparent transparent transparent;}
.class-box .clip .ft{border-color: #c2d322 transparent transparent transparent;}