@charset "UTF-8";

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

  ex-tb.css

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

@media screen and (min-width: 375px) {
.sp-header .s-menu-navi li {
  font-size: 1.5rem;
}
.news-tab li {
  font-size: 1.3rem;
}
.genre-inst-box {
  font-size: 1rem;
}
.sch-cat-list li {
  font-size: 1.1rem;
}
.class-main .p-info .cat {
  font-size: 1rem;
}
.dif-price-table table {
  font-size: .9rem;
}

}




@media screen and (min-width: 899px) {
.sp-hide {display: none;}
/* particles
------------------------------------------- */
.sec-ttl {
  padding-top: 20px;
  /*margin-bottom: 30px;*/
  margin-bottom: 11px!important;
}
.sec-ttl .en {
  font-size: 4.2rem;
}
.sec-ttl .ja {
  display: block;
  font-size: 1.8rem;
  margin-left: 0;
}
.s-sec-ttl .en {
  font-size: 4.2rem;
}
.b-sec-ttl .en {
  font-size: 2.8rem;
}
.induct {
  text-align: center;
}
.induct-btn {
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.6rem 60px;
}
.repo-induct-btn {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1rem;
  text-align:center;
}
.wide-btn {
  padding: .6em 0;
}
.second-btn {
width:45%;
position: static;
font-size: 2rem;
}
.third-btn {
  font-size: 3.0rem;
  padding: 0;
  width: 490px;
  margin: 0  auto 56px;
  height: 80px;
  line-height: 80px;
}
.fourth-btn {
  font-size: 1.8rem;
  background-size: 8px auto;
  border-radius: 20px;
  width:60%; 
}

.sec-lede-desc p {
  margin-bottom: 2rem;
  font-size: 1.7rem;  
  line-height:1.6;
}

/* contents
------------------------------------------- */
body{

 height: 100%;
}
.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: 3.3rem;
}
.page-head-ttl .en {
  letter-spacing:1px;  
  font-size: 4.5rem;  
}
.page-head-ttl .ja {
  font-size: 1.6rem;
}
.breadcrumb ul {
  padding: 1em 0;
  margin-bottom: 3em;  
}
.breadcrumb li {
  font-size: 1.2rem;
}
.breadcrumbs ol {
}
.breadcrumbs {
}
.sp-wrap {
  padding: 0;
}



/* home
------------------------------------------- */

/* mainimg ///////////////////////////////////*/
.kv {
    display: block;
    position: relative;
}
.kv-copy {
  top: auto;
  bottom: 3.5%;
}
.kv-copy .kv-copy-txt {
  padding: 0.4rem .5rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: 1.5rem;
  border-radius: 0;
  border: none;
}

	
.sp-no{display:none;}	
.contents-ticket {
  margin-top:2em;
}
.top-banner-list .slick-dots {
  bottom: -30px;
}
.top-banner .slick-dots li {
  height: 16px;
  width: 16px;
}
.top-banner .slick-dots li button {
  height: 16px;
  width: 16px;
}
.top-banner .slick-dots li button::before {
  background-color: #555;
  border-radius: 16px;
  content: "";
  height: 16px;
  width: 16px;
}
.top-banner .slick-dots {
  bottom: -43px;
}
.top-banner {
  margin-bottom: 0;
}

.top_corona_banner{margin: .8em 17% 1em;}	
	
.top_voicetraining_banner{margin: 3em 13% 2em;}
	
iframe {width:560px;height:315px;margin: 2em auto 2em;}	
	
/* toppage-artist ///////////////////////////////////*/

.artist-main {
  padding: 0;
}
.artist-sec{
  position: relative;
  margin-top:1em;
}
.artist-sec .btnArea {
    position: absolute;
    top: 20px;
    right: 0;
}
.artist-block.large {
  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: center;
  justify-content: center;
  margin-bottom: 25px;
}
.little_desc {
  position: absolute;
  right: 7.5%;
  bottom: 0;  
  font-size: 1.2rem;
  line-height: 1.5;
}
.large .artist-box {
    width: 31%;
    margin-bottom: 20px;
    max-width: inherit;
}
.large .artist-box:nth-child(4) {margin-left:17.8%;}
.large .artist-box:nth-child(5) {margin-right:17.8%;}	
.artist-box-row {
  display: block;
  padding: 15px 0 10px;
}
.large .artist-box .name {
    display: block;
    width: auto;
    font-size: 5.0rem;
    line-height: 1.2;
}
.large .artist-box .lead {
  display: block;
  width: auto;
  font-size: 2.3rem;
}
.artist-box .bottom {
  font-size: 2rem;
}
.artist-block.short {
  width: 75%;
  margin: 0 auto;
}
.short .artist-box .name {
font-size: 2.6rem;
}
.short .artist-box .name {
font-size: 2.6rem;
}
.short .artist-box .bottom {
  font-size: 1.2rem;
}
.artist-block.short .artist-box {
  width: 24%;
  margin-bottom: 0;
}

/* toppage-feature ///////////////////////////////////*/

.feature-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;
  margin-bottom: 0;
}
.feature-box {
  -webkit-flex-basis: 23%;
  -ms-flex-basis: 23%;
  flex-basis: 23%;
  margin-bottom: 0;
}
.feature-box:not(:last-child) {
  padding: 0;
  border-bottom: none;
}
.feature-box:last-child {
  padding-top: 0rem;
}
.feature-head {
  display: block;
}
.feature-ttl {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 1rem;
}
.feature-clip {
  margin-bottom: 20px;
}
.feature-box.first .feature-clip {
margin-bottom: 20px;
}
.feature-desc {
  font-size: 1.2rem;
}
.feature-sub {
    background-size: auto;
    background-position: top -10px right;
    padding: 20px 0;
}
.feature-sub-write {
  float:none;
  width:auto;
  padding-top:0em;
  margin-bottom:0em;
  font-size: 1.2rem;
}
.feature-sub-button {
  float:right;
  width:25%;
  margin-bottom:0em;
}
.feature-sec {
  position: relative;
}
.feature-sec .btnArea {
    position: absolute;
    top: 20px;
    right: 0;
}
.feature-box.first .f-point, .f-point {
    width: 47px;
    height: 47px;
}
.feature-box .f-point-txt,
.feature-box.first .f-point-txt {
  width: 47px;
  height: 47px;
  padding-top: .4em;
}
.feature-box .f-point-txt .pre,
.feature-box.first .f-point-txt .pre {
    font-size: .8rem;
    font-weight: normal;
    text-indent: 2px;
padding-top:0;
}
.feature-box .f-point-txt .num,
.feature-box.first .f-point-txt .num {
    display: block;
    line-height: 2rem;
    font-size: 2.4rem;
    font-weight: normal;
}
.feature-box .feature-lede,
.feature-box.first  .feature-lede{
  line-height: 1.4;
  font-size: 2.0rem;
  font-weight: bold;
  color: #D4145A;
  text-align: center;
  margin-bottom: .5em;
}

/* toppage-studio ///////////////////////////////////*/

.studio-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;
  margin-bottom: 3em;  
}
.studio-box {
  -webkit-flex-basis: 19%;
  -ms-flex-basis: 19%;
  flex-basis: 19%;
  border-top: none;
  border-left: none;
}
.studio-box:not(:last-child) {
  margin: 0;
}
.studio-box .inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.studio-head,
.studio-info {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.studio-sub {
  padding: 0 3%;
}
.studio-head {
  margin-bottom: 0.6rem;
}
.studio-name {
  margin-bottom: 1.2rem;
}
.studio-name .en {
  font-size: 1.6rem;
}
.studio-info-inner {
  padding: 10px 10px 5px;
}
.studio-info li a {
  padding: .8rem 10px;
}
.studio-info li a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
	
.studio-box .btnArea{
  padding:5px 3px 4px 0px!important;
}
.studio-box .line-btnArea {
  padding:5px 0px 4px 2px!important;
}
.ac-btn {
  padding: 30px 0 0 0;
  font-size: 10px!important;
}	
.ac-btn::after {
  width: 18px;
  height: 35px;
  top: 10%;
  left: 50%;
  transform: translate(-50%,-0%);
  background-size: 18px;
}
.line-btn {
  padding: 30px 0 0 0;
  font-size: 10px!important;
}	
.line-btn::after {
  width: 22px;
  height: 35px;
  top: 10%;
  left: 50%;
  transform: translate(-50%,-0%);
  background-size: 22px;
}


/* toppage-news ///////////////////////////////////*/

.news-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;
}
.news-main {
  -webkit-flex-basis: 75%;
  -ms-flex-basis: 75%;
  flex-basis: 75%;
}
.news-tab {
  margin-bottom: 2rem;
}
.news-tab li {
  font-size: 1.3rem;
}
.news-tab li span{
  display:inline;
}
.news-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;
}
.news-cat-box {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}
.news-cat-box:nth-child(odd) .inner {
  padding-right: 30px;
  background-image: url(../img/common/v-b-dotted.png);
  background-repeat: repeat-y;
  background-position: 100% 0;
  background-size: 1px 3px;
}
.news-cat-box:nth-child(even) .inner {
  padding-left: 30px;
}
.news-clip {
  width: 30%;
}
.news-ex {
  width: 63%;
  font-weight: normal;
}
.news-sub {
  -webkit-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
}
.news-hol {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-hol li {
  width: 100%;
  margin-bottom: 29px;
}
.news-main .news-ver {
  max-width: inherit;
  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;
}
.news-main .news-ver li {
  width: 48%;
}
.news-sec {
  position: relative;
}
.news-main .btnArea {
  position: absolute;
  top: 20px;
  right: 0;
}
.news-bnr {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-bnr li {
  width: 100%;
}
.news-bnr li:not(:last-child) {
  margin-bottom: 3.5rem;
}
.news-cat-pack {
  align-items: start;
}
.news-ver li.center img{
  width:100%;
  display:block;
}

/* toppage-audition ///////////////////////////////////*/

.audition-wrapper {
  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;
}

.clip_area {
  width: 48%;
  margin:0 0 !important;  
}
.clip_area_top {
  min-height: 257px;
}
.clip_area_top .catch {
  font-size: 2.2rem;
}
.clip_area_top .h3 {
  font-size: 2.8rem;
}
.clip_area_top p {
  font-size: 1.5rem;
  line-height: 1.4;
  padding:0 .4em;
}
.audition-block {
  width: 48%;
}
.audition-box {
  margin-bottom: 1em;
}
.audition-ttl h3 {
  font-size: 2.0rem;
}
.audition-ttl p {
  font-size: 1.5rem;
}


/* toppage-style ///////////////////////////////////*/

.genre-bg {
  background: url(../img/top/genre_bg_pc.jpg) top center no-repeat transparent;
  background-size: cover;
}
.genre-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;
}
.genre-box {
  margin-bottom: 1rem;
  width: 18%;
  border-bottom:none;
  padding:0;  
}
.genre-clip {
  float:none;
  width:100%;
  margin-bottom: 2rem;
}
.genre-text {
  float:none;
  width:100%;
  margin-bottom: 1rem;
}


/* toppage-event ///////////////////////////////////*/

.event-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;
}
.event-box {
  width: 31%;
}
.event-clip .en {
  font-size: 2.9rem;
}
.event-ttl {
  font-size: 1.4rem;
  line-height:1.6;
}

/* toppage-otherschool ///////////////////////////////////*/

.other-school-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;
}
.other-school-box {
  width: 18%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.other-school-clip {
    -webkit-flex-basis:  100%;
    -ms-flex-basis:  100%;
    flex-basis:  100%;
  width: 100%;
  margin-bottom: 16px;
}
.other-school-ttl {
    -webkit-flex-basis:  100%;
    -ms-flex-basis:  100%;
    flex-basis:  100%;
  width: 100%;
  vertical-slign:top;
}
.other-school-ttl h3 {
  font-size: 1.3rem;
  font-weight: bold;
}
.other-school-ttl p {
  font-size: 1.3rem;
}


/* toppage-sns ///////////////////////////////////*/
.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;
  width:100%;
  padding:0;    
}

.sns-box {
  width: 48%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sns-ttl {
  font-size: 3.4rem;
}
.sns-box .induct-btn {
  display: block;
}
	
	/*//// TOP-SNS ////*/	
.top-sns-box{margin:4em auto 4.5em;width:70%;}
.top-sns-box ul{padding:0 0;}
.top-sns-box li{font-size:2.5em;}




.pickup-list li .pd-profile {
  padding: 8px 10px;
}
.pg-list li {
  margin-bottom: 2rem;
  width: 24%;
}
.pickup-list .slick-dots li button {
  font-size: 1.8rem;
}
.pickup-list.slick-initialized.slick-slider.slick-dotted {
  margin-bottom: 6rem;
}
.pickup-list .slick-dots {
  bottom: -45px;
}



.genre-ttl .ja {
  font-size: 1.8rem;
  font-weight: bold;
}
.genre-ttl .en {
  font-size: 1.4rem;
}
.genre-ttl p {
  font-size: 1.3rem;
}
.audition-clip {
  -webkit-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
  margin-bottom: 15px;
}
.audition-ttl {
    -webkit-flex-basis: 52%;
    -ms-flex-basis: 52%;
    flex-basis: 52%;
}
.bottom_wrap {
  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;
}
.recommend-studio-sec {
  width: 62%;
}
.other-sec {
  width: 32%;
}
.other-sec .relate-block li {
  width: 48%;
}
.other-sec .relate-block li.other {
  width: 47%;
}
.other-sec .relate-block li.other img{
  width:95%;
  margin:0 auto;
  display:block;
}
.other-sec .relate-block li.other .relate-clip{
  margin-bottom:14px;
}
.pickup_btn {
background: url(../img/top/dia-ico.png) no-repeat left 13px top 8px transparent;
padding: 10px 10px 10px 80px;
background-size: 57px;
font-size: 2.2rem;
  line-height: 1.4;
}

.relate-block li {
  width: 23%;
}
.relate-desc {
  font-size: 1.2rem;
}
.n-st-ttl {
  font-size: 1.4rem;
}
.n-st-ttl .logo {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.n-st-ttl .logo img {
  width: 242px;
}
.n-st-ttl .txt {
  display: inline-block;
  margin-left: 30px;
}
.n-st-list {
  justify-content: center;
}
.n-st-list li {
  width: 33%;
}
.n-st-list li .n-st-cap {
  padding: 0.4rem 0;
  font-size: 1.5rem;
}
.n-st-desc {
  font-size: 1.2rem;
}
.mv-sec {
  min-height: 100px;
  margin-bottom: 3px;
}
.mv-sec .page-ttl {
    padding: 18px 0;
margin-top:-3em;
}
.mv-sec .page-ttl .ja{
font-size: 2rem;
}
.mv-sec .page-ttl .en {
    display: block;
    font-size: 5rem;
}

.mv-sec .page-ttl2 {
    padding: 18px 0;
    background: none;
}
.mv-sec .page-ttl2 .ja{
font-size: 2rem;
}
.mv-sec .page-ttl2 .en {
    display: block;
    font-size: 5rem;
}

.breadcrumb {
  padding: 0 20px 0;
  margin-bottom: 20px;
}

/* Page - audition 
------------------------------------------- */
body.page-audition .wrap {
}
body.page-audition .audition-wrapper {
  padding-top:2em;
}
body.page-audition .mv-sec {
/*  background-image: url(../img/audition/main-pc.jpg);*/
}
body.page-audition .artist-sec .sec-ttl .ja {
  font-size: 2.6rem;
  font-weight: bold;
}
body.page-audition .artist-sec .sec-ttl .ja .sp-hide {
  display: inline;
}
body.page-audition .audition-intro-sec .content-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;
  padding-top:2em;
}

body.page-audition .audition-intro-sec .content-box {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}

body.page-audition .audition-intro-sec .ais-ttl {
font-size: 4.2rem;
}
body.page-audition .audition-intro-sec .desc {
font-size: 1.8rem;
}
body.page-audition .support-sec {
/*  background-image: url(../img/audition/support_sec_bg-pc.jpg);*/
  padding:2em 0 4em;
}
body.page-audition .support-sec .clip_area_top .clip_area_ttl {
  padding: 0;
}

body.page-audition .audition-block a {
  display: block;
}
body.page-audition .news-main {
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
}
body.page-audition .news-cat-box {
    -webkit-flex-basis: 30%;
    -ms-flex-basis: 30%;
    flex-basis: 30%;
}
body.page-audition  .news-cat-box:nth-child(odd) .inner {
  background-image: none;
  padding-right: 0;
}
body.page-audition  .news-cat-box:nth-child(even) .inner {
  padding-left: 0;
}

body.page-audition .news-ex {
    padding-right: 1em;
    padding-left: 1em;
}

body.page-audition .news-main .btnArea {
  position: static;
}
body.page-audition .other-audition-sec .lead {
font-size: 1.6rem;
line-height: 1.68;
}

body.page-audition .other-audition-ttl a {
font-size: 2.4rem;
}
body.page-audition .other-audition-box .desc {
font-size: 1.6rem;
margin-top:.5em !important;
}
body.page-audition .other-audition-box {
border-bottom: dotted 1px #aaa;
padding: 40px 0;
}
body.page-audition .other-audition-sec .notice {
font-size: 1.6rem;
padding: 0 0 45px;
}
body.page-audition .other-audition-sec .caution_box {
font-size: 1.6rem;
padding: 20px;
}
body.page-audition .audition-ttl p {
  font-size: 1.6rem;
}
body.page-audition .clip_area_top p {
  font-size: 1.6rem;
}
body.page-audition .audition-ttl h3 {
  font-size: 2.2rem;
  margin-bottom:.5em;
}
body.page-audition .clip_area_top h3 {
  font-size: 3rem;
}



/* Page - showcase
------------------------------------------- */
body.page-showcase .mv-sec {
/*  background-image: url(../img/showcase/main-pc.jpg);*/
}
body.page-showcase .showcase-intro-sec .sec-ttl {
  font-size: 6.5rem;
}
body.page-showcase .showcase-intro-sec .lead {
  font-size: 3.4rem;
  margin-bottom: 50px;
}
body.page-showcase .showcase-intro-sec .content-box {
  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;
}
body.page-showcase .showcase-intro-sec .thumb {
    width: 48%;
}
body.page-showcase .showcase-intro-sec .desc {
    width: 48%;
    font-size: 2.0rem;
    line-height: 1.8;
}
body.page-showcase .showcase-debut-sec {
/*  background-image: url(../img/showcase/bg01-pc.jpg);*/
  padding: 3em 0 4em; 
  margin-bottom: 90px;  
}
body.page-showcase .showcase-debut-sec .content-box {
  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;
}

body.page-showcase .showcase-debut-sec .content-box .left {
    width: calc( 100% - 340px );
}
body.page-showcase .showcase-debut-sec .content-box .right {
    width: 340px;
    margin-top: -60px;
  height: 0;
}
body.page-showcase .showcase-debut-sec .sec-ttl {
  font-size: 3.4rem;
  text-align: left;
}
body.page-showcase .showcase-debut-sec .info {
    font-size: 2rem;
    margin-bottom: 0;
    padding-right: 32px;
  line-height: 1.6;
}
body.page-showcase .showcase-debut-sec .thumb {
  position: relative;
  bottom: inherit;
}
body.page-showcase .showcase-debut-sec .thumb::after {
  background-size: 340px;
  height: 130px;
  bottom: -130px;  
}
body.page-showcase .showcase-debut-sec .thumb img {
  max-width: 100%;
}
body.page-showcase .showcase-production-sec .sec-ttl {
  font-size: 3.2rem;
}
body.page-showcase .showcase-production-sec .lead {
  font-size: 1.8rem;
  line-height: 1.6;
}
body.page-showcase .showcase-production-sec iframe {
  width:50%;
  margin:1em auto 4em;
  text-align:center;
}	
body.page-showcase .showcase-explain-sec {
  margin-bottom: 1em;
}

body.page-showcase .showcase-explain-sec .sec-ttl{
  font-size: 3.2rem;
}
body.page-showcase .showcase-explain-sec .desc {
  font-size: 1.8rem;
  line-height: 1.6;
}
body.page-showcase .showcase-freelesson-sec .sec-ttl {
  font-size: 3.2rem;
}
body.page-showcase .showcase-freelesson-sec .lead {
  font-size: 1.8rem;
  line-height: 1.6;
}
body.page-showcase .showcase-freelesson-sec a {
  display: inline;
}
body.page-showcase .showcase-entry-sec .sec-ttl {
  font-size: 3.2rem;
}
body.page-showcase .showcase-entry-sec .lead {
  font-size: 2.4rem;
  
}
body.page-showcase .showcase-entry-sec .desc {
  font-size: 1.8rem;
  line-height: 1.6;
}
body .pc-entry-info table {
  width: 100%;
  margin-bottom: 95px;
}
body .pc-entry-info table th, body .pc-entry-info table td{display:table-cell;width:auto;}
body .pc-entry-info table th {
  background: #efefef;
  border: solid 1px #CCCCCC;
  text-align: center;
  font-weight: normal;
  padding: 10px;
  font-size: 1.7rem;
}
body .pc-entry-info table td {
  border: solid 1px #CCCCCC;
  border-right: dotted 2px #CCC;
  text-align: center;
  padding: 20px 10px;
  font-size: 1.9rem;
}
body .pc-entry-info table td .name {
  margin-bottom: 6px;
  display: block;
}
body .pc-entry-info table td .tel {
  font-size: 2.6rem;
  color: #ED1E79;
  font-weight: 400;
}
body .pc-entry-info table td:last-child {
  border-right: solid 1px #CCC;
}

body.page-showcase .audition-link {
  max-width: 540px;
  margin: 0 auto;
  box-sizing: border-box;
}
body.page-showcase .audition-link a {
  padding: 30px;
}

body.page-showcase .audition-link .thumb {
  width: 200px;
}
body.page-showcase .audition-link .lead  {
  padding-top: 27px;
  font-size: 2.8rem;
}
body.page-showcase .audition-link .lead .em {
  font-size: 3.8rem;
}

/* Page - singersongwriter
------------------------------------------- */
/*

body.page-singersongwriter .mv-sec {
  background-image: url(../img/singersongwriter/main-pc.jpg);
}
*/

/*
 Page - style
------------------------------------------- 
*/
/*
body.page-singersongwriter .singer-sec {
  background-image: url(../img/mainimg/singer-main_pc.jpg);
}
body.page-singersongwriter .anison-sec {
  background-image: url(../img/mainimg/anison-main_pc.jpg) !important;
}
body.page-singersongwriter .dancevocal-sec {
  background-image: url(../img/mainimg/dancevocal-main_pc.jpg);
}
body.page-singersongwriter .jazz-sec {
  background-image: url(../img/mainimg/jazz-main_pc.jpg);
}
body.page-singersongwriter .singingplaying-sec {
  background-image: url(../img/mainimg/singingplaying_top_pc.jpg);
}
body.page-singersongwriter .voiceactor-sec {
  background-image: url(../img/mainimg/voiceactor_top_pc.jpg);
}
body.page-singersongwriter .foreignmusic-sec {
  background-image: url("../img/mainimg/foreignmusic_top_pc.jpg");
}
body.page-singersongwriter .kpop-sec {
  background-image: url("../img/mainimg/kpop_top_pc.jpg");
}
body.page-singersongwriter .internetartist-sec {
  background-image: url("../img/mainimg/internetartist_top_pc.jpg");
}
	
*/
	
body.page-singersongwriter .singersongwriter-intro-sec .sec-ttl {
  margin-bottom: 1em;
}
body.page-singersongwriter .singersongwriter-intro-sec .lead {
  font-size: 2.6rem;
}
body.page-singersongwriter .singersongwriter-intro-sec .artist-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;
}
body.page-singersongwriter .singersongwriter-intro-sec .artist-box {
  max-width: 300px;
  border-width: 4px;
  margin-bottom: 0;
}
body.page-singersongwriter .singersongwriter-intro-sec .artist-block2 {
  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;
}
body.page-singersongwriter .singersongwriter-intro-sec .artist-box2 {
  width: 42%;
  max-width: 42%;  
  margin-bottom: 0;
}
body.page-singersongwriter .singersongwriter-feature-sec .lead {
  font-size: 2.6rem
}

body.page-singersongwriter .artist-feature-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;
}

body.page-singersongwriter .artist-feature-block .feature-box {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
body.page-singersongwriter .singersongwriter-feature-sec .f-point {
  bottom: -42px;
  width: 65px;
  height: 65px;
  border-width: 3px;
}
body.page-singersongwriter .singersongwriter-feature-sec .f-point-txt {
  width: 65px;
  height: 65px;
  padding-top: 11px;
}
body.page-singersongwriter .singersongwriter-feature-sec .f-point-txt .pre {
  font-size: 0.8rem;
}

body.page-singersongwriter .singersongwriter-feature-sec .f-point-txt .num{
  line-height: 2.8rem;
  font-size: 3.4rem;
}
body.page-singersongwriter .singersongwriter-feature-sec .feature-box {
  margin-bottom: 23px;
}
body.page-singersongwriter .singersongwriter-feature-sec .feature-box .thumb {
  margin-bottom: 24px;
}
body.page-singersongwriter .singersongwriter-feature-sec .title {
  font-size: 3.8rem;
}
body.page-singersongwriter .singersongwriter-feature-sec .desc {
  font-size: 1.9rem;
  line-height: 1.6;
}
body.page-singersongwriter .option-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;
}
body.page-singersongwriter .option-box {
  max-width: 300px;
}
body.page-singersongwriter .singersongwriter-option-sec .desc {
  font-size: 2.0rem;
  line-height: 1.6;
}
body.page-singersongwriter .singersongwriter-option-sec .lead {
  font-size: 2.8rem;
}
body.page-singersongwriter .singersongwriter-feature-sec .figure2 img{
  max-width:560px;
  margin:0 auto 3em;
  display:block;
}
body.page-singersongwriter .singersongwriter-feature-sec .figure3 img{
  max-width:800px;
  margin:0 auto 3em;
  display:block;
}
body.page-singersongwriter .singer-ad-img {
  margin:0 auto 3em;
  display:block;
  max-width:800px;
}



/* Page - guidance
------------------------------------------- */
body.page-guidance .mv-sec {
  background-image: url(../img/guidance/main-pc.jpg);
}

body.page-guidance .guidance-entrance-sec .sec-ttl {
  font-size: 4.4rem;
}
body.page-guidance .guidance-entrance-sec .lead {
  font-size: 1.8rem;
  margin-bottom: 2em;
}
/*body.page-guidance .contact-desc2 {
    font-size: 2.0rem;
    margin-top: 3em;
}*/
	
body.page-guidance .contact-desc2 {
    font-size: 1.6rem;
	text-align:center;
    /* margin-top: 3em; */
}	
	
body.page-guidance .contact-desc {
font-size: 1.6rem;
/*margin-top: 3em;*/
}
	
/*body.page-guidance .contact-desc {
  font-size: 3.0rem;
}*/

/*online_lesson*/
.lesson_type h3 {
text-align: center;
font-size: 2.5em;
font-weight: bold;}

/*.lesson_type {margin-bottom: 70px;/*margin-bottom: 40px;padding-top: 30px;}*/

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

.lesson_type_box2{
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 22%;}	
	
.lesson_type_box2 {width: 50%;margin: 6% 25% 11%;}
	
/*.lesson_type_box {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 45%;}	*/
	
.lesson_type_box {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 31%;}

	
/*.lesson_type_box {width: 100%;margin: 5% 2%;}	*/
.lesson_type_box {width: 100%;margin: 5% 0%;}	
	
.lesson_type_box img{width: auto;height: auto;}	
.lesson_type_box p.desc {
font-weight: bold;
text-align: center;
font-size: 1.8em;
margin: 15px 10px -11px 10px;}
	
.lesson_type_box2 p.desc {
font-weight: bold;
text-align: center;
font-size: 1.8em;
margin: 15px 10px 25px 10px;}

.online_lesson{text-align:center;}
.online_lesson .online img{width:435px;}
.online_lesson .online{margin: 40px 0 60px 0;}
	
.online_detailbox{margin: 3em;}
.online_detailbox .pict img{width:180px;}

.online_needlist  {
    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: 54px;
}


.needlist {
    -webkit-flex-basis: 31%;
    -ms-flex-basis: 31%;
    flex-basis: 47%;
	margin-bottom:0px;
}

.needlist.pc_sp .pict img{width:150px;margin-bottom:30px;}
/*.online_needlist .desc p{margin-bottom:30px;}*/

.needlist.wifi .pict img{width:85px;margin-bottom:30px;}
	
	
body.page-guidance .guidance-freetrial-sec .flow-box .thumb1 {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 0em;
}
	
.antivirus_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;}
	
.antivirus_box {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 45%;}

.antivirus_box {width: 100%;margin: 5% 2%;}
.antivirus_box img {width: auto;height: auto;}

.antivirus_box p.desc {
font-weight: bold;
text-align: center;
font-size: 1.8em;
margin: 15px 10px 25px 10px;}
	
	
/*online_lesson_end*/	
	
	
body.page-guidance .reserved-box .title {
  font-size: 3.2rem;
  text-align: center;
  margin-bottom:1em;
}
body.page-guidance .reserved-box .title span {
/* display: block; */
font-weight: normal;
font-size: 50%;
padding-top: .5em;}	
	
.web-reserve span.pict2 img {width: 60px;}
.tel-reserve span.pict2 img {width: 37px;}

body.page-guidance .reserved-box .desc {
  font-size: 1.8rem;
  text-align: center;  
  margin-bottom: 2em;
}
body.page-guidance .reserved-box .third-btn {
  margin-bottom: 1em;
}
body.page-guidance .reserved-box .pict {
text-align: center;
margin:1em auto 1.5em;
width: 70px;
display:none;}
	
	

.line-reserve.reserved-box {padding: 2em 0 2em 0;}	
.web-reserve.reserved-box {padding: 2em 0 2em 0;}
.tel-reserve.reserved-box {padding: 2em 0 0 0;}
	
body.page-guidance .web-reserve .pict img {
  width: 70px;
}
body.page-guidance .tel-reserve .pict img {
  width: 40px;
}

body.page-guidance .pc-entry-info table {
  margin-bottom: 3em;
}

body.page-guidance .reserved-box .desc .sp-hide {
  display: inline;
}
body.page-guidance .guidance-entrance-sec .need  {
  margin-bottom: 3em;
}
body.page-guidance .guidance-entrance-sec .need .need-ttl {
  font-size: 1.8rem; 
}
body.page-guidance .guidance-entrance-sec .need .need-ttl .em {
  font-weight: normal;
  font-size: 1.6rem;
  display:inline;
  padding:0 0 0 1em;
}
body.page-guidance .guidance-entrance-sec .need .flex {
  width: 35%;
  float: left;
  border: none;
  min-height: 110px;
  border-left: solid 1px #ccc;
}
body.page-guidance .guidance-entrance-sec .need .flex .txt{
  font-size: 1.9rem;
}
body.page-guidance .guidance-entrance-sec .need .flex+.flex {
  border: none;
  width: 65%;
  border-right: solid 1px #ccc;
  border-left: none;
  font-size: 2.1rem;  
}

body.page-guidance .guidance-entrance-sec .need .flex .pict {
  width: 70px;
  margin-left:20px;  
}
body.page-guidance .guidance-entrance-sec .need .flex+.flex .pict {
  width: 110px;
}
body.page-guidance .guidance-entrance-sec .need .notice {
  font-size: 1.4rem;
  border-top: dotted 1px #CCC;
  clear: both;
  display: block;
}
body.page-guidance .guidance-entrance-sec .join-campaign-box {
  font-size:2.4rem;
  padding:.8em;
  margin:0 0 3em;
}
body.page-guidance .guidance-entrance-sec .campaignprice {
  display:inline;
  padding-left:.3em;  
}
body.page-guidance .guidance-entrance-sec .bigprice {
  font-weight:bold;
  font-size:3.3rem;
}
body.page-guidance .guidance-freetrial-sec .sec-ttl {
  font-size: 4.4rem;
}

body.page-guidance .guidance-freetrial-sec .sub-ttl {
  font-size: 3.5rem;
  margin-bottom: 13px;
}
	
	
body.page-guidance .guidance-freetrial-sec .reserved-box .pict {
  text-align: center;
  margin-bottom: 1.5em;
}
body.page-guidance .guidance-freetrial-sec .web-reserve .pict img {
  width: 70px;
}
body.page-guidance .guidance-freetrial-sec .tel-reserve .pict img {
  width: 40px;
}
body.page-guidance .guidance-freetrial-sec .line-reserve .pict img {
  width: 70px;
}	
	
	
.guidance-freetrial-sec .line-reserve span.pict2 img {width: 58px;}	
	
	
body.page-guidance .guidance-freetrial-sec .line-reserve ul{margin-bottom:1.5em;}
body.page-guidance .guidance-freetrial-sec .line-reserve ul:before{content:"";display: block;width:30%;order:1;}
body.page-guidance .guidance-freetrial-sec .line-reserve ul:after{content:"";display: block;width:30%;}
body.page-guidance .guidance-freetrial-sec .line-reserve li{width:48%;margin-bottom:1em;}
body.page-guidance .guidance-freetrial-sec .line-reserve li a{font-size:2rem;letter-spacing:1px;}
	
body.page-guidance .guidance-freetrial-sec .reserved-box .title {
  font-size: 3.2rem;
  margin-bottom: .5em;
}
body.page-guidance .guidance-freetrial-sec .reserved-box .desc {
  font-size: 1.8rem;
  text-align: center;  
  margin-bottom: 2em;
  margin-top: 0em;
}
body.page-guidance .guidance-freetrial-sec .reserved-box .desc span {
  display:block;
}
body.page-guidance .guidance-freetrial-sec .third-btn {
  background: #3FC6D1;
}

body.page-guidance .guidance-freetrial-sec .sp-entry-info {
  border: solid 1px #3FC6D1;
  background-color:#fff;
  border-radius: 4px;
  margin-bottom: 3em;
}
body.page-guidance .guidance-freetrial-sec .sp-entry-info .lead {
  padding: 1em !important;
  font-size: 1.4rem  !important;
  line-height: 1.8 !important;
  text-align: left;
  margin-bottom: 0!important;
}
body.page-guidance .guidance-freetrial-sec .sp-entry-info .lead .tel-icon {
  background: #ED1E79;
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 2px;
  margin: 0 5px 2px;
  text-align: left;
}
body.page-guidance .guidance-freetrial-sec .sp-entry-info .lead .tel-icon img {
  max-width: 100%;
}

body.page-guidance .guidance-freetrial-sec .flow-ttl {
  font-size: 3.4rem;
}

body.page-guidance .flow{padding-top: 6em;}
	
body.page-guidance .guidance-freetrial-sec .flow-ttl span.onlinelesson_needlist img {width: 120px;}

body.page-guidance  .flow-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;
}

body.page-guidance  .flow-box {
  -webkit-flex-basis: 22%;
  -ms-flex-basis: 22%;
  flex-basis: 22%;
}
	
body.page-guidance .guidance-freetrial-sec .flow-box .lesson_detail_btn {
width: 100%;
margin: 10px auto;
display: block;}

body.page-guidance .guidance-freetrial-sec .flow-box:not(:last-child)::after {
    bottom: 50%;
    width: 14px;
    background-size: 14px;
    right: -14%;
    transform: rotate(-90deg);
    height: 16px;
}
body.page-guidance .guidance-freetrial-sec .flow-box .step {
  font-size: 2.2rem;
}
body.page-guidance .guidance-freetrial-sec .flow-box .step .num {
  font-size: 2.9rem;
  width: 38px;
  height: 38px;
}
body.page-guidance .guidance-freetrial-sec .flow-box .title {
  font-size: 1.8rem;
  min-height: 80px;
}
body.page-guidance .guidance-freetrial-sec .flow-box .title2 {
  font-size: 2.6rem;
}
body.page-guidance .guidance-freetrial-sec .flow-box .thumb {
    float: none;
    width: auto;
    padding-right: 0;
  margin-bottom: 20px;
}

body.page-guidance .guidance-freetrial-sec .flow-box .desc {
    font-size: 1.5rem;
    line-height: 1.7333;
    float: none;
    width: auto;
}
	
/*body.page-guidance  .flow-box2 {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 22%;}*/
	
body.page-guidance .flow-box2 {
-webkit-flex-basis: 22%;
-ms-flex-basis: 22%;
flex-basis: 100%;}	
	
/*body.page-guidance .guidance-freetrial-sec .flow-box2:not(:last-child)::after {
bottom: 50%;
width: 14px;
background-size: 14px;
right: -14%;
transform: rotate(-90deg);
height: 16px;}*/
	
body.page-guidance .guidance-freetrial-sec .flow-box2 .step {font-size: 2.2rem;}
body.page-guidance .guidance-freetrial-sec .flow-box2 .step .num {
font-size: 2.9rem;
width: 38px;
height: 38px;}
body.page-guidance .guidance-freetrial-sec .flow-box2 .title {font-size: 1.8rem;min-height: 80px;}
body.page-guidance .guidance-freetrial-sec .flow-box2 .title2 {font-size: 2.6rem;}
	
body.page-guidance .guidance-freetrial-sec .flow-box2 .flow-info {
padding: 0 1em 1em;
display: flex;}	
	
/*body.page-guidance .guidance-freetrial-sec .flow-box2 .thumb {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 20px;
margin: 20px 35% 20px;}*/

body.page-guidance .guidance-freetrial-sec .flow-box2 .thumb {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 20px;
margin: 10px 4% 10px;
display: flex;}
	
body.page-guidance .guidance-freetrial-sec .flow-box2 .desc {
font-size: 1.5rem;
line-height: 1.7333;
float: none;
width: auto;
display: flex;}
	
body.page-guidance .guidance-freetrial-sec .faq-box dt .head,
body.page-guidance .guidance-freetrial-sec .faq-box dd .head {
  font-size: 2.6rem;
  margin-right: 20px;
}
body.page-guidance .guidance-freetrial-sec .faq-ttl {
  font-size: 3.4rem;
}
body.page-guidance .guidance-freetrial-sec .faq-box {
  padding: 20px;
  margin-bottom: 16px;
}
body.page-guidance .guidance-freetrial-sec .faq-box dt {
  font-size: 1.8rem;
    text-indent: -40px;
    padding-left: 40px;
}
body.page-guidance .guidance-freetrial-sec .faq-box dd {
  font-size: 1.8rem;
    text-indent: -40px;
    padding-left: 40px;
}
body.page-guidance .guidance-tour-sec .sec-ttl {
  font-size: 4.4rem;
}

body.page-guidance .guidance-tour-sec .lead {
  font-size: 3.0rem;
}

body.page-guidance .guidance-tour-sec .desc {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 20px;
}
body.page-guidance .guidance-tour-sec .contact-info {
  padding-top: 20px;
}
body.page-guidance .guidance-tour-sec .contact-info .head {
  display: none;
}
body.page-guidance .guidance-tour-sec .contact-info .sp-hide {
  display: inline;
}

/* Page - feature
------------------------------------------- */
body.page-entranceguide .mv-sec {
  background-image: url(../img/entranceguide/main-pc.jpg);
}

body.page-entranceguide .feature-intro-sec .sec-ttl {
  font-size: 2.8rem;
}
body.page-entranceguide .feature-intro-sec .lead {
  width: 540px;
  margin:2em auto 2.5em;
}

/*online_lesson*/

.left-col p.detail-ttl {
    font-size: 1.2em;
}

body.page-entranceguide .feature-intro-sec2 .lead2 {
    width: 540px;
    margin: 2em 8.1em 2.5em;
}
.feature-intro-sec2{margin:auto;display:block;}

/*online_lesson_end*/
	
body.page-entranceguide .feature-list-sec .feature-box {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 0;
}

body.page-entranceguide .feature-list-sec .wrap {
  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;
  -webkit-flex-direction: row-reverse;
  flex-direction:         row-reverse;
  margin-bottom: 3em;
}
body.page-entranceguide .feature-list-sec .wrap .left-col {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
body.page-entranceguide .feature-list-sec .wrap .right-col {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
	
body.page-entranceguide .feature-list-sec #lesson_type .right-col {
    display: block;
}	
body.page-entranceguide .feature-list-sec #lesson_type .thumb2 {display: none;}	
body.page-entranceguide .feature-list-sec #lesson_type .left-col .btnArea {display: none;}	
	
body.page-entranceguide .feature-list-sec .feature-head .f-point {
  width: 80px;
  height: 80px;
}

body.page-entranceguide .feature-list-sec .feature-head .f-point-txt {
  width: 80px;
  height: 80px;
}

body.page-entranceguide .feature-list-sec .feature-head .pre {
    font-size: 1.2rem;
    padding-top: 13px;
}
body.page-entranceguide .feature-list-sec .feature-head .num {
  font-size: 4.2rem;
    padding-top: 2px;  
}
body.page-entranceguide .feature-list-sec .feature-ttl {
  font-size: 4.2rem;
  margin-bottom: .5em;
}
body.page-entranceguide .feature-list-sec .desc {
  font-size: 1.7rem;
  line-height: 1.6;
}
body.page-entranceguide .feature-list-sec .s-ttl {
    text-align: left;
    font-size: 2.6rem;
    margin: 1em 0 .5em;
}
body.page-entranceguide .feature-list-sec .lead {
    font-size: 2.2rem;
    text-align: left;
    margin: 1em 0 .5em;
}
body.page-entranceguide .feature-list-sec .support-list li {
  font-size: 2.4rem;
  margin-bottom: .75em;
}
body.page-entranceguide .feature-list-sec .fourth-btn {
  padding:.3em 1em .3em;
  background-size: 8px;
  border-radius: 12px;  
  font-size: 2.0rem;
  margin-top: 1.5em;  
}

body.page-entranceguide .feature-list-sec .genre-list li {
  font-size: 1.8rem;
}
body.page-entranceguide .feature-list-sec .etc {
  font-size: 1.8rem;
}
	
.birth-input li{width:12%;}
.birth-input li:first-child{width:22%;}
.birth-input li:nth-child(2),.birth-input li:nth-child(4),.birth-input li:nth-child(6){width:6%;text-align:center;}		

/* Page - course
------------------------------------------- */
body.page-course .mv-sec {
  background-image: url(../img/course/main-pc.jpg);
}
body.page-course .course-lessonsystem-sec .sec-ttl .en {
  font-size: 4.2rem;
}
body.page-course .course-lessonsystem-sec .sec-ttl .ja {
  font-size: 2.8rem;
}
body.page-course .course-lessonsystem-sec .lead {
  font-size: 2.5rem;
  margin-bottom: 3em;
}
body.page-course .lesson-system-list {
  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;
}

body.page-course .course-lessonsystem-sec .lesson-system-list-box {
  -webkit-flex-basis: 31%;
  -ms-flex-basis: 31%;
  flex-basis: 31%;
}

body.page-course .course-lessonsystem-sec .lesson-system-list .pict {
  width: 80px;
  margin: 0 auto 1em;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .title {
  font-size: 3.8rem;
  margin-bottom: .75em;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .sub-ttl {
 font-size: 2.4rem;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .desc {
  font-size: 1.7rem;
}
body.page-course .course-intro-sec .desc {
  font-size: 1.7rem;
  text-align: center;
}
body.page-course .course-common-sec .sec-ttl {
  margin-bottom: 10px;
}
body.page-course .course-common-sec .sec-ttl .ja {
  font-size: 4.6rem;
}
body.page-course .course-common-sec .desc {
  font-size: 2.8rem;
  margin-bottom: 45px;
}

body.page-course .course-common-sec .notice {
  font-size: 1.8rem;
  text-align: center;
}

body.page-course .course-common-sec .price-table thead td {
  font-size: 2rem;
}
body.page-course .price-table thead td span{
  color: #FFF;
  font-size: 1.4rem;
  display:inline;
  padding-left:.5em;
}
body.page-course .price-table {
  font-size: 2rem;
  margin-bottom: 30px;
}
body.page-course .price-table .total {
  display: inline-block;
  font-size: 2rem;

}
body.page-course .price-table .em {
  font-size: 2.6rem;
}
body.page-course .course-common-sec .btnArea{
  text-align: center;
  margin-bottom: 20px;
}
body.page-course .course-common-sec .fourth-btn {
  width:70%;
  border-radius: 40px;
  font-size: 2.4rem;
}

body.page-course .course-common-sec {
 margin-bottom:-3rem;
}
body.page-course .course-pro-sec .sec-ttl .ja {
  font-size: 4.6rem;
}
body.page-course .course-pro-sec .lead {
  font-size: 3.2rem;
}
body.page-course .course-pro-sec .desc {
  font-size: 2.4rem;
}
body.page-course .course-pro-sec .notice {
  font-size: 1.8rem;
  text-align: center;
}
.center-txt {
  text-align: center !important;
}
body.page-course .course-pro-sec .price-table .desc-main {
  font-size: 3rem;
  padding-top: 20px;
}
body.page-course .course-pro-sec .price-table .desc-supplement {
  max-width: 470px;
  font-size: 1.6rem;
  line-height:1.5;
  padding-bottom: 0;
}
body.page-course  .price-table .w_520 {
  width: 520px;
}
body.page-course  .price-table .w_320 {
  width: 320px;
}
body.page-course .price-table td{padding: 1em 1em;}	
body.page-course .course-pro-sec .lesson-feature-ttl {
  max-width: 580px;
  margin-bottom: 20px;
  margin-top: 20px;  
}
body.page-course .course-pro-sec .price-table thead td {
  font-size: 2rem;
}

body.page-course .group-box{margin:2em 0 3em;  border-bottom: solid 1px #ED1E79;}
	
body.page-course .course-pro-sec .lesson-feature-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;
  margin-bottom: .5em;
  overflow:hidden;
  box-sizing: border-box;
}

body.page-course .course-pro-sec .lesson-feature-box {
  -webkit-flex-basis: 49.8%;
  -ms-flex-basis: 49.8%;
  flex-basis: 49.8%;
  border:none;
  width:49.8%;	
}

body.page-course .course-pro-sec .lesson-feature-box:nth-child(odd){
  border-top: solid 1px #ED1E79;
  border-left: none; 
  border-bottom: none; 
  border-right: solid 1px #ED1E79; 
}
body.page-course .course-pro-sec .lesson-feature-box:nth-child(even) {
  border-top: solid 1px #ED1E79;
  border-left: solid 1px #ED1E79;
  border-bottom: none; 
  border-right: solid 1px #ED1E79; 
}
body.page-course .course-pro-sec .lesson-feature-box:nth-child(4), body.page-course .course-pro-sec .lesson-feature-box:nth-child(5) {
  border-bottom: solid 1px #ED1E79;
} 
body.page-course .course-pro-sec .full-feature-box {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  border-right: solid 1px #ED1E79;
  border-left: solid 1px #ED1E79!important;
}
	
body.page-course .full-feature-box .c-special-wrap div{width:85%!important;}
body.page-course .full-feature-box .c-special-wrap .thumb {width: 13%!important;}
	

body.page-course .course-pro-sec .lesson-feature-box .f-point {
  width: 49px;
  height: 49px;
}

body.page-course .course-pro-sec .lesson-feature-box .f-point .pre {
  font-size: 1.2rem;
  padding-top: 8px;
}
body.page-course .course-pro-sec .lesson-feature-box .f-point .num {
  font-size: 2.7rem;
}
body.page-course .group-box .f-point .num {padding-top:.1em;}

body.page-course .course-pro-sec .lesson-feature-box .thumb {
width: 27%;
}
body.page-course .course-pro-sec .lesson-feature-box .title {
    padding-top: 15px;
    font-size: 2.4rem;
    margin-bottom: .5em;
	text-align:left;
}
body.page-course .course-pro-sec .full-feature-box .title {font-size: 3.2rem;}
	
body.page-course .course-pro-sec .lesson-feature-box .desc {
  font-size: 1.8rem;
  line-height: 1.58;
}
body.page-course .lesson-middle-ttl {
  font-size: 3.0rem;
}
body.page-course .lead.small {
  font-size: 2.0rem;
  margin-bottom: 20px;
}

body.page-course .course-pro-sec .price-table.add-option thead td {
  background: #FFD7E7;
  color: #000;
}

body.page-course .course-pro-sec .price-table.add-option .row-div {
  padding: 0;
}
body.page-course .course-pro-sec .price-table.add-option .desc-main {
    font-size: 2rem;
    line-height: 1.6;
    width: 50%;
    float: left;
    margin: 0;
    padding:2em;
   border-right: solid 1px #CCC;
}
body.page-course .course-pro-sec .price-table.add-option .desc-main span{
    font-size: 1.2rem;
}
body.page-course .course-pro-sec .price-table.add-option .desc-supplement {
    font-size: 2rem;
    line-height: 1.6;
    width: 50%;
    float: left;
    margin: 0;
    padding:2em;
}
body.page-course .course-pro-sec .price-table.add-option {
  margin-bottom: 50px;
}
body.page-course .course-pro-sec .price-table.add-option td {
    font-size: 2rem;   
}

body.page-course .course-pro-sec .lead.small2 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}

body.page-course .course-genre-list-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;
  width:100%;
  overflow:hidden;
  box-sizing: border-box;	
}

body.page-course .course-genre-list-box {
  -webkit-flex-basis: 46%;
  -ms-flex-basis: 46%;
  flex-basis: 46%;
  padding: 1em;
  width:46%!important;
  box-sizing: border-box;		
}

body.page-course .course-genre-list-box .img {
  width: 120px;
  margin-left: 2em;
  margin-bottom: .5em;  
}
body.page-course .course-genre-list-box .ttl {
  font-size: 3rem;
}
body.page-course .course-genre-list-box .ttl .sub {
  font-size: 2.2rem;
}

body.page-course .course-genre-list-box .sub-ttl {
  font-size: 2.2rem;
}
body.page-course .course-genre-list-box .ttl-desc {
  font-size: 1.6rem;
  padding: 0 0 0 .5em;  
}

body.page-course .course-genre-list-example {
  padding:1em 0;
}

body.page-course .course-genre-list-example dt {
  font-size: 2.2rem;
  padding: 0 .5em;
}
body.page-course .course-genre-list-example dd {
  font-size: 1.8rem;
}

body.page-course .course-genre-list-artist li {
  font-size: 2.4rem;
  padding: .75em 0;
}
body.page-course .course-genre-list-artist li .sub{
  font-size: 1.4rem;
  padding-top:.2em;
  display: block;
}
body.page-course .course-genre-list-artist .artist-ttl {
  font-size: 1.6rem;
  padding: .5em 0 0 .5em;   
}


/* Page - freetrial
------------------------------------------- */
body.page-freetrial .freetrial-sec {
  background-image: url(../img/freetrial/main-pc.jpg);
}
body.page-freetrial .audition-sec {
  background-image: url(../img/audition/main-pc.jpg);
}
body.page-freetrial .guidance-sec {
  background-image: url(../img/guidance/main-pc.jpg);
}
body.free-form .freetrial-form-sec{
  padding-top:4em !important;
}
body.page-freetrial .freetrial-intro-sec .lead {
  font-size: 2.4rem;
  padding-top: 20px;
}
body.page-freetrial .freetrial-intro-sec .desc {
  font-size: 1.8rem;
}

body.page-freetrial .freetrial-form-sec .form-ttl {
  font-size: 4.2rem;
}
body.page-freetrial .freetrial-form-sec .form-notice {
  font-size: 1.6rem;
 
}
body.page-freetrial .form-heading:first-child {
    border-top: none;
    border-radius: 15px 15px 0 0;
}
body.page-freetrial .form-wrapper {
  border-radius: 15px;
  border: solid 1px #CCC;
  margin-bottom: 40px;
}
body.page-freetrial .form-heading {
  font-size: 2.0rem;
  padding:15px  30px;
}
body.page-freetrial .form-heading .required {
    font-size: 1.6rem;
    margin-left: 20px;
  padding:.4em 1em .3em;
  height: 30px;  
}

body.page-freetrial .form-body {
  font-size: 1.8rem;
  padding: 30px;
}

body.page-freetrial input[type="text"],
body.page-freetrial select {
    width: 70%;
font-size:2.0rem;
}
body.page-freetrial .label-wrapper {
    width: 70%;
}

body.page-freetrial .sex_radio {
  border-radius: 40px;
}
body.page-freetrial .sex_radio input {
  width: 30px;
  height: 30px;
}

body.page-freetrial  .cal {
  margin-bottom: 20px;
  background-size: 40px auto;
}
body.page-freetrial  select {
    background-size: 40px auto;
}
body.page-freetrial .sex_radio.checked::after {
    width: 18px;
    height: 18px;
    top: 16px;
    left: 16px;
} 

body.page-freetrial input[type="submit"] {
  font-size: 2.4rem;
  border-radius: 60px;
  margin-bottom:1em;  
}
body.page-freetrial .freetrial-form-sec .desc {
  font-size: 1.8rem;
}
body.page-freetrial .freetrial-form-sec .pdf-btn {
  font-size: 1.8rem;
  background-size: 30px ;
  width:50%;
  margin-bottom:2em;
}
body.page-freetrial .head-desc {
  font-size: 2rem;
  margin-bottom: 15px;
  text-align: center;
}

body.page-freetrial.check .form-body {
  font-size: 2rem;
}
body.page-freetrial.check .form-body2 {
  padding:2em 0;
  font-size: 2rem;  
  text-align: center;
}
body.page-freetrial.check .form-body3 {
  padding:2em 0;
  font-size: 2rem;  
  text-align: center;
  border-bottom:1px solid #CCC;
  margin-bottom:2em;
}


body.page-freetrial.check .form-body .form-data {
  padding: 8px 17px;
}

body.page-freetrial.check .form-body .form-data+.form-data {
  padding-top: 0;
}


body.page-freetrial.check input[type="submit"] {
  background-color: #ED1E79;
  display: block;
  margin: 0 auto 1em;
}

body.page-freetrial.check .back-page {
  font-size: 2rem;
  border-radius: 60px;
}
body.page-freetrial.check .form-body .form-data.sep {
  border-bottom: dotted 1px #CCC;  
}
body.page-freetrial.check .form-body .form-data+.form-data {
  padding-top: 8px;
}

body.page-freetrial.complete .freetrial-intro-sec .lead {
  font-size: 4.2rem
}

body.page-freetrial.complete .freetrial-intro-sec .desc {
  font-size: 2.2rem;
  margin-bottom: 50px;
}

body.page-freetrial.complete .freetrial-thanks-sec .form-comp-ttl {
  font-size: 2.4rem;
  margin-bottom: 15px;
}

body.page-freetrial.complete .freetrial-thanks-sec .desc {
  font-size: 2rem;
  line-height: 1.72;
  margin-bottom: 50px;
}

body.page-freetrial.complete  .fourth-btn {
    width:50%;
    display: inline-block;
    background-image: none;
    border-radius: 60px;
    font-size: 2rem;
    padding:.8em 1.4em;
}
body.page-freetrial.complete .freetrial-thanks-sec .lead {
  text-align: center;
  font-size: 2rem;
  line-height: 1.8;
  margin-bottom: 30px;
}
body.page-freetrial.complete .restriction p{
  font-size: 2.0rem;
  line-height: 1.6;
  margin-bottom:2em;
}
body.page-freetrial.complete .restriction .caution-txt{
  font-size: 3.4rem;
  font-weight:bold;
  line-height: 1.5;
  margin-bottom:1em;  
}


/* school
------------------------------------------- */
.school-page-head {
  height: 460px;
}
/*
.b-access-head {
  background-image: url(../img/school/access-main_pc.jpg);
}
.b-tokyo-head {
  background-image: url(../img/school/tokyo-main_pc.jpg);
}
.b-shinjuku-head {
  background-image: url(../img/school/shinjuku-main_pc.jpg);
}
.b-harajuku-head {
  background-image: url(../img/school/harajuku-main_pc.jpg);
}
.b-nagoya-head {
  background-image: url(../img/school/nagoya-main_pc.jpg);
}
.b-fukuoka-head {
  background-image: url(../img/school/fukuoka-main_pc.jpg);
}
*/
.branch-lede {
  margin-bottom:3.5em !important;
}
.branch-lede-copy {
  font-size: 3rem;
}
.branch-lede .text {
  font-size: 1.8rem;
}
.branch-photo-list {
  margin:0 5px;
}
.branch-photo-box {
  margin:0 5px;
}
.branch-photo.sec {
  margin-bottom: 8em;
}
.b-photo-ttl {
  font-size: 2.6rem;
}
.b-photo-main {
  padding: 17px 20px 17px;
  border-right: 0px solid #aaa;
  border-bottom: 0px solid #aaa;
  background-color: #f6f6f6; 
}
.b-photo-main .text {
  font-size: 1.5rem;
  height: auto;
}  
.branch-photo-list .slick-dots li {
  margin: 0 4px;
}
.branch-photo-list .slick-dots {
  bottom: -5em;
}
.branch-photo-list .slick-dots .bp-btn {
  width: 10px;
  height:25px;  
  vertical-align: middle;
  background-size: 8px ;
}
.access-block  {
  margin-bottom:3em;
  padding-bottom:2em;  
}
.access-map {
  float: left;
  width: 47%;
}
.access-info {
  float: right;
  width: 47%;
}
.access-gmap {
  margin-bottom: 3em;
}
.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-case {
  font-size: 1.4rem;
}
.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;    
}

.sch-link-download2 {
  float:none;
  width:70%;
  background-color:#222;
}
.sch-link-download2 a {
  display: block;
  padding: 1em;
  font-size:1.5rem;
  color:#fff;
}
.sch-link-download2 .head-ico {
  display: block;
  line-height: 20px;
  background-position: 0 50%;
  background-size: auto 20px;
}
.sch-link-download2 .foot-ico {
  display: block;
  line-height: 20px;
  background-position: 100% 50%;
  background-size: auto 20px;
}


/* artist
------------------------------------------- */
.b-ja-page{
  font-size: 3rem !important;
}
.b-artist-head {
/*  background-image: url(../img/artist/artist-main_pc.jpg);  */
}
.artist-under {
  margin-bottom:2em !important;
}
.artist-main-page {
  padding: 0;
}
.artist-sec-page{
  position: relative;
  margin-top:1em;
}
.artist-block-page.large {
  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: center;
  justify-content: center;
  margin-bottom: 2em;
}
.large .artist-box-page {
    width: 31%;
    margin-bottom: 2em;
    max-width: inherit;
}
	
.large .artist-box-page:nth-child(4) {margin-left:17.8%;}
.large .artist-box-page:nth-child(5) {margin-right:17.8%;}
	
.artist-block-page.short {
  width: 80%;
  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: 0 auto 3em;
}
.short .artist-box-page {
  width: 22%;
  margin-bottom: 0;
}
.other-jiseki{
  text-align:right;
  margin-top:0em;
  padding-top:1em;
  padding-right:3em;
}

.artist-about-sec {
  background-color:#f6f6f6;
  padding:3em 0em 1em;
  font-size:1.6rem;
  line-height:1.6;
}
.artist-about-sec h3 {
  font-size:3.1rem;
}
.artist-about-sec h3 span{
  display:inline;
}
.artist-about-box li{
  margin-bottom:2.5em;
}




/* school-audition
------------------------------------------- */

.b-schoolaudition-head {
/*  background-image: url(../img/audition/schoolaudition-main_pc.jpg);*/
}
.b-schoolaudition-head h1 img{
  width:80%;
  margin:0 auto 0;
  display:block;
}
.schoolaudition-intro-sec{
  padding:2em 0;
  margin-bottom:1em;
  text-align:center;
  line-height:1.6;  
}
.schoolaudition-intro-sec h2 img {
  width:90%;
  margin:0 auto 3em;
}
.schoolaudition-intro-sec .lead{
  font-size:2.0rem;
  margin-bottom:1em;
}
.schoolaudition-intro-sec .lead-p{
  font-size:3.0rem;
}

.schoolaudition-company-sec {
  
}
.schoolaudition-company-box {
  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;
}
.schoolaudition-company-box li{
  width:48%;
  margin-bottom:1.5em;
}

.schoolaudition-about-sec {
  background-color:#f6f6f6;
  padding:3em 0em 1em;
  font-size:1.6rem;
  line-height:1.6;
}
.schoolaudition-about-sec h3 {
  font-size:3.1rem;
}
.schoolaudition-about-sec h3 span{
  display:inline;
}
.schoolaudition-about-box li{
  margin-bottom:2.5em;
}

.news-audition-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;
  width:100%;
}
.news-audition-box {
  width: 30%;
  padding-bottom: 1.5em;
  margin-bottom: 2.5em;
  border-bottom: solid 1px #10A6E8;
}
.news-audition {
  font-size: 1.7rem;
  line-height:1.5;
  font-weight: bold;
}
.news-audition time {
  font-size: 1.4rem;
  color: #10A6E8;
  font-weight: normal;
}


/* producer
------------------------------------------- */
.b-producer-head {
/*  background-image: url(../img/producer/producer-main_pc.jpg);*/
}

.producer-intro-sec {
  margin-bottom:2em;
  padding-top:2em;
}
.producer-intro-sec h2 {
  margin-bottom:.5em;
  font-size:2.8em;
  font-weight:bold;
  color:#10A6E8;
  text-align:center;
}
.producer-intro-sec h2 span{
  display:inline;
}
.producer-intro-sec p {
  font-size:1.6rem;
  line-height:1.6;
}
.producer-wrap {
  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%;  
}
.producer-block {
  width:48%;  
}
.producer-infobox {
  margin-bottom:2em;
}
.producer-infobox .leftbox {
  /* width:70%; */
  padding:.5em 0 0 .5em;    
}
.producer-infobox .leftbox100 {
  width:100%;
  padding:.5em 0 0 .5em;      
}

.producer-name .p-en{
  font-size:1.4rem;
  padding-top:.3em;
}
.producer-infobox .leftbox .desc,.producer-infobox .leftbox100 .desc{
  font-size:1.3rem;
  line-height:1.5;
}
.official-btn {
  padding:.6em;
  margin-top:.8em; 
}
.producer-infobox .rightbox {
  float:right;
  width:34%;  
}
.producer-photo {
  max-width:150px;
}
.producer-profbox {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #ddd; 
  max-height: 320px;
}
.producer-profbox .koumoku{
  padding:.8em .6em .6em;
}
.producer-profbox .koumoku span{
  display:inline;
}
.producer-profbox .prof-txt{
  padding:1.2em 1em;
  font-size:1.4rem;
  line-height:1.5;  
}

/* news
------------------------------------------- */
.news-page-head {
  height: 300px;
}
.b-news-head {
/*  background-image: url(../img/news/news-main_pc.jpg);*/
}


/* news index
------------------------------------------- */
.news-all-wrap {
  width:100%;
  padding:3em 0 0;
  margin:0;
}
.news-all-box {
}
.news-all-box ul{
  width:100%;
  padding-bottom:2.5em;
  margin-bottom:2.5em;  
}
.news-all-box .news-thum {
  width:10%;
  float:left;  
}
.news-all-box .news-thum img{
  width:100%;
}
.news-all-box .news-text {
  width:87%;
  float:right;  
}
.news-all-box .news-date {
  font-size:1.4rem;
  color:#999;
  margin:.5em 0;
}
.news-all-box .news-ttl {
  font-size:1.8rem;
  line-height:1.6;
  font-weight:bold;
}

.blog-archive-box {
  margin-bottom:1em;  
}
.blog-archive-box li{
  float:left;
  width:20%;
  font-size:1.6rem;
  padding:0 1em 1em;
  margin-bottom:1em;
  text-align:center;
}
.blog-archive-box li a:hover{
  color:#10A6E8;
}


.news-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;
}
.news-list-main {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.news-list-tab {
  margin-bottom: 4rem;
}
.news-list-tab li {
  font-size: 1.6rem;
}
.news-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;
}
.news-list-cat-box {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
}
.news-list-cat-box:nth-child(odd) .inner {
  padding-right: 30px;
/*  background-image: url(../img/common/v-b-dotted.png);*/
  background-repeat: repeat-y;
  background-position: 100% 0;
  background-size: 1px 3px;
}
.news-list-cat-box:nth-child(even) .inner {
  padding-left: 30px;
}
.news-list-clip {
  width: 30%;
}
.news-list-ex {
  width: 63%;
  font-weight: normal;
  font-size:1.4rem;
}
.news-sub {
  -webkit-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
}
.news-bnr {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-bnr li {
  width: 100%;
}
.news-bnr li:not(:last-child) {
  margin-bottom: 2.5rem;
}
.news-cat-pack {
  align-items: start;
}
.newsback-box {
  padding:2em 0 0;
  border-top:0px dotted #aaa;
}

.exp-btn2 {
  width:70%;
  display:block;
  padding: .1.5em 1em;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-weight: bold;  
  background-color: #1DC0CA;
  margin:-2em auto 0;
}
.exp-btn2 .arw {
  display: block;
  padding-right: 1.8em;
  background-image: url(../img/common/w-arw.png);
  background-size: 8px 16px;
  background-position: 96% 50%;
}


/* news post
------------------------------------------- */
.news-detail-wrap {
  width:100%;
  padding: 0;
  margin:4em 0;
  border-bottom:0px solid #ccc;
}
.news-detail-box {
  padding:2em 0;
  font-size:1.7rem;
  line-height:1.5;
  border:0px solid #ccc;  
}
.news-detail-box h2{
  font-size:2.1rem;
  line-height:1.5;
}
.news-detail-box h2.news-detail-ttl {
  font-size:2.6rem !important;
  line-height:1.5;
  font-weight:bold;
  border-bottom:0px dashed #aaa;
  padding-bottom:0em;
  margin-bottom:1.2em;
}
.news-detail-box img {
  max-width:100%;
  height:auto !important;
}

body.page-knowledge .guidance-freetrial-sec{padding: 0 0;}
body.page-knowledge .news-detail-wrap .news-detail-box{padding:0 0 1em;}
body.page-knowledge .guidance-freetrial-sec{padding:0em;}
.news-detail-baner .wrap{padding:0 4%!important;}
	

/* blog
------------------------------------------- */
.b-blog-head {
/*  background-image: url(../img/blog/blog-main_pc.jpg);*/
}

/* knowledge
------------------------------------------- */
.b-knowledge-head {
/*  background-image: url(../img/mainimg/knowledge-main_pc.jpg);*/
}

/* yougo
------------------------------------------- */
.b-yougo-head {
/*  background-image: url(../img/mainimg/yougo-main_pc.jpg);*/
}
.yougo-all-box {
  padding-top:2em;
  nmargn-bottom:3em;
}
.yougo-all-box ul{
  width:100%;
}
.yougo-all-box a:hover{
  color:#ED1E79;
}
.yougo-all-box li{
  position: relative;
  padding:2em;  
  margin-bottom:2.5em; 
}
.yougo-all-box li:after{
  position: absolute;
  content: "\f105";
  font-family: FontAwesome;
  right: 3%;
  top: 40%;
  color:#ED1E79;
  font-size:1.8rem;
}
.yougo-all-box .yougo-ttl {
  font-size:2.8rem;
  margin-bottom:.4em;  
}
.yougo-all-box .yougo-txt {
  font-size:1.8rem;
  line-height:1.5;  
}
.yougo-all-box .yougo-txt span{
  display:inline;
}

.yougo-cat-box {
  padding-top:2em;
  nmargn-bottom:3em;
}
.yougo-cat-box .yougo-cat-ttl {
  font-size:3.0rem;
  margin-bottom:1em;  
  line-height:1.4;
  font-weight:bold;
}
.yougo-cat-box ul{
  width:100%;
  padding-bottom:0em;
  margin-bottom:3em;
}
.yougo-cat-box li{
  position: relative;
  margin-bottom:1.5em; 
  padding:0 2%;
  
}
.yougo-cat-box li:before{
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: .2em;
  top: 35%;
  color:#ED1E79;
}
.yougo-cat-box .yougo-ttl {
  font-size:2.6rem;
  margin-bottom:.4em;  
  line-height:1.4;
  font-weight:bold;
  color:#ED1E79; 
  padding-left:.5em;
}

/* QA
------------------------------------------- */
/*
.b-qa-head {
  background-image: url(../img/mainimg/qa-main_pc.jpg);
}
.b-auditionqa-head {
  background-image: url(../img/mainimg/auditionqa-main_pc.jpg);
}
*/
.qa-lede-copy{
  font-size: 1.9rem;
  padding-top:1em;
}
.qa-lede-copy span{
  display:inline;
}
.qa-ttl {
  font-weight:bold;
  font-size: 3.2rem;
  line-height:1.4;
  margin:1em 0 1em;
  color:#10A6E8;
  text-align:left;
}
.qa-text-box{
  font-size: 1.6rem;  
}
.qa-text-box h2.q{
  font-size: 1.9rem;
}
.qa-text-box h3.q{
  font-size: 1.8rem;
}
.qa-text-box i{
  font-size: 2.2rem;
}
.qa-text-box .fourth-btn {
  background-size: 6px;
  border-radius: 15px;
  padding:.5em 2.5em .5em 1em;
  font-size: 1.6rem;
}

/* live
------------------------------------------- */
.b-live-head {
/*  background-image: url(../img/mainimg/live-main_pc.jpg);*/
}
.live-lede {
  font-size: 1.6rem;
}
.live-lede-copy {
  font-size: 2.6rem;
  padding-top:1em;
  padding-bottom:1em;    
}
.live-lede-copy span{
  display:inline;
}
.live-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;
}
.live-box {
  width: 31%;
}
.live-ttl .en {
  font-size: 3.2rem;
}
.live-ttl .ja {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 1.3rem;
  margin-bottom:.5em;
}
.live-desc {
  font-size: 1.6rem;
  line-height:1.5;
  padding: .5em 0 0;
}
.live-under-copy {
  padding-top:.5em;
  font-size: 1.6rem;
  text-align:center;
}
.live-photo-list {
  margin:0 5px;
}
.live-photo-box {
  margin:0 5px;
}
.live-photo.sec {
  margin-bottom: 3em;
}

/* song champion
------------------------------------------- */
.b-champion-head {
/*  background-image: url(../img/mainimg/champion-main_pc.jpg);*/
}
.champion-box {
  padding:2em 0 0;
}
.champion-box h2 img{
  width:90%;
  margin:0 auto;
  display:block;
}
.champion-lede-copy {
  font-size: 2.2rem;
  margin-top:2em;
  padding-bottom:0em;  
}
.champion-lede-copy li {
  margin-bottom:.2em;
  text-align:center;
}
.champion-lede-copy li.tyui {
  font-size: 1.7rem;
  text-align:left; 
  padding:0 0 0 10%;
}
.champion-lede-copy li.tyui::before {
  position: absolute;
  content: "\f06a";
  font-family: FontAwesome;
  left: 8%;
  top: 0;
  color:#ED1E79;
}
.pastchampion-box {
  width: 31%;
  margin-bottom:1em;
}
.pastchampion-box img{
  margin-bottom:1em;
}
.champion-number {
  font-size: 2.0rem;
  margin-bottom:.5em;
}
.champion-number span {
  font-weight: normal;
  font-size: 1.4rem;
  margin-bottom:.8em;
}
.champion-name {
  font-size: 3.2rem;  
}
.champion-name span {
  font-size: 2.0rem;
  padding-left:.2em;
}

/* 100 days lesson
------------------------------------------- */
.b-100days-head {
/*  background-image: url(../img/mainimg/100day-main_pc.jpg);*/
}

.hyakunichi-box {
  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;
  padding-top:2em;
}
.hyakunichi-box li{
  width: 47%;
  margin-bottom:1em;
}
.hyakunichi-box li img{
  vertical-align:top; 
}
.hyakunichi-lede-copy{
  font-weight:bold;
  font-size: 2.2rem;
  line-height:1.7;
  padding-top:1em;   
  padding-bottom:0em; 
  vertical-align:top;   
}

/* achievement
------------------------------------------- */
.b-achievement-head {
/*  background-image: url(../img/mainimg/achievement-main_pc.jpg);*/
}
.achievement-lede {
  padding-top:3em;
}
.achievement-lede li{
  width: 34%;
  float:left;
  margin-bottom:0em;
  font-size:1.8rem; 
}
.achievement-lede li span{
  display:inline;
}
.achievement-lede li:last-child{
  width: 65%;
  float:right;
  text-align:left;
  padding:.7em;    
}
.achievement-ttl {
  padding:.7em;
  font-size:1.9rem;
}
.achievement-table {
  margin-bottom: 2rem;
}
.achievement-table table {
  width: 100%;
  font-size: 1.6rem;
}
.achievement-table table td {
  padding: 1em .5em .5em 1.5em;
  text-align: left;
  display:table-cell;
  width:66%;  
}
.achievement-table table th {
  font-weight: bold;
  background-color:#efefef;
  padding: 1em .5em 1em 1.5em;
  display:table-cell;
  text-align: left;  
  width:34%;
}
.achievement-member li{
  width:18%;
  margin:0 1%;
  margin-bottom:.5em;
}




/**
 * media max-width: 768px end
------------------------------------------- */
}
@media screen and (min-width: 899px) {

  /* header
  ------------------------------------------- */
  .sp{ display: none !important;}
  .pc{ display: block !important;}
    
  .sp-hide {
    display: block;
  }	
  .pc-hide {
    display: none;
  }
  .header {
      position: fixed;
      border-top: none;
      z-index: 999;
      -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .35);
      -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .35);
      -ms-box-shadow: 0px 3px 3px rgba(0, 0, 0, .35);
      box-shadow: 0px 3px 3px rgba(0, 0, 0, .35);
      background-color: #10A6E8;
      width: 270px;
      overflow: auto;
      height: 100vh;
  -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    
  }
  .head-top {
      padding: 20px 0;
      background: #FFFFFF;
      text-align: center;
  }
  .head-top-block {
    display: table;
    width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;  
  }
  .head-logo {
    display: block;
    max-width: 216px;
    vertical-align: middle;
    margin: 0 auto;
  }
  body.free-form head-logo a {

  }
  .head-right {
    display: none;
  }
  .s-menu {
    display: none;
  }
  .s-menu-navi {
    padding: 5px 0;
  }
  .s-menu-navi li {
    display: inline-block;
    padding-left: 6px;
    text-align: left;
    border-left: 1px solid #fff;
    font-weight:normal;
  }
  .s-menu-navi li:not(:last-child) {
    margin-right: 6px;
  }
  .s-menu-navi li a{
    color:#fff;
  }
  .s-menu-navi li a:hover{
    color:#000000;
  }
  .s-menu-ttl {
    line-height: 1;
    font-size: 1.3rem;
    font-weight:normal;
  }
  .s-menu-num {
    font-size: 1.2rem;
    font-weight:normal;  
  }
  .gnavi {
    background-color: #10A6E8;
  }
  .gnavi .overlay-main {
    padding: 0;
  }
  .gnavi-main {
      display: block;
      padding: 40px 10px 40px 30px;
  }
  .gnavi-main li {
    position: relative;
    display: block;
    padding: 6px 0;
    width: auto;
    line-height: 1;
    text-align: left;
    margin-bottom: 10px;
  }
  .gnavi-main li a {
      color: #FFF;
      display: block;
      padding: 4px 0 4px 40px;
      line-height: 1.4;
      background: none no-repeat left center;
      font-size: 1.6rem;
  }
  body.free-form .gnavi-main li p{
      color: #FFF;
      display: block;
      padding: 4px 0 4px 40px;
      line-height: 1.4;
      background: none no-repeat left center;
      font-size: 1.6rem;
  }

  .g-school-name{
    font-size:1.3rem !important;
    padding: 6px 0;
    margin-top: -14px;
  }
  .g-school-name a::before {
    position: absolute;
    content: "\f0da";
    font-family: FontAwesome;
    left: 15px;
    top: 7px; 
  }
  .g-school-name a{
    font-size:1.4rem !important;
      padding:0;  
      display: inline !important;
  }
  .g-school-name .num{
    font-size:1.4rem !important;
      padding:0 0 0 15px;  
      display: inline !important;
  color:#fff;
  }

  body.free-form .g-school-name {
    font-size:1.4rem !important;
      padding:0;  
      display: inline !important;
      color: #FFF;	
  }
  body.free-form .g-school-name .num{
    font-size:1.7rem !important;
      padding:0 0 0 15px;  
      display: inline !important;
  color:#fff;
  }

  .s-audition {
    display:block;
  }
  .gnavi-main li a.nav-feature {background-image: url(../img/common/menu-feature-pc.png) }
  .gnavi-main li a.nav-guidance {background-image: url(../img/common/menu-guidance-pc.png) }
  .gnavi-main li a.nav-system {background-image: url(../img/common/menu-system-pc.png) }
  .gnavi-main li a.nav-school {background-image: url(../img/common/menu-school-pc.png) }
  .gnavi-main li a.nav-debut {background-image: url(../img/common/menu-debut-pc.png) }
  .gnavi-main li a.nav-inst {background-image: url(../img/common/menu-inst-pc.png) }
  .gnavi-main li a.nav-audition {background-image: url(../img/common/menu-audition-pc.png) }

  body.free-form .gnavi-main li p.nav-school {background-image: url(../img/common/menu-school-pc.png) }

  .gnavi-main li a.nav-student {border:1px solid #fff; padding:.5em .5em .5em .8em; width:90%; font-size: 1.4rem;}

  .gnavi li .en {
    color: #FFF;
    display: block;
    padding-top: 3px;
    font-family: 'Questrial', sans-serif;
    font-size: 1.2rem;
    font-weight:normal;
    text-transform: uppercase;
    opacity: .7; 
  }
  body.free-form .gnavi li .en {
    color: #FFF;
    display: block;
    padding-top: 3px;
    font-family: 'Questrial', sans-serif;
    font-size: 1.2rem;
    font-weight:normal;
    text-transform: uppercase;
    opacity: .7; 
  }

  .trg-arw {
    position: relative;
    display: inline-block;
    z-index: 0;
  }
  .trg-arw:after {
    
  }
  .gnavi-main li:hover .trg-arw:after {
  }
  .gnavi-main .gnavi-low {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;
    z-index: 10;
  }
  .gnavi-main li:hover .gnavi-low,
  .gnavi-main li:hover .gnavi-low li {
    visibility: visible;
    opacity: 1;
    height: auto;
  }
  .header .gnavi-low li {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    font-weight: normal;
    background-image: none;
    background-color: rgba(0, 0, 0, .8);
  }
  .header .gnavi-low li:not(:last-child) {
    border-bottom: 1px dotted #999;
  }
  .header .gnavi-low li a {
    padding: 1rem 0;
    background: none;
    color:#fff;
  }
  .header .gnavi-low li a:hover {
    background-color: rgba(255, 255, 255, .2);
    color:#EF27AC;  
  }

  .gnavi-sub {
    position: fixed;
    right: 0;
    top: 30px;
    z-index: 6;
  }
  .gnavi-sub li {
    margin-bottom: 10px;
    font-size: 1rem;
    text-align: center;
  }
  .gnavi-sub li a {
    display: block;
    padding-top: 67px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-repeat: no-repeat;
    font-size: 1.1rem;
    color: #FFF;
    border:3px solid #fff;
  }
  .gnavi-sub li:last-child a {
    padding-top: 70px;
  }

  .gnavi-sub .nav-sub-audition-info {
    background-image: url(../img/common/menu-sub-audition.png);
    background-position: 50% 12px;
    background-size: auto 48px;  
    background-color: #ED1E79;
  }
  .gnavi-sub .nav-contact {
    background-image: url(../img/common/menu-sub-contact.png);
    background-position: 50% 25px;
    background-size: auto 35px;   
    background-color: #C7B299;
  }
  .gnavi-sub li .en {
    display: none;
  }

  /* contents
  ------------------------------------------- */
  .wrap {
    padding: 0;
    margin: 0 auto;
    max-width: 92%;
  }
  .header .wrap {
    width: auto !important;
    max-width: inherit !important;
  }
  .container {
    padding-top: 0;
  }
  .pc_wrapper {
  padding: 0 0 0 270px;
  max-width: 100%;
  }
    
  .contents-ticket {
    margin-top:2em;
    display:none;
  }	
  .kv .ticket {
    display: block;
    position: absolute;
    bottom: 10%;
    width: 100%;
    z-index: 999;
  }
  .ticket-baner {
    margin:-6em auto 2em;
    display:block;
    width:85%;
    
  }
  .ticket-list li.b-baner {
  /*
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  */
    width: 47%;
  }
  .kv .ticket .inside {
    padding: 0 10%;
  }
  .ticket-block {
    display: table;
    width: 100%;
  }
  .ticket-head,
  .ticket-main {

  }
    
    
  /* footer
  ------------------------------------------- */
  .footer {
    padding: 4rem 0 2em;
  }
  .foot-lede-ttl {
    padding: 0;
  }
  .foot-lede-ttl img {
      width: 300px;
      max-width: 140px;
  }
  .footer .sp-hide {
    display: block;
  }
  .foot-top-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; 
    margin-bottom: 2.4rem;
  }
  .foot-lede {
    -webkit-flex-basis: 48%;
    -ms-flex-basis: 48%;
    flex-basis: 48%;
  }
  .fnavi {
    -webkit-flex-basis: 48%;
    -ms-flex-basis: 48%;
    flex-basis: 48%;
  }
  body.free-form .foot-lede {
    -webkit-flex-basis: 100%;
    -ms-flex-basis:  100%;
    flex-basis: 100%;
  }
  body.free-form .fnavi {
    display:none;
  }
  .fnavi-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;
  }
  .fnavi-box {
    -webkit-flex-basis: 31%;
    -ms-flex-basis: 31%;
    flex-basis: 31%;
  }
  .fnavi-box.first {
    -webkit-flex-basis: 36%;
    -ms-flex-basis: 36%;
    flex-basis: 36%;
  }
  .fnavi-box.second {
    -webkit-flex-basis: 34%;
    -ms-flex-basis: 34%;
    flex-basis: 34%;
  }
  .fnavi-box.third {
    -webkit-flex-basis: 21%;
    -ms-flex-basis: 21%;
    flex-basis: 21%;
  }

  .foot-lede-desc {
    font-size: 1.4rem;
  }
  .fnavi {
    color: #444;
  }
  .fnavi-sec:not(:last-child) {
    margin-bottom: 3rem;
  }
  .fnavi-sec-ttl {
    font-size: 1.4rem;
    font-weight: bold;
    color:#000;
    padding-bottom:.2em;
  }
  .fnavi-list li {
    position: relative;
    padding-left: 1.6rem;
    font-size: 1.2rem;
    line-height: 1.7;
  }
  .fnavi-list li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "→";
  }
  .fnavi-list li a {
    color: #444;
  }
  .fnavi-list li a:hover {
    text-decoration: underline;
  }

  /* Page - recruit
  ------------------------------------------- */
  body.page-recruit .mv-sec {
    background-image: url(../img/recruit/main-pc.jpg);
  }
  .recruit-lede-ttl{
    font-size: 3.0rem;
    padding-top:1em;
    padding-bottom:3rem;   
  }
  .recruit-lede-ttl span{
    display:inline;
  }
  .recruit-lede-txt{
    font-size: 1.8rem;
    line-height:1.5;
  }
  .recruit-job{
    font-size: 2.6rem;
    line-height:1.4;
    text-align:center;
    padding-bottom:2rem;
    color:#10A6E8;
  }
  .recruit-infobox{
    font-size:1.4rem;
  }
  .recruit-app a{
    width:30%;
  }
  .recruit-tel{
    font-size:3.2rem;
    font-weight:normal;
    display:block;
  }
  .oubo{
    font-size:1.8rem;
  }

  /* company
  ------------------------------------------- */
  .b-company-head {
    background-image: url(../img/mainimg/company-main_pc.jpg);
  }
  .company-info{
    margin:3em 0;
    font-size:1.8rem;
  }

  .company-info dd a{
    padding-left:1em;

  }
    
  /* instructor
  ------------------------------------------- */
  body.page-inst .mv-sec {background-image: url(../img/mainimg/inst-main_pc.jpg);}
  .inst-wrap{margin-top:0;padding:2em 0 1em;}
  .inst-wrap .sec-ttl{padding-top: 0px;}
  .inst-wrap .wrap{justify-content: flex-start;}	
  .inst-wrap .wrap:before{content:"";display: block;width:14.6%;order:1;}
  .inst-wrap .wrap:after{content:"";display: block;width:14.6%;}
  .inst-wrap section{width:14.6%;position:relative;margin:0 1% 2.5em;}
  .inst-wrap section .txt{padding:.7em .5em;width:100%;}
  .inst-wrap section h2{font-size:1.6rem;line-height:1.7;}
  .inst-wrap section p{font-size:1.1rem;}
    
  /* instructor-post
  ------------------------------------------- */
  .inst-post-wrap{margin-top:0;padding:2.5em 0 3em;}
  .inst-post-wrap .wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .inst-post-wrap section{width:30%;margin-bottom:0;}
  .inst-post-wrap section:last-child{padding:0 0;width:65%!important;}
  .inst-post-wrap section h1{font-size:3rem;font-weight:bold;margin-bottom:1.5em;}
  .inst-post-wrap section:last-child p{font-size:1.5rem;line-height:1.9;}
  .inst-post-wrap section:last-child p.koumoku{
    font-size: 1.8rem !important;
    margin-bottom:.75em;
  }	
  .inst-post-wrap section:last-child li{margin-bottom:2em;font-size:1.5rem;}
  .inst-message{font-size:1.5rem;padding:1.5em 1.25em;line-height:1.9;}
  .inst-post-wrap .news-detail-wrap{margin: 4em 0 0;}
}/*  */

.studio-box{
margin: 0.5%	
}