@charset "UTF-8";

/* .class-view .gen-table th{
  background-color: #83D1DD;
  color: #fff;
} */

@media screen and (min-width: 768px) {
.page-head-ttl {font-size: 4.7rem;}
.page-head-ttl .ja {font-size: 2rem;}
.page-head-ttl2 {font-size: 4.7rem;}
.page-head-ttl2 .ja {font-size: 2rem;}

.sch-link-box3 a{width:70%;padding:1.5em 0;margin:0 auto;font-size:1.6rem;}
.expand-menu,.expand-menu2{width:50%;margin:0 auto;}
.expand-menu li a,.expand-menu2 li a {padding: 1.5em 0;font-size:1.6rem;display:block;width:100%;}

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

/* particles
------------------------------------------- */
.sec-ttl .en {font-size: 3.8rem;}
.sec-ttl .ja {font-size: 1.4rem;}
.s-sec-ttl .en {font-size: 2.4rem;}

/* aboutus
------------------------------------------- */
.aboutus-lede-txt {margin-bottom: 1.25em;line-height: 1.6;font-size: 2.2rem;}
.aboutus-lede-txt span {display: block;}
.aboutus-lede-txt br.pc{
  display: block;
}
.aboutus-lede-txt br.sp{
  display: none;
}
.aboutus-lede-txt-2 {
  font-size: 2.8rem;
}
.aboutus-lede-copy {margin: 0 auto 4em;width: 80%;}

.about-sec-block {padding: 5.6rem 2em 3.6rem;}
.about-sec-ttl {margin-bottom: .5em;line-height: 1.5;font-size: 4rem;}
.about-sec-h {margin-bottom: 1.2em;line-height: 1.6;font-size: 2.2rem;}
.about-sec-desc {margin-bottom: 2em;font-size: 1.4rem;line-height: 1.7; }
.about-sec-desc p:not(:last-child) {margin-bottom: 1em;}
.about-sec-clip {margin-bottom: 1.5em;}
.school-link li a {padding: 0.75em 0;font-size: 1.2rem;display:block;width:50%;margin:0 auto;}
.school-link li:not(:last-child) {margin-bottom: 1em;}

/* system
------------------------------------------- */
.system-ttl {font-size: 2.4rem;}
.system-ttl-desc {font-size:1.4rem;line-height:1.7;margin-bottom:2em;}
.system-view-box {padding: 230px 0 3em;margin-bottom: 3em;background-size: 200px 200px;}
.system-view-copy {font-size:2rem;line-height:1.4;margin-bottom:1em;}
.system-view-copy span {font-size: 3.4rem;}
.system-view-desc {font-size: 1.4rem;line-height:1.7;}
.system-lede-desc {font-size: 1.4rem;line-height:1.7;margin-bottom:2em;text-align:center;}
.price-table {margin-bottom: 2rem;}
.price-table table {font-size: 1.6rem;}
.price-table .dark-grad {color: #fff;}
.price-table table th,.price-table table td {padding: 1em 8px;}
.price-table table .up2 {font-size:1.6rem;}
.price-table table .zero {font-size:1.6rem;}
.price-table table .condition {font-size: 1.3rem;}
.tb-xxs { font-size: 1.1rem;}
.tb-xs { font-size: 1.2rem;}
.tb-s { font-size: 1.3rem;}
.tb-m { font-size: 1.6rem;}
.campaign-price {font-size:2.6rem;}
.price-table th.cource-box span{display: inline;}
.price-table .tax {font-size: 1.3rem;}
.price-table i {padding:0 1em;font-size:1.8rem;}
.price-atc-list li {font-size: 1.4rem;}
.price-atc-list2 {margin-bottom: 3em;}
.price-atc-list2 li {font-size: 1.4rem;}
.system-recept .stand-btn {margin-bottom: 4em;}
.system-recept .stand-btn a{width:60%;margin:0 auto;padding:1.5em 0;font-size: 1.8rem;}

.gen-table tr{
  transition: .5s;
}
.gen-table tr:hover{
 opacity: .7;
}

/* guidance
------------------------------------------- */
.join-ttl {font-size:3.8rem;}
.join-ttl-desc {font-size:1.4rem;text-align:center;margin-bottom:2em;}
.join-ttl-desc span{font-size:1.4rem;padding-top:1em;}
.join-wrap {padding:2em 0 0;margin-bottom:2em;}
.join-view-box h3{padding:50px 0 .5em;background-size: 50px auto;text-align:center;}
.webjoin-view-copy {font-size: 3.2rem;}
.studiojoin-view-copy {font-size: 3.2rem;}
.join-view-desc {font-size:1.4rem;text-align:center;margin-bottom: 2em;}
.join-wrap .stand-btn a{padding: 1.5em 0;font-size:1.7rem;margin:0 auto;width:70%;display:block;}
.join-studio-list table {font-size: 1.3rem;}
.join-studio-list table th,.join-studio-list table td {padding: 1.2em;}
.join-studio-item {padding-top: 50px;background-position: 50% 0;}
.join-studio-list p{text-align:center;}
.join-campaign-box {padding:1.2em;font-size:1.7rem;line-height:1.4;}
.campaignprice {display:inline;}
.bigprice {font-size:2.8rem;}
.trial-caution {font-size:1.3rem;}
.trial-guidance-box {margin:3em 0;}
.trial-otoiawase-box {padding:1em 1em 1em;text-align:center;margin-top:1.5em;}
.trial-qa-ttl {padding:1.5em;font-size:1.6rem;}
.trial-qa-desc {padding:2em;font-size:1.4rem;line-height:1.7;}
.trial-qa-desc-ttl {font-size:1.6rem;margin-bottom:1em;}
.trial-qa-rental{font-size:1.5rem;margin-top:2em; margin-bottom:1em;}
.trial-qa-box table {font-size: 1.3rem;margin-bottom:2.5em;}
.trial-qa-box table th,.trial-qa-box table td {padding: 1.5em 5px;}
.trial-qa-desc .induct a{width:100%;padding:.75em 2em .75em 1em;font-weight:bold;font-size:1.6rem;text-align:center;}
.trial-qa-desc .induct a span{font-size:1.3rem;}

/* 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;}
.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: 3.7rem;padding:3.5em 0 0;line-height:1.7;}
.page-head-sc-ttl2 .ja {font-size: 1.4rem;}

.hd-sch-block{display: flex; flex-wrap: wrap; justify-content: space-between;width: 100%;margin-bottom:1.5em;}
.hd-sch-box {margin-bottom: 2rem;width: 19.5%;font-size: 1.2rem;}
.hd-sch-ttl .logo {top: 0%; left:50%; transform: translate(-50%,-0%);width:100%;padding-top: 15px;}
.hd-sch-ttl .logo img{height:50px;}
.hd-sch-ttl .cat  {padding:7.5em 0.5em 1em;}
.hd-sch-box .cat span {background-position: 98% 50%;padding:0 2em;}
.hd-sch-lede {font-size: 1.3rem;margin-bottom:2em;padding:0 0;}
.hd-sch-lede .sub {margin-top:1.5em;font-size: 1.2rem;}
.schedule-ttl{font-size: 1.5rem;margin:2em 0 2em;padding:0 1.5em;}
.print-link-box {padding:0 2em;}
.sch-link-download {margin:2em auto;}
.schedule-info-desc {padding:.5em 0 1.5em;border-bottom:1px dotted #999;margin-bottom:2em;}
.schedule-info-ttl{font-size: 2.2rem;margin:0 0 1em;}
.schedule-info-desc p{font-size: 1.4rem;margin-bottom:1em;}
.recept-table2{display:none;}

.sc-access-block{padding:0 0;}
.sc-ad-detail {margin-top: .5rem;margin-bottom: 2.5rem;font-size: 1.4rem;}
.sc-ad-detail .sc-ad-dial a{font-size: 2.8rem;}
.sc-ad-address {margin-bottom: 1em;}
.sc-ad-address span{display:inline;}
.sc-detail-bt {border:1px solid #fff;text-align:center;font-size: 1.4rem;border-radius: 4px; }
.sc-detail-bt a{color:#fff;padding:.8em;display:block;}

.ikebukuro-sc-page-head2 {height: 500px!important;}
.toritsudai-sc-page-head2 {height: 500px!important;}
.shinjuku-sc-page-head2 {height: 500px!important;}
.akihabara-sc-page-head2 {height: 500px!important;}
.ebisu-sc-page-head2 {height: 500px!important;}
.ikebukuro-sc-page-head2 .inner,.toritsudai-sc-page-head2 .inner,.shinjuku-sc-page-head2 .inner,.shinjuku2-sc-page-head2 .inner,.akihabara-sc-page-head2 .inner,.nakameguro-sc-page-head2 .inner,.komazawa-sc-page-head2 .inner,.ginza-sc-page-head2 .inner,.ebisu-sc-page-head2 .inner{padding:7em 3em 2em;vertical-align:middle;position:relative;z-index:6;}

.sc-lede-ttl{margin-bottom:1em;font-size:2rem;}
.sec-lede-desc p {margin-bottom: 2em;}

.class-sec-ttl {font-size: 3.7rem;}
.class-main .time {font-size: 2rem;}
.class-main .profile {padding:1em;}

.sch-ex-ttl {font-size:1.4rem;margin-bottom: 1em;}
.sch-ex-ttl ol li {margin-bottom:.75em;}

.sch-link-download2 {text-align:center;margin:2em auto;}
.sch-link-download2 a {padding: 1em;font-size:1.4rem;}
.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 th,.class-view td {font-size: 1.4rem;}
.class-view th {
  padding: .5em 1em;
  font-size: 1.3rem;
  font-weight: bold;background-color: #efefef;
}
.class-view th .en {display: inline-block; margin-right: .6em;}
.class-view td {padding: .8em 1em;text-align:left;}
.class_beg_icon br{
  display: none;
}

.kyotsu-block .hd-sch-block {margin-bottom:.5em;}
.kyotsu-block .hd-sch-box {background:#fff;width:19%;margin-bottom:.5em;}
.kyotsu-block .hd-sch-lede {color:#333;text-align:center;margin-bottom:.5em;padding:0 .5em;}

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

/* trial
------------------------------------------- */
.plain-sec-ttl {font-size: 2.4rem;}
.form-body {margin-bottom: 3em;}
.form-lede {margin-bottom: 2em;}
.form-caution {font-size: 1.4rem;}
.studio-select {position: relative;}
.studio-select a{font-size:1.4rem;}
.studio-select .expand-menu a{padding: 1.25em 0;}
.trial-link-branch {width:70%;margin:0 auto;}
.supple-btn {font-size: 1.3rem ;font-weight: bold;}
.lesson-edit-btn {background-color: #70d8cf;}
.closing-btn {background-color: #f0566e;}
.studio-select {display: none;}
.form-table input::placeholder{font-size: 1.3rem;color:#aaa;}
.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;}

/* branch
------------------------------------------- */
.branch-lede-copy {margin-bottom: 2.5rem;font-size: 2.8rem;}
.branch-photo.sec {margin-bottom: 6rem;}
.branch-lede .text p{font-size: 1.6rem;}
.b-photo-ttl {font-size: 2.2rem;}
.b-photo-main .text {font-size: 1.3rem;}
.ad-detail .ad-dial {font-size: 3.2rem;margin-bottom:.5em;}
.ad-time {margin-bottom: 1em;font-size: 1.3rem;}
.ad-traffic {width:45%;margin:0 auto;}

/* beginner
------------------------------------------- */
.beginner-lede {padding:1em 1% 2em;font-size:1.4rem;}
.beginner-lede-txt {margin-bottom: 1em;line-height: 1.4;font-size: 2.8rem;}
.beginner-sec-block {padding: 5em 2% 3rem;}
.beginner-sec-h {margin-bottom: 1em;font-size: 2.8rem;line-height: 1.6;text-align:center;}
.beginner-sec-desc {margin-bottom: 2rem;font-size: 1.4rem; }
.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
------------------------------------------- */
.sec-lede-desc{font-size:1.4rem;line-height:1.7;}
.close_table{font-size:1.4rem;line-height:1.4;margin-top:1em;}
.close_table td{padding:1.5em;}
.close_table td.back {background-color:#F6F6F6;text-align:center;padding:1.5em .5em;}

/* contents
------------------------------------------- */
.h-contents-ttl-base2{position:absolute;bottom:0;width:100%;}
.d-contents-links2 {margin-bottom: 2em;padding:0 3em 1em;width:100%;}
.d-contents-links2 li {font-size: 1.7rem;padding: 1em 0;text-align:center;}
.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{font-size:1.4em;}
.d-contents-links2 li i{font-size: 2rem;}
.d-contens-active {color:#f0566e;}

.d-contents-lede-copy {font-size: 2.4rem;margin-bottom: 2rem;}
.d-contents-lede-desc {font-size: 1.6rem;padding:0 0 2em;}
.d-contents-lede-desc h2{font-size: 2rem;margin-bottom:.5em;}
.d-contents-lede-desc2 {font-size: 1.6rem;padding:1em 0 .5em;}
.d-contents-lede-desc2 h2{font-size: 2.0rem;margin-bottom:.5em;}
.d-contents-box {padding:2em .5em;}
.d-contents-box li {font-size: 1.6rem;}
.d-contents-ttl {font-size: 2.2rem;margin: 2rem 0 1em;line-height:1.4;color:#70d8cf;font-family: 'Noto Serif Japanese';}
.d-contents-ttl2 {font-size: 2.2rem;margin: 0rem 0 1em;line-height:1.4; color:#70d8cf;}
.d-effect-ttl {margin: 2rem 0 1em;position: relative;height:40px;}

/* genre
------------------------------------------- */
.genre-inst-box {margin-bottom: 3em;}
.genre-lede-ttl {margin-bottom:1em;margin-top:1em;font-size:3.0rem;line-height:1.5;}
.genre-lede-desc {margin-bottom: 2em;font-size: 1.5rem;line-height:1.7;}
.genre-sec {background-color: #f6f6f6;}
.genre-inst-list {padding: 2em 0;}
.genre-inst-box {margin-bottom: 3.5em;}
.genre-inst-clip {margin-bottom: 1.5em;}
.genre-inst-clip2 {margin-bottom: 1.5em;}
.genre-inst-textbox {padding:0 .5em 1em;}
.genre-inst-box .name {font-size: 2.4rem;margin-bottom: .3em;}
.genre-inst-box .class {font-size: 1.4rem;line-height:1.7;}

/* topics
------------------------------------------- */
.topics-sec{padding-top:2.5em;}
.news-list-main {margin-bottom: 1.5rem;}
.news-list-block {
  width: 86%;
  margin: auto;
  max-width: 920px;
}
.news-result-clip {
  width: 16%;
}
.news-detail-box {
  width: 80%;
}
/* .news-result {border-bottom:1px dotted #CCCCCC;padding:1.5em 1% 1em;color:#333333;} */
.news-result p.news-date{font-size:1.4rem;margin-bottom:.6em;}
.news-result a{font-size:1.6rem;}
.topicspost-ttl {font-size:2rem;line-height:1.5;}

.exp-btn2{width:100%;display:block;padding:.1.5em 1em;font-size:1.5rem;margin:2em auto 0;}
.exp-btn2 .arw{display:block;padding-right:1.8em;background-size:6px 10px;background-position:96% 50%;}
.topicspost-text{font-size:1.6rem;line-height:1.7;}
}



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

/* particles
------------------------------------------- */
.repo-induct-btn {display: inline-block;font-size: 1.4rem;padding: 1rem;text-align:center;}
.wide-btn {padding: .6em 0;}
.wrap {width: 80%;}
.r-over:hover {opacity: .7;filter: alpha(opacity=70);}
.sec-ttl .en {font-size: 4.2rem;}
.sec-ttl .ja {font-size: 1.6rem;}
.s-sec-ttl .en {font-size: 4.4rem;}
.induct-btn {font-size: 1.6rem;}

/* contents
------------------------------------------- */
.sec {margin-bottom: 3rem;}
.page-container {margin-bottom: 4rem;}
.page-container .sec-ttl {margin-bottom: 3rem;}
.page-container .sec {margin-bottom: 4rem;}
.page-head-ttl {font-size: 5.4rem;}
.page-head-ttl .ja {font-size: 2rem;}
.page-head-ttl .month {font-size: 1.4rem;}
.page-head-ttl .month a {font-size: 1.4rem;}
.page-head-ttl2 {font-size: 5.0rem;}
.page-head-ttl2 .ja {font-size: 2rem;}
.breadcrumbs li {font-size: 1.2rem;}
.breadcrumbs ol {padding: 1em 0;}
.breadcrumbs {margin-bottom: 2.5em;}
.sp-wrap {padding: 0;}
.inst-main .wrap {padding: 0;}

.recept-table th, .recept-table td {display: table-cell;padding: 0.6em 0;text-align: center;}
.recept-table th {font-size: 1.6rem;}
.recept-table th span {
  display: inline-block;
}
.recept-table td {
  font-size: clamp(13px,1.3vw,18px);
  line-height:1.5;
}
.recept-table .dial {
  display: block;
  float: none;
  font-size: clamp(13px,1.3vw,18px);
}
.sch-link-box3 a{width:50%;padding:1.25em 0;margin:0 auto;font-size:2rem;}
.sch-link-box3 a::before {font-size:2rem;}
.sch-link-box3 a span{font-size:1.5rem;}
.expand-menu{width:50%;margin:0 auto;}
.expand-menu li a {padding: 1.5em 0;font-size:1.8rem;display:block;}

/* aboutus
------------------------------------------- */
.b-aboutus-head {background-image: url(../img/aboutus/aboutus-head-bg-pc-.jpg);}
.aboutus-lede-txt {margin-bottom: 1em;text-align: center;font-size: 2.2rem;}
.aboutus-lede-txt-2 {
  font-size: 3.4rem;
}
.aboutus-lede-copy {margin: 0 auto 3rem;width: 444px;}
.about-sec-block {padding: 8rem 0 5rem;}
.about-sec {
  position: relative;
  /* border-top: 2px dotted #E4D884; */
  /* background: #f6f6f6; */ /* Old browsers */
  /* background-image: url(../img/aboutus/aboutus-bg.png);
  background-position:50% 1px;
  background-repeat:no-repeat; */
}
.about-sec-head {margin-left: -65px;width: 130px;}
.about-sec-mark {color: #fff;font-size: 1.5rem;padding-top: 7px;width: 130px;}
.about-sec-mark::after {background-size: 130px 92px;height: 92px;width: 130px;}
.about-sec-mark .num {margin-top:-10px;font-size: 4.2rem;}
.about-sec-mark .num2 {margin-top:-6px;	font-size: 4.2rem;}
.about-sec-left {float: left;width: 46.8%;}
.about-sec-right {float: right;width: 46.8%;}
.about-sec-ttl {font-size: 3.4rem;}
.about-sec-h {margin-bottom: 3rem;font-size: 1.8rem;}
.about-sec-desc {font-size: 1.6rem;}
.about-sec-ctrl .induct-btn {display: block;}
.about-sec-clip {margin-bottom: 2rem;}
.school-link li a{font-size: 1.2rem;width:100%;}
.school-link li a:hover{border:1px solid #f0566e;color:#f0566e;}
.school-link li:not(:last-child) {margin-bottom: 1.4em;}

.off{display:block!important;}

@media screen and (min-width: 1280px) {
.about-sec-ttl {font-size: 4.2rem;margin-bottom:.6em;}
.about-sec-h {margin-bottom: 3rem;font-size: 2.2rem;}
.about-sec-num {
  top: -9.5rem;
  right: -10px;
  font-size: 15rem;
}
}
@media screen and (min-width: 1600px) {
.aboutus-lede-txt {margin-bottom: .5em;font-size: 2.8rem;}
.aboutus-lede-txt-2 {
  font-size: 4rem;
  margin-bottom: 1em
}
.aboutus-lede-copy {margin: 0 auto 4em;width: 520px;}
.about-sec-ttl {font-size: 5.4rem;margin-bottom:.6em;}
.about-sec-h {margin-bottom: 3rem;font-size: 2.5rem;}
}

/* system
------------------------------------------- */
.system-head {background-image: url(../img/system/system-head-bg-pc.jpg);}
.system-ttl {font-size: 2.6rem;}
.system-ttl-desc {font-size: 1.6rem;text-align:center;}
.system-view {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;}
.system-view-box {width: 30%;padding: 230px 0 0;margin-bottom: 2em;background-size: 200px 200px;border-bottom:none;}
.system-lede-desc {font-size: 1.6rem;}
.system-view-desc {font-size: 1.5rem;}
.price-table thead th  {font-size: 1.6rem;}
.price-table {margin-bottom: 4rem;}
.price-table table {font-size: 1.6rem;}
.price-table table th,.price-table table td {padding: 1.25em 5px;}
.entry-price-table tbody th,.entry-price-table tbody td {width: 50%;}
.price-table th.cource-box span,.price-table tbody td span{display: inline;}
.price-table .tax {font-size: 1.3rem;}
.entry-price-table .up {font-size: 1.4rem;}
.tb-xs {font-size: 1.4rem;}
.tb-s {font-size: 1.6rem;}
.tb-m {font-size: 1.8rem;}
.price-atc-list li {font-size: 1.4rem;}
.system-recept .stand-btn {margin-bottom: 4em;}
.system-recept .stand-btn a{width:50%;padding:1.5em 0;font-size: 2.2rem;}

/* guidance
------------------------------------------- */
.b-join-head {background-image: url(../img/join/join-head-bg-pc.jpg);}
.join-ttl {font-size:4rem;}
.join-ttl-desc {font-size:1.8rem;margin-bottom:2em;}
.join-ttl-desc span{font-size:1.5rem;}
.join-wrap {padding:3em 0 0;margin-bottom:3em;}
.join-view-box h3{padding:55px 0 .5em;background-size: 50px auto;text-align:center;}
.webjoin-view-copy {font-size: 3.6rem;}
.studiojoin-view-copy {font-size: 3.6rem;}
.join-view-desc {font-size:1.8rem;margin-bottom: 2em;}
.join-wrap .stand-btn a{padding: 2em 0;font-size:2rem;margin:0 auto;width:50%;display:block;}
.join-studio-list table {font-size: 1.6rem;width:80%;margin:0 auto;}
.join-studio-list table th,.join-studio-list table td {padding: 1.2em;text-align:center;}
.join-studio-item {padding-top: 50px;background-position: 50% 0;}
.join-studio-list p{text-align:center;}
.join-campaign-box {padding:1.2em;font-size:1.8rem;line-height:1.7;width:80%;margin:0 auto;}
.campaignprice {display:inline;}
.bigprice {font-size:2.8rem;}
.trial-caution {font-size:1.3rem;}
.trial-guidance-box {margin:3em 0;}
.trial-otoiawase-box {display:none;}
.trial-qa-ttl {padding:1.5em;font-size:1.8rem;}
.trial-qa-desc {padding:2em;font-size:1.8rem;line-height:1.7;}
.trial-qa-desc-ttl {font-size:1.8rem;margin-bottom:1em;}
.trial-qa-rental{font-size:1.6rem;margin-top:2em; margin-bottom:1em;}
.trial-qa-box {width:80%;margin:0 auto;}
.trial-qa-box table {font-size: 1.8rem;margin-bottom:2.5em;}
.trial-qa-box table th,.trial-qa-box table td {padding: 1.5em 5px;}
.trial-qa-desc .induct a{width:100%;padding:.75em 2em .75em 1em;font-weight:bold;font-size:2rem;text-align:center;}
.trial-qa-desc .induct a span{font-size:1.4rem;}

/* schedule
------------------------------------------- */
.sc-page-head {background-image: url(../img/schedule/sc-head-bg-pc.jpg);margin-bottom:2em;padding:0 0;height:600px!important;}
.sc-page-head2 {background-image: url(../img/schedule/sc-head-bg-pc.jpg);margin-bottom:2em;}
.ikebukuro-sc-page-head2 {background-image: url(../img/schedule/ikebukuro-sc-head-bg-pc-.jpg);background-position:bottom;height:500px!important;}
.toritsudai-sc-page-head2 {background-image: url(../img/schedule/toritsudai-sc-head-bg-pc-.jpg);background-position:bottom;height:500px!important;}
.shinjuku-sc-page-head2 {background-image: url(../img/schedule/shinjuku-sc-head-bg-pc-.jpg);background-position:bottom;height:500px!important;}
.akihabara-sc-page-head2 {background-image: url(../img/schedule/akihabara-sc-head-bg-pc-.jpg);background-position:bottom;height:500px!important;}
.ebisu-sc-page-head2 {background-image: url(../img/schedule/ebisu-sc-head-bg-pc-.jpg);background-position:bottom;height:500px!important;}

.ikebukuro-sc-page-head2 .inner,.toritsudai-sc-page-head2 .inner,.shinjuku-sc-page-head2 .inner,.shinjuku2-sc-page-head2 .inner,.akihabara-sc-page-head2 .inner,.nakameguro-sc-page-head2 .inner,.komazawa-sc-page-head2 .inner,.ginza-sc-page-head2 .inner,.ebisu-sc-page-head2 .inner{padding:1em 0 2em;vertical-align:middle;position:relative;z-index:6;}


@media screen and (min-width: 1440px) {
.ikebukuro-sc-page-head2 {height:550px!important;}
.toritsudai-sc-page-head2 {height:550px!important;}
.shinjuku-sc-page-head2 {height:550px!important;}
.akihabara-sc-page-head2 {height:550px!important;}
.ebisu-sc-page-head2 {height:550px!important;}

.ikebukuro-sc-page-head2 .inner,.toritsudai-sc-page-head2 .inner,.shinjuku-sc-page-head2 .inner,.shinjuku2-sc-page-head2 .inner,.akihabara-sc-page-head2 .inner,.nakameguro-sc-page-head2 .inner,.komazawa-sc-page-head2 .inner,.ginza-sc-page-head2 .inner,.ebisu-sc-page-head2 .inner{padding:3.5em 0 2em;}
}

.ikebukuro-sc-page-head2 .page-head-sub {margin: 3rem auto 0;width: 960px;}
.toritsudai-sc-page-head2 .page-head-sub {margin: 3rem auto 0;width: 960px;}
.shinjuku-sc-page-head2 .page-head-sub {margin: 3rem auto 0;width: 960px;}
.akihabara-sc-page-head2 .page-head-sub {margin: 3rem auto 0;width: 960px;}
.ebisu-sc-page-head2 .page-head-sub {margin: 3rem auto 0;width: 960px;}

.page-head-sc-ttl {margin-top:0em;font-size: 5rem;padding:.5em 0 .4em;}
.page-head-sc-ttl .ja {font-size: 2rem;}
.page-head-sc-ttl2 {margin-top:0em;	font-size: 5rem;padding: 3em 0 0;}
.page-head-sc-ttl2 .ja {font-size: 2rem;}
.page-head-ttl {padding:.5em 0 .4em;}
.page-head-sub {margin-top: 2em !important;}

.sc-access-block  {padding:2em 10%;}
.sc-access-map {float: left;width: 45%;}
.sc-access-info {float: right;width: 50%;}
.sc-access-gmap iframe{border:1px solid #fff;}
.sc-ad-detail {margin-top: -.5em;	margin-bottom: 1em;text-align: center;font-size: 1.4rem;line-height:1.7;}
.sc-ad-detail .sc-ad-dial a{font-size: 3.6rem;}
.sc-ad-address {margin-bottom: 1.5em;}
.sc-ad-address span{display:inline;padding-left:.5em;}
.sc-detail-bt {text-align:center;border-radius: 4px; font-size: 1.6rem;width:60%;margin:0 auto;}
.sc-detail-bt a{padding:.8em;display:block;}
.sc-detail-bt a:hover{background:#333;color:#fff;}

.sc-lede-ttl{margin-bottom:.5em;font-size:2.2rem;}
.sec-lede-desc p {margin-bottom: 2.5em;text-align:center;font-size:1.4rem;}
.type-tab{margin-bottom:2.5em;}
.type-tab li {font-size: 1.6rem;}
.type-tab li a{padding: 1em 0}
.kind-tab {display: none;}
.kind-cnt {margin-bottom: 3rem;}
.kind-cnt:not(:first-child) {display: block;}

.kind-cnt-ttl {display: block;padding: 0 0 .2em;text-align: center;font-size: 3.4rem;font-weight:bold;color: #222;font-family: 'Playfair Display', serif;background: transparent; }
@media screen and (min-width: 1440px) {
.kind-cnt-ttl {font-size: 4.0rem;}
.sec-lede-desc p {font-size:1.8rem;line-height:1.8;}
}

.class-sec-block {position: relative;padding: 0 5px;}
.class-sec {float: left;margin: 0;}
.youbi-type-cnt .class-sec {width: 25%;}
.studio-type-cnt .class-sec {width: 14.28571%;}
.class-sec:not(:last-child) {border-right: 1px solid #888;}
.class-sec .class {position: absolute;text-align: center;width: calc(100% - 10px);}
.class-sec-ttl {color: #222;display: table;height:30px;padding: 0;width: 100%;border-bottom: 1px solid #aaa;border-top: 1px solid #aaa;vertical-align: middle;background: #f2e6d7 none repeat scroll 0 0;font-size:1.4rem;}
.class-sec-ttl > span {display: table-cell;vertical-align: middle;}
.class-cnt-block {display: table;width: 100%;}
.class-cnt {display: table-cell;border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;background-image: url(../img/schedule/five-min.gif);background-repeat:repeat;background-position: 0 30px;background-size: 4px 72px;}
.timel-ine {display: table-cell;padding-top: 20px;width: 50px;text-align: center;border: 1px solid #aaa;background-color: #f6f6f6;vertical-align: top;}
.timel-ine p {height: 72px;background-image: url(../img/schedule/five-min.gif);background-repeat:repeat;background-position: 0 9px;background-size: 4px 72px;}
.timel-ine p:last-child {height: 36px;}

.class-main .profile {display: block;padding: 0;}
.class-main .clip {display: block;width: 70%;height:70px;margin:0 auto 1em;position: relative;}
.class-main .clip img {width: auto;height:100%;margin:0 auto;position: absolute;top: 0%;left: 50%;-webkit-transform: translate(-50%, -0%);-ms-transform: translate(-50%, -0%);transform: translate(-50%, -0%);}
.class-main .time {padding: 5px 0;font-size: 1.3rem;}
.class-main .p-info {display: block;width: 100%;padding:0 0;}
.class-main .p-info .name span,.class-main .p-info .cat,.class-main .p-info .level span {display: block;}
.class-main .p-info .name {font-size: 1.2rem;margin-bottom:0;}
.class-main .p-info .level {font-size:1rem;}
.class-main .p-info .level img{margin:.3em 0;}
.class-main .p-info .trigger {display: none;}

@media screen and (min-width: 1440px) {
.class-main .clip {display: block;width: 80%;height:70px;margin:0 auto 1em;position: relative;}
.class-main .p-info{line-height:1.5;}
.class-main .p-info .name {font-size: 1.4rem;margin-bottom:0;}
}

.youbi-type-cnt .class-main .clip img {padding: 0 20%;}

.m45 .class-main .clip {width: 70%;height:40px;margin:0  auto .25em;}
.m45 .class-main .clip img {width: auto;height:100%;}
.m45 .class-main .p-info .name {padding-top:.4em;}
.m45 .class-sub ul {display: table-cell;vertical-align: top;font-size:.8em !important;}
.m45{height: 108px!important;}
.m45 .class-sub {height: 108px!important;}
.m45 .cat{display:inline;padding-left:.2em;}
.m45 .level span{display:inline;padding-left:.2em;}

.m55 .class-main .clip {width: 70%;height:50px;margin:0  auto .5em;}
.m55 .class-main .clip img {width: auto;height:100%;}
.m55 .class-main .p-info .name {padding-top:.4em;}
.m55 .class-sub ul {display: table-cell;vertical-align: top;}
.m55 {height: 132px!important;}
.m55 .class-sub {height: 132px!important;}
.m55 .cat{display:inline;padding-left:.2em;}
.m55 .level span{display:inline;padding-left:.2em;}

.m75 .class-main .clip {width: 70%;height:60px;margin:0  auto .75em;}
.m75 .class-sub ul {display: table-cell;vertical-align: top;}
.m75 {height: 180px!important;}
.m75 .class-sub {height: 180px!important;}
.m75 .cat{display:inline;padding-left:.2em;}

.class .class-sub li.henkou{float: none;font-size: 1.1rem;font-weight: bold;text-align: left;padding:0;display:block;}

.w100 .class-sec{width: 100%;}
.w50 .class-sec{width: 50%;}
.w33 .class-sec{width: 33.3% !important;}

.w100 .class-main .time {font-size: 1.6rem; }
.w100 .class-main .clip {float:left;display:block;margin:0 auto .2rem;height:170px;width: 35%;position: relative;}
.w100 .class-main .clip img {width: 100%;height:auto;margin:0 auto;position: absolute;top: 50%;
  left: 50%;-webkit-transform: translate(-50%, -40%);-ms-transform: translate(-50%, -40%);transform: translate(-50%, -40%);padding: 0 15%;}
.w100 .class-main .p-info {float:right;width: 62%;padding:1em 0;text-align:left;}
.w100 .class-main .p-info .name {font-size: 2.0rem;font-weight: bold;}
.w100 .class-main .p-info .cat {padding-left: 0em;color: #666; font-size: 1rem;font-weight: normal;}
.w100 .class-main .p-info .level {font-size: 1.6rem;}
.w100 .class-main .p-info .level span {display: inline;}

.w50 .class-main .clip {float:left;display:block;margin:0 auto .2rem;height:170px;width: 35%;position: relative;}
.w50 .m75 .class-main .clip {float:left;display:block;margin:0 auto .2rem;height:134px;width: 35%;position: relative;}
.w50 .class-main .clip img {width: auto;height:100%;margin:0 auto;position: absolute;top: 50%;
  left: 50%;-webkit-transform: translate(-50%, -40%);-ms-transform: translate(-50%, -40%);transform: translate(-50%, -40%);padding: 0 15%;}
.w50 .class-main .p-info {float:right;width: 62%;padding:1em 0;text-align:left;}
.w50 .class-main .p-info .name {font-size: 2.0rem;font-weight: bold;}
.w50 .class-main .p-info .level {font-size: 1.6rem;}
.w50 .m45 .class-main .clip {display:none;}
.w50 .m55 .class-main .clip {display:none;}
.w50 .m75 .class-main .clip {display:none;}
.w50 .m45 .class-main .p-info {float:none;width:100%;text-align:center;}
.w50 .m55 .class-main .p-info {float:none;width:100%;text-align:center;}
.w50 .m75 .class-main .p-info {float:none;width:100%;text-align:center;}
.w33 .class-main .clip{height:80px;}
.w33 .class-main .clip img {padding: 0 10%;}

.no-lesson {display:none;}

.class-sec .class {height: 216px;}
.class .class-sub {background-color: rgba(26, 19, 17, 0.8);display: table;left: 0;position: absolute;top: 0;width: 100%;height: 216px;visibility: hidden;opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.class-sec .class form {position: relative;}
.class:hover .class-sub {opacity: 1;visibility: visible;}
.class .class-sub ul {display: table-cell;vertical-align: middle;}
.class .class-sub li {float: none;width: 100%;}
.class .class-sub li:not(:last-child) {margin-bottom: 1rem;}
.youbi-type-cnt .class .class-sub li {font-size: 1.2rem;}
.class .class-sub li a,.class .class-sub li button {padding: 1em 0;font-size: 1.1rem;}
.class .class-sub li span{display:block!important;}
@media screen and (min-width: 1440px) {
.class .class-sub li a,.class .class-sub li button{font-size: 1.4rem;}
}

.sch-ex {padding-bottom:0;margin-bottom:1em;}
.sch-ex-left {float:left;width:62%;}
.sch-ex-ttl {font-size: 1.3rem;}
.sch-cat-list li {font-size: 1.3rem;}
.sch-link-download {width:50%;margin:0 auto;}
.sch-link-download a{font-size:1.6rem;}
.sch-link-download2 {float:right;width:33%;margin:0 auto;}
.sch-link-download2 a{font-size:1.2rem;}
.link-branch-btn2{padding:0;}
.link-branch-btn2 .head-ico {background-size: auto 25px;}
.link-branch-btn2 .foot-ico {background-size: auto 20px;}

.schedule-foot{margin-top:3em;}
.class-view th, .class-view td {
  display: table-cell;
  font-size: 1.35rem;
}
.class-view th {
  width:25%;
  text-align: center;
}
.class-view th .en{
  display: block;
  margin-right: 0;
}
.class_beg_icon{
  position: static;
  font-size: 0.85em;
  margin: 2px auto 2px;
  padding: 0.15em 0.6em 0.3em;
}

.sch-body {margin-bottom: 4rem;}
.schedule-foot-desc {font-size: 1.2rem;margin-bottom: 4rem;padding: 1.5em;}
.class-view {margin-bottom: 3em;}
.kyotsu-block {padding:1.5em;margin-top:4em;margin-bottom:3em;}
.kyotsu-block .hd-sch-block{margin-bottom:1.5em;}


/* trial
------------------------------------------- */
.trial-page-head {background-image: url(../img/trial/trial-head-bg-pc-.jpg);}
.plain-sec-ttl {font-size: 2.6rem;}
.form-caution {font-size: 1.6rem;}
.form-main .wrap {padding: 0 0;}
.form-caution{font-size:1.4rem;}

.studio-select a{padding: 1em;font-size:1.4rem;}
.studio-select .expand-menu{width:70%;}
.studio-select .expand-menu a{padding: 1em 0;font-size:1.4rem;}
.form-operate li {font-size: 1.6rem;}
.supple-btn {font-size: 1.5rem;}
.input-list li {font-size: 1.6rem;}
.caution-txt {font-size: 1.8rem;text-align: center;}
.cfm-form-lede {margin-bottom: 0;}
.caution-ttl {font-size: 2rem;}
.restriction {font-size: 1.6rem;}
.stand-btn {font-size: 2rem;}
.comp-recept {margin-bottom: 4rem;}
.form-table input::placeholder{font-size: 1.4rem;}

@media screen and (min-width: 1440px) {
.studio-select a{font-size:1.6rem;}
.studio-select .expand-menu a{font-size:1.6rem;}
.form-caution{font-size:1.8rem;line-height:1.8;}
.form-table th {font-size: 1.8rem;}
.form-table td {font-size: 1.8rem;}
.form-table input::placeholder{font-size: 1.6rem;}
}

/* beginner
------------------------------------------- */
.b-beginner-head {background-image: url(../img/beginner/beginner-head-bg-pc.jpg);}
.beginner-lede {padding:1em 0 2em;font-size:1.6rem;text-align: left;  }
.beginner-lede-txt {margin-bottom: 3rem;text-align: center;font-size: 3rem;}
.beginner-lede-txt span {display: block;}
.beginner-lede-copy {margin: 0 auto 3rem;width: 444px;}
.beginner-sec-block {padding: 8rem 0 4rem;}
.beginner-sec-head {margin-left: -65px;width: 130px;}
.beginner-sec-mark {color: #fff;font-size: 1.5rem;padding-top: 7px;width: 130px;}
.beginner-sec-mark::after {background-size: 130px 92px;height: 92px;width: 130px;}
.beginner-sec-mark .num {margin-top:-10px;		font-size: 4.2rem;}
.beginner-sec-left {float: left;width: 46.8%;}
.beginner-sec-right {float: right;width: 46.8%;}
.beginner-sec-h {margin-bottom: 3rem;font-size: 2.4rem;text-align: left;}
.beginner-sec-desc {font-size: 1.6rem;line-height:1.6;}
.beginner-sec-ctrl .induct-btn {display: block;padding: 2rem 0;}
.beginner-sec-clip {margin-bottom:1.2em;}

@media screen and (min-width: 1440px) {
.beginner-lede {font-size:1.8rem;}
.beginner-lede-txt {font-size: 3rem;}
.beginner-sec-h {font-size: 3.4rem;line-height:1.5;}
.beginner-sec-desc {font-size: 1.8rem;line-height:1.7;}
}

/* close
------------------------------------------- */
.b-close-head {background-image: url(../img/close/close-head-bg-pc.jpg);}
.sec-lede-desc{font-size:1.5rem;line-height:1.7;}
.close_table{font-size:1.6rem;line-height:1.4;margin-top:1em;}
.close_table td{padding:1.5em;}
.close_table td.back {padding:1.5em .5em;}

@media screen and (min-width: 1440px) {
.close_table{font-size:1.8rem;}
}




/* webentry
------------------------------------------- */
.tb-tac {
  text-align: center;
}
.m-step {
  padding: 4rem 0;
}
.m-step-list {
  margin-bottom: 2rem;
}
.m-step-list li {
  float: left;
  width: 25%;
  margin-bottom: 0;
}
.m-step-list li:not(:last-child) {
  padding-bottom: 0;
  padding-right: 4%;
  background-image: url(../img/common/step-right-arw.png);
  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: 2rem;
}
.m-step-ico {
  display: block;
  margin-bottom: 2rem;
  width: 100%;
}
.m-step-txt {
  display: block;
  width: 100%;
  font-size: 1.6rem;
}
.m-step-ico img {
  max-width: 94px;
}
.m-step-head .num {
  border-radius: 36px;
  font-size: 2.4rem;
  height: 36px;
  margin-left: 0.3em;
  width: 36px;
  padding-top:.15em;
}
.m-step-atc {
  font-size: 1.8rem;
}
.consent-ttl {
  font-size: 3.2rem;
}
.consent.sec {
  margin-top: 6rem;
}
.consent-frame {
  font-size: 1.6rem;
  height: 300px;
}
.consent-frame .inner {
  padding: 20px;
}
.consent-btn {
  text-align: right;
}
.print-btn {
  font-size: 1.6rem;
}
.member-btn {
  font-size: 2.5rem;
}
.form-consent-btn {
  text-align: left;
}
.agree-desc {
  text-align: center;
}
.agreement {
  margin-bottom: 4rem;
  font-size: 1.8rem;
}
.sub-sec-ttl {
  font-size: 2rem;
}
.agree-file {
  margin-bottom: 6rem;
}
.agree-file li {
  display: inline-block;
  margin: 0 1em;
}
.pulling-box {
  font-size: 1.8rem;
}
.send-desc-txt {
  font-size: 2.4rem;
}
.send-desc p {
  margin-bottom: 2rem;
}

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



.form-msg-sec .ttl {
  margin-bottom: 3rem;
  font-size: 3rem;
}
.form-msg-sec .sub-ttl {
  margin-bottom: 3rem;
  font-size: 2.6rem;
}
.form-msg-sec p,
.form-msg-sec ul {
  margin-bottom: 3rem;
}
.comp-clip img {
  max-width: 92px;
}
.form-msg-sec .desc {
  font-size: 1.8rem;
}
.bring-h {
  font-size: 2rem;
}
.bring-list {
  font-size: 1.8rem;
}
.tb-tac {
  text-align: center;
}

	.entry-btn {
  display: inline-block;
}
.entry-btn .arw {
  padding: .8em 3em;
}


/* branch
------------------------------------------- */
.b-nakano-head {background-image: url(https://www.noaballet.jp/assets_online/img/branch/nakano/head-bg-pc.jpg);background-size: cover;}
.b-branch-head {background-image: url(../img/branch/branch-head-bg-pc.jpg);}
.b-shinjuku-head {background-image: url(../img/branch/shinjuku/head-bg-pc.jpg);}
.b-shinjuku2-head {background-image: url(../img/branch/shinjuku2/head-bg-pc.jpg);}
.b-akihabara-head {background-image: url(../img/branch/akihabara/head-bg-pc.jpg);}
.b-ikebukuro-head {background-image: url(../img/branch/ikebukuro/head-bg-pc.jpg);}
.b-toritsudai-head {background-image: url(../img/branch/toritsudai/head-bg-pc.jpg);}
.b-ochanomizu-head {    background-image: url(https://www.noaballet.jp/assets_online/img/branch/ochanomizu/head-bg-pc.jpg);}
.b-ebisu-head {background-image: url(../img/branch/ebisu/head-bg-pc.jpg);}
.b-akasaka-head {background-image: url(../img/branch/akasaka/head-bg-pc.jpg);}
.b-jiyugaoka-head {background-image: url(/assets_online/img/branch/jiyugaoka/21.09jiyugaoka.jpg);}
.b-kichijojiann-head {background-image: url(../img/branch/kichijojiann/head-bg-pc.jpg);}
.branch-lede {margin-bottom:4.5em !important;}
.branch-lede-copy {font-size: 3rem;}
.branch-lede .text {font-size: 1.8rem;}
.branch-photo.sec {margin-bottom: 10rem;}
.b-photo-ttl {font-size: 2.6rem;}
.b-photo-main {padding: 17px 20px 17px;}
.branch-photo-list .slick-dots li {margin: 0 2px;}
.access-map {float: left;width: 47%;}
.access-info {float: right;width: 47%;}
.ad-detail {text-align: left;}
.ad-detail .ad-dial {margin-bottom: 1rem;font-size: 3.2rem;}
.ad-time {font-size: 1.4rem;}
.ad-detail {font-size: 1.6rem;}
.ad-pickup {font-size: 1.6rem;}
.ad-route .text {font-size: 1.6rem;}
.ad-route ol li {font-size: 1.4rem;}
.ad-traffic{width:100%;}
.ad-traffic-case {font-size: 1.4rem;}
.branch-text-img{max-width:600px;}
.ad-sc {margin:3em 0 3em;width:80%;}
.ad-sc a{color: #f0566e;padding:1em;display:block;font-size:1.7rem;font-weight:normal;}
.ad-sc a:hover{color: #fff;background: #f0566e;}
.branch-text-img{max-width:600px;}

.linkbt {
  text-align: left;
}
.studio-block2{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #adadad;
  border-left: 1px solid #adadad;
}
.studio-box2 {
  -webkit-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
  border-top: none;
  border-left: none;
}
.studio-box2:not(:last-child) {
  margin: 0;
}
.studio-box2 .inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.studio-head2,
.studio-info2 {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.studio-sub2 {
  padding: 0 3%;
}
.studio-head2 {
  margin-bottom: 0.6rem;
}
.studio-name2 {
  margin-bottom: 1.2rem;
}
.studio-name2 .en {
  font-size: 1.8rem;
}
.studio-name2 .ja {
  font-size: 1.4rem;
}
.studio-info2 li a {
  padding: .4rem 10px .8rem;
  text-align: left;
}
.st-ico2 {
  font-size: 1.4rem;
}
.st-ico3 {
  font-size: 1.4rem;
}
.studio-info2 li a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
.branch-info-ttl{
  font-size: 2.0rem;
  margin:2em 0 1em;
}
.branch-info-ttl i {
  padding-right:0.5em;
  font-size: 2.6rem;
}
.studio-tel-text{
  display:inline;
  margin-bottom:0rem;
  margin-right:1.5rem;
}
.studio-add-text{
  display:inline;
  font-size:1.3rem;
}
.studio-close-text {
  display:inline;
  margin-right:1.5rem;
}
.sns-block {
  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;
}
.sns-box {
  -webkit-flex-basis: 31%;
  -ms-flex-basis: 31%;
  flex-basis: 31%;
}
.sns-ttl {
  font-size: 3.4rem;
}
.sns-box .induct-btn {
  display: block;
}

/* QA
------------------------------------------- */
.b-qa-head {background-image: url(../img/qa/qa-head-bg-pc.jpg);}
.qa-lede-copy{font-size: 1.8rem;}
.qa-text-box{font-size: 1.6rem;}
.qa-text-box h3.q{font-size: 1.6rem;}
.qa-text-box i{font-size: 2.0rem;}


/* instructor
------------------------------------------- */
.inst-cover {max-width: 400px;margin:0 auto 2em;}
.inst-cover img {display:block;margin:0 auto 0;-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);border:6px solid #fff;		   }
.inst-main {font-size: 1.6rem;}
.inst-main .wrap {padding: 0 3%;}
.inst-lede dl {text-align:left;	font-size: 2rem;margin-bottom: 4rem;padding-left:2%;}
.inst-lede dt {font-size: 2.8rem;  }
.inst-lede .name dt {margin-bottom:0; }
.inst-lede .name dd {font-size: 4rem;}
.inst-lede .genre dt {margin-bottom: .5em; }
.inst-lede .genre dd span{display:block;}
.inst-lede .genre dd {font-size: 2.2rem;}
.inst-sec-ttl {margin-bottom: 2rem;font-size: 2rem;}
.inst-coat-ttl {font-size: 2rem;text-align:left;}
.inst-col-a {float: right;width: 47%;}
.inst-col-b {float: left;width: 47%;}
.inst-col-c {float: left;width: 47%;}
.inst-col-d {float: right;width: 47%;}
.inst-sec {margin-bottom: 4rem;}
/* .inst-prof-info {border:1px solid #aaa;padding:1em;} */
.inst-prof-info p {font-size:1.5rem;}
.inst-lesson-info {font-size: 1.4rem;padding:.6em 1em .6em .4em;  }
.inst-lesson-info p {line-height:1.0;font-size:1.6rem;margin-top:.6em;}
.inst-lesson-info p.branch {padding-left:.6em;}
.inst-lesson-info p.class {padding-left:.6em;}
.inst-lesson-info span{padding-left:.6em;  }
.inst-lesson-btn {padding:1em;}
.exp-btn {font-size: 1.6rem;padding: 1em 2.2em;}
.exp-btn .arw {background-size: 8px 12px;}
.interview-btn {font-size: 1.3rem;}
.inst-sub-ttl {font-size: 2.4rem;}
.inst-sg-list li {margin-bottom: 2rem;}
.inst-sg-list .name{font-size: 1.6rem;}
.inst-sg-list .team {font-size: 1.2rem;}
.inst-page-aside .n-st-desc {font-size: 1.2rem;padding: 3rem 0;}


/* genre
------------------------------------------- */
.g-ballet-head {background-image: url(../img/genre/ballet-head-bg-pc.jpg);}
.genre-sub-sec {padding-top: 4em;}
.genre-lede-ttl {margin-bottom:.8em;margin-top:0;  text-align:center;font-size:3.0rem;}
.genre-lede-ttl span {display:inline;}
.genre-lede-desc {font-size: 1.6rem;}
.note-btn {display: inline-block;font-size: 1.6rem;padding: 1em 2em;}
.genre-inst-ttl {font-size: 3.0rem;}
.genre-inst-ttl .ja {font-size: 1.6rem;}
.genre-inst-box {
  /* margin-right: 4%; */
  width: 22%;
  position: relative;
  font-size: 1.4rem;
  margin-bottom: 4.5rem;
}
/* .genre-inst-box:nth-child(2n) {margin-right: 4%;} */
/* .genre-inst-box:nth-child(4n) {margin-right: 0;} */
.genre-inst-box::after {bottom: -2px; }
.genre-inst-list {padding: 2em 0;}
.genre-inst-clip {margin-bottom: 2rem;}
.genre-inst-box .name {font-size: 2rem;margin-bottom: .5rem;font-weight:bold;}
.genre-inst-box .class {font-size: 1.3rem;line-height:1.5;}
.genre-inst-detail {background-color: rgba(112,216,207,.8);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 {background-color: rgba(112,216,207,.8);font-size: 1.8rem;display: block;text-align: center;width: 100%;position: absolute;top:0;opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.genre-inst-detail span {color: #fff;display: block;height: 100%; vertical-align: middle; width: 100%;position: absolute;top: 45%;}
.genre-inst-box a:hover .genre-inst-detail {opacity: 1;color: #fff;display: block;}
.genre-inst-box a:hover .genre-inst-detail span {color: #fff;display: block;height: 100%;position: absolute;text-align: center;top: 45%;}
.genre-inst-list {padding: 3em 0;}
.genre-inst-box {font-size: 1.2rem;}






/* topics
------------------------------------------- */
.topics-sec{padding-top:2.5em;}
.news-list-main {margin-bottom: 1.5rem;}
.news-result {border-bottom:1px dotted #CCCCCC;padding:1.5em 1% 1em;color:#333333;}
.news-result p.news-date{font-size:1.4rem;margin-bottom:.6em;}
.news-result a{font-size:1.6rem;}

div.newspostslider ul li img{height: 400px;}
@media screen and (min-width: 1500px){
div.newspostslider ul li img{height: 500px;}
}
div.newspostslider .slick-dotted.slick-slider{margin-bottom:5em!important;}
.onephoto-news{padding-top:4em;}
.topicspost-ttl{font-size:2rem;font-weight:bold;text-align:left;}
.topicspost-text{font-size:1.7rem;line-height:1.8;padding:3em 0 1em;margin-bottom:4em;text-align:left;}
.exp-btn2{width:50%;display:block;padding:.1.5em 1em;font-size:1.4rem;margin:2em auto 0;}



/* dancecontents
------------------------------------------- */
.b-aboutballet-head {background-image: url(../img/dancecontents/aboutballet-head-bg-pc.jpg);}
.b-balletcharm-head {background-image: url(../img/dancecontents/balletcharm-head-bg-pc.jpg);}
.b-balleteffect-head {background-image: url(../img/dancecontents/balleteffect-head-bg-pc.jpg);}
.b-ballethistory-head {background-image: url(../img/dancecontents/ballethistory-head-bg-pc.jpg);}
.b-balletknowledge-head {background-image: url(../img/dancecontents/balletknowledge-head-bg-pc.jpg);}
.d-contents-links2 {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;margin:0 0 2rem; width:100%;}
.d-contents-links2 li {width:20%;font-size: 1.5rem;float:none;border-bottom:none;text-align:center;padding-left:0em;}
.d-contents-links2 li:nth-child(even) {float:none;width:20%;  }
.d-contents-links2 li i{font-size: 2.2rem;}
.d-contents-links2 li a {padding:.4em .4em .4em 2.4em ;border-right:1px dotted #fff;border-bottom:none;  }
.d-contents-links2 li:first-child a{border-left:1px dotted #fff;border-top:none;}
.d-contents-box {width:100%;}
.d-contents-box li{font-size: 1.4rem;line-height:1.6;}
.d-contents-box li.left-img-35{width:35%;float:left;}
.d-contents-box li.left-text-60{width:60%;float:left;}
.d-contents-box li.right-img-35{width:35%;float:right;}
.d-contents-box li.right-text-60{width:60%;float:right;}
.d-contents-box li img{width:100%;}
.d-contents-lede-copy {font-size: 3.0rem;line-height:1.8;}
.d-contents-lede-desc {font-size: 1.4rem;padding-top:0em;line-height:1.6;  }
.d-contents-lede-desc h2{font-size: 2.6rem;}
.d-contents-lede-desc2 {font-size: 1.8rem;padding:1em .5em 1em;line-height:1.8s; text-align:center;}
.d-contents-lede-desc2 h2{font-weight:bold;font-size: 2.6rem;	margin-bottom:.4em;}
.d-contents-ttl {font-size: 2.2rem;text-align:left;margin:0.5em 0 1em;line-height:1.6;}
.d-contents-ttl2 {font-size: 2.2rem;text-align:left;margin:0.5em 0 1em;line-height:1.6;}

@media screen and (min-width: 1440px) {
.d-contents-box li{font-size: 1.6rem;line-height:1.7;}
.d-contents-ttl {font-size: 2.6rem;}

.topics-sec{padding-top:4.5em;}
}

/*knowledge
------------------------------------------- */
.knowledge-list-block {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.knowledge-list-main {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.knowledge-list-cat-block {
  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;
}
.knowledge-list-cat-box {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.knowledge-list-clip {
  width: 20%;
}
.knowledge-list-ex {
  width: 77%;
  font-weight: normal;
  font-size:1.4rem;
}
.knowledge-sub {
  -webkit-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
}
.knowledge-bnr {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.knowledge-bnr li {
  width: 100%;
}
.knowledge-bnr li:not(:last-child) {
  margin-bottom: 2.5rem;
}
.knowledge-list-cat-pack {
  align-items: start;
}
.knowledge-ttl {
  font-size:2.0rem;
  font-weight:bold;
  margin-bottom:.5em;
}
.knowledgepost-ttl {
  font-size:3.0rem;
  font-weight:bold;
  text-align:center;
  margin-bottom:1em;
  padding-top:1em;
}
.knowledgepost-text {
  font-size:1.6rem;
  padding:1em 0em 1em;
  margin-bottom:2em;
-webkit-text-size-adjust: 100%;
  line-height:1.8;
}
.knowledgepost-text h2{
  font-size:2.2rem;
  line-height:1.5;
	}

/* lesson note
------------------------------------------- */
.note-page-head {
  height: 450px;
}
.b-note-head {
  background-image: url(../img/note/note-head-bg-pc.jpg);
}
.b-note-head-ikebukuro {
  background-image: url(../img/note/note-head-ikebukuro-bg-pc.jpg);
}
.b-note-head-toritsudai {
  background-image: url(../img/note/note-head-toritsudai-bg-pc.jpg);
}
.b-note-head-shinjuku {
  background-image: url(../img/note/note-head-shinjuku-bg-pc.jpg);
}
.b-note-head-shinjuku2 {
  background-image: url(../img/note/note-head-shinjuku2-bg-pc.jpg);
}
.b-note-head-akihabara {
  background-image: url(../img/note/note-head-akihabara-bg-pc.jpg);
}
.b-note-head-ebisu {
  background-image: url(../img/note/note-head-ebisu-bg-pc.jpg);
}
.note-ttl{
  font-size: 2.1rem;
  margin:1em 0 2em;
}
.blog-baner-box {
  max-width:100%;
}
.blog-baner-box li {
  width:47%;
  float:left ;
  margin-bottom:4em;
  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-box li:nth-child(even) {
  float:right ;
}

.blog-head-ttl {
  font-size: 3.2rem;
  padding:.1em 0;
}
.blog-head-ttl .en {
 font-weight:300;
}
.blog-head-ttl .jp {
  font-size: 1.6rem;
}

.bloglist {
  width:70%;
  float:right;
}
.bloglist li{
  border:4px solid #eee;
  padding:2em 2.5em;
}
.bloglist li:first-child {
  padding:2em 2.5em;
}
.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-text {
  font-size:1.4rem;
  line-height:1.5;
}


.blog-studio-block {
  display: block;
  width:100%;
}
.blog-studio-box {
  width:46%;
  margin:0 2% 4%;
  float:left;
}
.blog-studio-box:not(:last-child) {
  margin:0 2% 4%;
}
.blog-studio-box .inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blog-studio-head,
.blog-studio-info {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.blog-studio-sub {
  padding: 0 3%;
}
.blog-studio-head {
  margin-bottom: 0.6rem;
}
.blog-studio-name {
  margin-bottom: 1.2rem;
  padding:1em 0;
}
.blog-studio-name .en {
  font-size: 2.6rem;
  display: inline;
}
.blog-studio-name .ja {
  font-size: 1.4rem;
  display: inline;
  padding-left:1em;
}
.blog-studio-info li a {
  padding: .4rem 10px .8rem;
  text-align: left;
}
.blog-st-ico {
  font-size: 1.4rem;
}
.blog-studio-info li a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}

/* lesson note post
------------------------------------------- */
.blogpost-box {
  width:70%;
  float:right;
  border:4px solid #eee;
  padding:2em 2.5em;
}
.blogpost-date {
  font-size:3.5rem;
}
.blogpost-ttl {
  font-size:2.4rem;
}
.category-school-box {
  width:25%;
  float:left;
  padding:0;
}
.blog-category-ttl {
  margin-bottom:.3em;
  text-align:left;
}
.blog-category-text {
  margin-bottom:2em;
  text-align:left;
}
.blog-category-list li a, .blogpost-school-link li a{
  font-weight:bold;
}

/* lesson Report
------------------------------------------- */
.report-page-head {
  height: 450px;
}
.b-report-head {
  background-image: url(../img/report/report-head-bg-pc.jpg);
}
.report-ttl{
  font-size: 2.4rem;
  text-align: center;
  margin:1.5em 0 .4em;
  color:#FC79AF;
}
.report-ttl2{
  font-size: 3.0rem;
}
.report-lead-desc {
  padding:0 8em 3em;
  border-bottom:1px dashed #ccc;
  margin-bottom:2em;
}
.report-lead-desc p{
  font-size: 1.6rem;
  line-height:1.7;
  margin-bottom:0em;
  float:right;
  width:67%;
}
.report-lead-desc img{
  width:30%;
  display:block;
  float:left;
}

.report-list-sec h2 {
  margin-top:2em;
}
.report-list-sec li {
  float:left;
  width:20%;
  margin:0 2.5% 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:left;
  width:20%;
}
.report-list-ttl {
  margin-bottom:.4em;
}
.report-name {
  margin-bottom:1em;
}
.mb3em {
  margin-bottom:3em;
}


/* lesson Report Post
------------------------------------------- */
.reportpost-wrap {
  width:70%;
  float:right;
}
.reportpost-box {
  border:4px solid #eee;
  padding:2em 2.5em;
}
.reportpost-koumoku {
  font-size:3.2rem;
  text-align:left;
}
.reportpost-ttl {
  font-size:2.0rem;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:.8em;
  color:#FC79AF;
}
.reportpost-ttl2 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin:0em 0 .4em;
  line-height:1.6;
  color:#FC79AF;
}
.reportpost-name {
  font-size:1.4rem;
}

.report-trial {
  padding: 0em 3% 3em;
  margin: 1em 0 2em;
  border-bottom:none;
}

.latestpost-box {
  width:22%;
  float:left;
  padding:0;
}
.latestpost-ttl {
  margin-top:0em;
  text-align:left;
}
.latestpost-text {
  text-align:left;
}
.report-latestpost-sec li {
  float:none;
  width:100%;
  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:none;
  width:100%;
}
.report-latestpost-ttl {
  margin-bottom:.3em;
}
.report-latestpost-ttl {
  color:#FC79AF !important;
  font-weight:normal;
  font-size:1.4rem;
  line-height:1.4;
}

/* company
------------------------------------------- */
.company-info{
  margin:3em 0;
}
.company-info dl {
  width:97%;
  border-bottom:1px dotted #CCCCCC;
  padding:1em 0;
  margin:0 1.5%;
}
.company-info dt {
  text-align:left;
  font-weight:bold;
  margin-bottom:0em;
  clear: left;
  float: left;
  width:15%;
}
.company-info dd {
  text-align:left;
}
.company-info dd span{
  display:inline;
}

.brandtop_box{
  width:100%;
  height:25px;
  margin-bottom:2em;
  margin-left:1.5%;
}
.pickupbox ul{
  width:100%;
}
.pickupbox li{
  width:22%;
  margin:0 1.5% 40px;
  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:left;
}
.brandimage img{
  width:100%;
  overflow:hidden;
}
.pickup_text{
  width:100%;
  font-size:1.2rem;
  padding:1em 1em 0em;
}
.br_web_btn{
  width:60%;
  background-color:#000;
  position:absolute;
  right:0;
  bottom:0;
  text-align:center;
  font-size:1.1rem;
  font-weight:normal;
  padding:0em;
}
.br_web_btn a{
  color:#fff;
  display:block;
  padding:.4em 0;
}
.br_web_btn a:hover{
  color:#fff;
  background-color:#ee0000;
  display:block;
  padding:.4em 0;
}
.br_web_btn i{
  padding-left:.5em;
}

/* Sitemap
------------------------------------------- */
.sitemap-block {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:0 0 0 10%;
  width:100%;
}
.sitemap-box {
  -webkit-flex-basis: 33%;
  -ms-flex-basis: 33%;
  flex-basis: 33%;
  text-align:left;
  width:33%;
  margin-bottom: 0rem;
}

.r-box{
  width:28%;
  float:none;
}

.sitemap-lede-desc {
  font-size: 1.6rem;
}
.sitemap-sec:not(:last-child) {
  margin-bottom: 3rem;
}
.sitemap-sec-ttl {
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom:.5em;
}
.sitemap-list li {
  position: relative;
  font-size: 1.6rem;
  line-height:1.9;
}
.sitemap-list li a {
  color: #dd0000;
}
.sitemap-list li a:hover {
  text-decoration: underline;
}


/* variation
------------------------------------------- */
.variation-page-head {
  height: 450px;
}
.b-variation-head {
  background-image: url(../img/variation/variation-head-bg-pc.jpg);
}
.variation-lede-desc {
  margin-bottom: 4rem;
}
.variation-lede-desc li {
  margin-bottom: 0.5rem;
}
.variation-wrap {
  padding:0rem 0 1rem;
}
.variation-sec-ttl .en{
  padding-right:.2em;
  font-weight:normal;
}
.variation-sec-ttl .ja{
  display:inline;
}
.variation-box {
  width:100%;
  padding:1rem 0 0rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.variation-box li{
  width:48.5%;
  padding:2em;
  /* float:right; */
  border-bottom:none;
  box-shadow:0px 0px 15px #ccc;
  -moz-box-shadow:0px 0px 15px #ccc;
  -webkit-box-shadow:0px 0px 15px #ccc;
  margin-bottom:2em;
}
/* .variation-box li:nth-child(even){
  float:left;
} */
.variation-list {
  margin-bottom:2em;
}
.variation-detail {
  padding:1.0em 0 0.2em;
}
.variation-dancer {
  font-size:2.2rem;
  font-weight:bold;
  line-height:1.4;
}
.variation-dancer span{
  font-size:1.4rem;
  padding-left:.2em;
}
.variation-timeplace {
  font-size:1.3rem;
}
.variation-number {
  font-size:1.3rem;
}
.variation-timeplace .exp-btn {
  font-size: 1.4rem;
  font-weight:normal;
}


/* 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:2.6em;
  font-weight:normal;
}
.v-inst-sec-ttl .ja{
  display:inline;
  font-size:2.0em;
}
.v-inst-col-a {
  float: right;
  width: 47%;
}
.v-inst-col-b {
  float: left;
  width: 47%;
}
.v-inst-col-c {
  float: left;
  width: 47%;
}
.v-inst-col-d {
  float: right;
  width: 47%;
}
.v-inst-sec {
  margin-bottom: 4rem;
}
.v-inst-cover {
  max-width: 400px;
  margin:0 auto 2em;
}
.v-inst-cover img {
  display:block;
  margin:0 auto 0;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);
  border:6px solid #fff;
}
.v-inst-main {
  font-size: 1.6rem;
   padding: 0 3%;
}
.v-inst-lede dl {
  text-align:left;
  font-size: 2rem;
  margin-bottom: 4rem;
  padding-left:1%;
}
.v-inst-lede .name dt {
  font-size: 2.0rem;
  margin-bottom:0;
}
.v-inst-lede .name dd {
  font-size: 4rem;
}
.v-inst-lede .name dd span{
  font-size: 2.6rem;
}
.v-inst-coat-ttl {
  margin-bottom: .8em;
  color: #CCAA60;
  text-align:left;
  padding-left:2%;
  font-size: 1.6rem;
}
.v-inst-coat-desc {
  margin-bottom: 1.5em;
  padding:0 0 0 2%;
  font-size: 1.8rem;
  font-weight:bold;
  text-align:left;
}
.v-inst-coat-desc2 {
  font-size: 1.6rem;
  text-align:left;
  padding:0 0 0 2%;
}
.v-inst-sec-ttl2 {
  padding: .8em 0;
  margin-bottom: 1.4rem;
  color: #333;
  font-size: 1.6rem;
  text-align: center;
  background-color: #ededed;
}
.v-inst-prof-info  {
  font-size:1.7rem;
  font-weight:bold;
  text-align: center;
  border:1px solid #ccc;
  padding:1.5em 1em 1em;
  margin-bottom: 0rem;
}
.v-inst-prof-info .exp-btn {
  font-weight:normal;
}

.v-inst-prof-info2 p {
  font-size:1.4rem;
  line-height:1.5;
  border:1px solid #ccc;
  padding:1em;
  margin-bottom: 0rem;
}

/* recruit top
------------------------------------------- */
.recruit-page-head {
  height: 450px;
}
.b-recruit-head {
  background-image: url(../img/recruit/recruit-head-bg-pc.jpg);
}
.recruit-box a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
}
.recruit-catch-ttl{
  font-size:2.4rem;
  font-weight:bold;
  text-align:center;
}
.recruit-catch-textbox {
  font-size:1.6rem;
  line-height:1.6;
}
.r-catch-text {
  margin-bottom:3.0rem;
}
.companybt{
  margin-bottom:3.0rem;
}

/* recruit company
------------------------------------------- */
.recruit-companyinfo a{
  padding-left:1em;
}
.recruit-companyinfo dt {
  width:15%;
}

/* recruit detail
------------------------------------------- */
.recruit-svbox-1 {
  width:960px;
  height:570px;
  padding-top:0;
  background-image: url(../img/recruit/recruit-svback-1-pc.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  position:relative;
  margin-bottom:40px;
}
.recruit-svbox-2 {
  width:960px;
  height:570px;
  padding-top:0;
  background-image: url(../img/recruit/recruit-svback-2-pc.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  position:relative;
  margin-bottom:50px;
}
.recruit-svtext-right {
  color:#000000;
  font-size:1.4rem;
  border:1px solid #DDD;
  padding:1em;
  position:absolute;
  top:30px;
  right:30px;
  width:520px;
  height:500px;
  background-color:rgba( 255, 255, 255, 0.9);
  overflow:hidden;
  padding:2em;
}
.recruit-svtitle {
  padding-bottom:0.2rem;
  border-left:7px solid #dd0000;;
  border-bottom:1px dashed #dd0000;;
  margin-bottom:.5em;
  font-size:2.4rem;
}
.recruit-katagaki {
  font-size:1.4rem;
  padding-left:0.9em;
}
.recruit-staff-name {
  font-size:1.8rem;
  font-weight:bold;
  padding-left:0.7em;
}
.recruit-staff-name-en {
  font-size:1.2rem;
  color:#777;
  font-weight:normal;
  padding-left:0.5em;
}
.recruit-svtext-right p {
  line-height:1.6;
}

.recruit-workphoto {
  margin-bottom:2em;
}
.recruit-workphoto li{
  max-width:189px;
  margin-right:20px;
  padding-right:0px;
}
.recruit-workphoto li:last-child{
  margin-right:0px;
}
.recruit-workphoto li:nth-child(even){
  padding-left:0em;
}
.recruit-workphoto li img{
  max-width:225px;
}
.recruit-workphoto li p{
  line-height: 1.4;
}

.recruit-otherworks {
  margin-bottom:3em;
}
.recruit-otherworks li{
  width:49%;
  float:left;
  font-size:1.4rem;
  padding:2em;
  margin-bottom:1.5em;
  border:1px solid #999;

}
.recruit-career li{
  width:49%;
  float:left;
  font-size:1.4rem;
  padding:2em;
  margin-bottom:1.5em;

}
.recruit-otherworks li:nth-child(even){
  float:right;
}
.recruit-otherworks li img{
  margin-bottom:1em;
}
.recruit-otherworks li h3{
  text-align:center;
  font-size:2.8rem;
  margin-bottom:0.5em;
  color:#3FD3BD;
}
.recruit-ow-text{
  margin-bottom:1em;
}
.recruit-infobox{
  font-size:1.4rem;
}
.recruit-app a{
  width:30%;
}
.recruit-tel{
  font-size:2.8rem;
  font-weight:bold;
  display:block;
}
.oubo{
  font-size:1.8rem;
}






}



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

/* instructor
------------------------------------------- */
.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.7rem;
}
.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;
}

.close-insta-box li{width:19%;margin-bottom:1.5em;margin: 0.5%;}
.close-insta-box li a{font-size:1.5rem;}

}

@media screen and (min-width: 1200px) {
/* branch
------------------------------------------- */
.b-photo-main .text {
  height: auto;
}
}

/* 2021.07 追加 */
.class-ttl{font-size: 2rem; margin-bottom:.5em; text-align: center;}
.class-ttl .en{font-weight:700;}
.class-ttl .ja{display: block; font-size:.6em;}

@media (min-width: 1024px){
  .class-ttl{font-size: 2.6rem; text-align: left; }
  .class-ttl .en{font-weight:700; vertical-align: middle;}
  .class-ttl .ja{display: inline; font-size:.6em;; 
    margin-left: .8rem;
  }
}


.ticket-list img {max-height: 120px;}
@media screen and (min-width: 768px) {
.ticket-list img {max-height: 200px;}
}

.variation-lede-desc{
  font-size: 1.4rem;
}

/* インストラクター ジャンル追加時修正 =============================================
==============================================================================*/
html {scroll-behavior: smooth;}
[data-href] {cursor: pointer;}
.genre-inst-detail{overflow:hidden;}

/* インストラクターページ切り替えまで表示 */
.cat-pointe,.cat-pas-de-deux,.cat-gyrokinesis,.cat-bar-lesson,.cat-variation{display: none;}
.cat-section.cat-pointe,.cat-section.cat-pas-de-deux,.cat-section.cat-gyrokinesis,.cat-section.cat-bar-lesson,.cat-section.cat-variation{display: block;}
.genre-top.cat-pointe,.genre-top.cat-pas-de-deux,.genre-top.cat-gyrokinesis,.genre-top.cat-bar-lesson,.genre-top.cat-variation{display: block;}

.genre-sec {padding: 0 0 5em;}
.genre-sec.genre-top { padding: 0;}
.cat-variation-top .genre-sec{padding: 0; margin-bottom: 6em;}

.cat-section {padding: 2em 0 0;}

.sec-ttl.genre-cat-h2{
  letter-spacing: .1em;
  margin-bottom: 2em;
  color: #5e4d37;
}
.sec-ttl.genre-cat-h2 .en{font-size: 3.2rem;}
.sec-ttl.genre-cat-h2 .ja{font-family: 'Noto Serif Japanese';font-size: 1em;}

.sec-ttl.inst-intro-ttl {
  margin: 0;
  padding-top: 2em;
}

/* Genre Navigation */
.genre-nav{
  width: 95%; margin: 0 auto; 
  text-align: center; font-weight: bold;
  padding: 0 0 1em;
}
.genre-nav-ttl{
  font-size: 1.2rem;
  padding: 0.1em 0;
  font-weight: lighter;
  color: #5e5242;
}
.genre-nav-ul{
  display: flex; justify-content: center; flex-wrap: wrap;
}
.genre-nav-ul li a{
  display: block; 
  padding: .1em .5em .1em 1.2em;
  /* border-right: 1px solid #dcdcdc; */
  position: relative;
  font-size: 1.2rem;
  /* margin-bottom: .3em; */
  color: #5e5242;
}
.genre-nav-ul li a:before{
  content: "";
  display: inline-block;
  /* background-color: #000; */
  position: relative;
  top:0;
  left: -.3em;
  width: 0;
  height: 0;
  border-top: .4em solid transparent;
  border-left: .5em solid #5e5242;
  border-bottom: .4em solid transparent;
}
.genre-nav-ul li a:hover{
  opacity: .5;
}
span.lighter{
  font-weight: lighter;
}

/* Button */
.ad-sc.genre-btn{
  margin: 20px auto;
  max-width: 480px;
  border: 1px solid #5e4d37;
}
.ad-sc.genre-btn a{
  color:#5e4d37;
  transition: background-color .6s,color .6s;
}
.ad-sc.genre-btn a:hover{
  background-color: #5e4d37;
  color:#fff;
}

/* 各ジャンルページヘッダー画像 */
.ballet-header {
  background-image: url(/assets_online/img/genre/ballet-header-sp.jpg);
}
.pointe-header {
  background-image: url(/assets_online/img/genre/pointe-header-sp.jpg);
}
.gyrokinesis-header {
  background-image: url(/assets_online/img/genre/gyrokinesis-header-sp.jpg);
}
.pas-de-deux-header {
  background-image: url(/assets_online/img/genre/pas-de-deux-header-sp.jpg);
  background-position: center;
}
.bar-lesson-header{
  background-image: url(/assets_online/img/genre/bar-lesson-header-sp.jpg);
}

/* 各ジャンル内容切り替えボタン */
.class-btn-ul{
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0 auto 3em;
  /* max-width: 600px; */
}
.class-btn-li{
  width: 50%;
}
.class-btn{
  display: block;
  width: 100%;
  /* background-color: #5e4d37;; */
  color: #8f7d65;
  padding: .6em 0 .5em;
  border-bottom: 1px solid #8f7d65;
  border-radius: 8px 8px 0 0;
  line-height: 1.4;
  transition:background-color .5s,color .5s;
}
.class-btn.act,.class-btn:hover{
  color: #fff;
  background-color: #8f7d65;
}
.class-btn:hover{
  opacity:.8;
}

/* ジャンル ヒストリ ページ用 */
.history-wrap{
  padding: 2em 0;
  border-bottom: 1px solid #CCC;
}
.history-h2{
  margin: 2em 0 0;
}
.history-img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.history-text-h3{
  font-size: 1.6rem;
  font-weight:700;
  color: #333;
  margin: .8em 0 .5em;
  text-align: center;
}

@media (min-width: 768px) {
  .genre-inst-box {width: 30%;}
  .genre-nav{
    width: 80%;
  }

  br.sp{display: none;}
  .class-btn-ul{
    margin: 0 auto 4em;
  }
  .class-btn{
    font-size: 1.4rem;
    padding: .8em 0 .7em;
  }

  .history-text-h3{
    font-size: 2rem;
  }
  
}/* end */

@media (min-width: 1024px) {
  .genre-inst-box {width: 23%;}
  .genre-inst-list:before{content:"";display: block;width:22%;order:1;}
  .genre-inst-list:after{content:"";display: block;width:22%;}
  .cat-section{padding: 3em 0 0;}

  .sec-ttl.genre-cat-h2 .en{
    font-size: 4.2rem;
  }
  .sec-ttl.genre-cat-h2 .ja{
    font-size: 1.3em;
  }
  .sec-ttl.inst-intro-ttl {
    padding-top: 3em;
  }
  .sec-ttl.inst-intro-ttl .en{
    font-size: 2.8em;
  }

  .genre-nav{
    padding: 0 0 2em;
  }
  .genre-nav-ul li a{
    font-size: 1.3rem;
  }

  /* 各ジャンルページヘッダー画像 */
  .ballet-header {
    background-image: url(/assets_online/img/genre/ballet-header-pc.jpg);
  }
  .pas-de-deux-header {
    background-image: url(/assets_online/img/genre/pas-de-deux-header-pc.jpg);
  }
  .gyrokinesis-header {
    background-image: url(/assets_online/img/genre/gyrokinesis-header-pc.jpg);
  }
  .bar-lesson-header{
    background-image: url(/assets_online/img/genre/bar-lesson-header-pc.jpg);
    background-position: center;
  }
  .pointe-header{
    background-image: url(/assets_online/img/genre/pointe-header-pc.jpg);
  }

  .history-wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 4em;
  }
  .history-wrap.reverse{
    flex-direction:row-reverse;
  }
  .history-img-box,.history-text{
    width: 48%;
  }
  .history-text-h3{
    font-size: 1.8rem;
    margin: 0 0 .5em;
    text-align: left;
  }
  .history-text-p{
    font-size: 1.4rem;
  }
}/* end */

@media (min-width: 1440px) {
  .genre-inst-box {width: 18%;}
  .genre-inst-list:before{width:18%;}
  .genre-inst-list:after{width:18%;}
}/* end */