@charset "UTF-8";

/*============================================

  ex-pc.css

============================================*/

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

/* header
------------------------------------------- */
.s-menu-navi li {
  padding-left: 10px;
}
.s-menu-navi li:not(:last-child) {
  margin-right: 10px;
}
.s-menu-ttl {
  font-size: 1.6rem;
}
.s-menu-num {
  font-size: 1.4rem;
}


/* particles
------------------------------------------- */
.wrap {
  width: 80%;
}
.r-over:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
.sec-ttl .en {
  font-size: 3.4rem;
  letter-spacing:1px;  
}
.sec-ttl .ja {
  font-size: 1.6rem;
}
.s-sec-ttl .en {
  font-size: 4.0rem;
  letter-spacing:1px;
}
.induct-btn {
  font-size: 1.6rem;
}

/* contents
------------------------------------------- */
.inst-main .wrap {
  padding: 0;
}

/* footer
------------------------------------------- */
.foot-lede-desc {
  font-size: 1.2rem;
}
.fnavi-sec-ttl {
  font-size: 1.4rem;
}
.fnavi-list li {
  font-size: 1.2rem;
}
.foot-lede {

}


/* home
------------------------------------------- */
.kv-copy {
  font-size: 1.1rem;
}
.feature-head {
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  align-items: end;
}
.feature-ttl {
  margin-bottom: 0;
  -webkit-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
  align-items: center;
}
.feature-clip {
  -webkit-flex-basis: 56%;
  -ms-flex-basis: 56%;
  flex-basis: 56%;
}
.f-point-txt .num {
  font-size: 2.4rem;
}
.feature-lede {
  font-size: 1.4rem;
}
.feature-desc {
  font-size: 1.4rem;
}
.feature-sub-write {
  font-size: 1.2rem;
}
.studio-sub {
  padding: 0 10%;
}
.studio-name .en {
  font-size: 3rem;
  padding-bottom:.2em;
}
.studio-name .ja {
  font-size: 1.6rem;
}
.studio-sub li {
  font-size: 1.8rem;
}
.news-tab {
  margin-bottom: 4rem;
}
.news-tab li {
  font-size: 1.6rem;
}
.news-ex {
  font-size: 1.4rem;
}
.news-cat-block {
  margin-bottom: 1.5rem;
}
.genre-name {
  font-size: 1.8rem;
}
.genre-desc {
  font-size: 1.4rem;
}
.sns-ttl {
  font-size: 3.6rem;
}
	
/* aboutus
------------------------------------------- */
.aboutus-lede-txt {
  font-size: 2.6rem;
}
.about-sec-ttl {
  font-size: 4.2rem;
  margin-bottom:.7em;
}
.about-sec-h {
  font-size: 2.0rem;
}
.about-sec-desc {
  font-size: 1.6rem;
}
.about-sec-clip {
  margin-bottom: 4rem;
}
.school-link li {
  font-size: 1.8rem;
}

/* system
------------------------------------------- */
.system-ttl {
  font-size: 3.5rem;
}
.system-view-copy {
  margin-bottom: 1.6rem;
  font-size: 2.2rem;
}
.system-view-copy span {
  font-size: 3.6rem;
}
.system-view-desc {
  font-size: 1.8rem;
}
.price-table {
  margin-bottom: 6rem;
}
.price-table thead th  {
  font-size: 2rem;
}
.price-table table {
  font-size: 1.8rem;
}
.price-table {
  font-size: 1.4rem;
}
.entry-price-table .up {
  font-size: 1.6rem;
}
.tb-s {
  font-size: 1.8rem;
}
.price-atc-list {
  margin-bottom: 3rem;
}
.price-atc-list li {
  font-size: 1.8rem;
}
.different-sec-ttl {
  font-size: 3rem;
}
.system-view-box {
  background-size: 120px 120px;
  margin-bottom: 3rem;
  padding-top: 150px;
}
.system-lede-desc {
  font-size: 1.8rem;
}
.other-sch-link li {
  font-size: 1.6rem;
}
.tb-br {
  display: inline;
}
.tb-xs {
  font-size: 1.8rem;
}
.academy-table .tb-class,
.other-table .tb-class {
  font-size: 1.6rem;
}


/* schedule
------------------------------------------- */
.ginza-sc-page-head .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.toritsudai-sc-page-head .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.shinjuku-sc-page-head .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.akihabara-sc-page-head .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.nakameguro-sc-page-head .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}


.ginza-sc-page-head2 .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.toritsudai-sc-page-head2 .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.shinjuku-sc-page-head2 .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.akihabara-sc-page-head2 .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.nakameguro-sc-page-head2 .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}
.komazawa-sc-page-head2 .page-head-sub {
  margin: 1rem auto 0;
  width: 80%;
}

.ginza-sc-page-head,.toritsudai-sc-page-head,.shinjuku-sc-page-head,.akihabara-sc-page-head,.nakameguro-sc-page-head,.komazawa-sc-page-head {
  padding: 0;
}
.hd-sch-lede {
  font-size: 1.8rem;
}
.hd-sch-lede .sub {
  font-size: 1.4rem;
}
.hd-sch-box {
  font-size: 1.4rem;
}
.link-branch-btn {
  font-size: 1.6rem;
}
.expand-menu li {
  font-size: 1.8rem;
}
.recept-table .dial {
  font-size: 2.2rem;
}
.sch-ex-ttl {
  font-size: 2rem;
}
.sch-cat-list li {
  font-size: 1.4rem;
}
.type-tab li {
  font-size: 2.2rem;
}
.youbi-type-cnt .class .class-sub li {
   font-size: 1.5rem;
}
.studio-type-cnt .class .class-sub li {
  font-size: 1.2rem;
}
.studio-type-cnt .class .class-sub li span {
  display: block;
}
.youbi-type-cnt .class .class-sub ul {
  padding: 5px 10%;
}
.class-view th, .class-view td {
  font-size: 1.6rem;
}
.schedule-foot-desc {
  font-size: 1.4rem;
}

/* trial
------------------------------------------- */
.form-main .wrap {
  padding: 0;
}


/* webentry
------------------------------------------- */
.pc-tac {
  text-align: center;
}
.m-step-txt {
  font-size: 1.8rem;
}
.sub-sec-ttl {
  font-size: 3rem;
}


/* branch
------------------------------------------- */
.branch-lede-copy {
  font-size: 3.2rem;
}
.branch-lede .text {
  font-size: 2rem;
}
.b-photo-ttl {
  font-size: 3.2rem;
}
.ad-time {
  font-size: 1.6rem;
}
.ad-detail {
  font-size: 2rem;
}
.ad-pickup {
  font-size: 1.8rem;
}
.b-photo-main .text {
  font-size: 1.4rem;
}

/* 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.5rem;
}
.inst-sub-ttl {
  font-size: 3.2rem;
}
.inst-sg-list li {
  margin-bottom: 2rem;
  width: 15%;
}
.inst-page-aside .n-st-desc {
  font-size: 1.4rem;
}

.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%;
}

/* genre
------------------------------------------- */
.genre-lede-scat li {
  font-size: 1.6rem;
}
.genre-inst-detail {
  background-color: rgba(29, 192, 202, 0.6);
  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(29, 192, 202, 0.6);
  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: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}
.genre-inst-box a:hover .genre-inst-detail {
  opacity: 1;
}
.note-btn {
  font-size: 1.6rem;
}
.genre-inst-box .name {
  font-size: 1.8rem;
}
.genre-lede-links li {
  font-size: 1.6rem;
}
.genre-lede-links li a {
  padding: 1em 0;
}
.genre-lede-links li .arw {
  background-image: none;
}
.genre-lede-links {
  margin-bottom: 2rem;
}
.genre-lede-desc {
  font-size: 1.8rem;
}
.genre-inst-list {
  padding: 3em 0;
}
.genre-inst-box {
  font-size: 1.2rem;
}

}

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

/* branch
------------------------------------------- */
.b-photo-main .text {
  height: auto;
}


}