@charset "UTF-8";

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

  style.css

============================================*/
.c_wide {
  max-width: 1400px !important;
  margin: 0 auto;
}

/* home
------------------------------------------- */
.kv-copy {
  bottom: 0;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 0%;
  /* position: absolute; */
  text-align: center;
  width: 100%;
}
.kv-copy .kv-copy-txt {
  background-color: #EFEFEF;
  padding: 0.4rem 4%;
  font-size: .9rem;
  color: #4d4d4d;
  margin-bottom: 1.5rem;
}
.kv .ticket {
  display: none;
}
.ticket-baner {
  margin-top:-4em;
  margin-bottom:1em;
  z-index: 2!important;
  position: relative;  
}
.ticket-baner-sp {
  margin-top:1em;
  margin-bottom:1em;
  z-index: 2!important;
  position: relative;
  width:100%;
}
.sp-no{display:none;}
.contents-ticket {
  margin-bottom: 3.5rem;
}
.ticket-list {
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ticket-list li {
/*
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
*/
  width: 48%;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
}
.ticket-list li.b-baner {
/*
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
*/
  width: 49.5%;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
}
.ticket-list-sp {
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ticket-list-sp div.b-baner {
/*
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
*/
  width: 49.5%;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
}
.ticket-list li a {
  display: block;
  width: 100%;
}
.ticket-cam {
/*  border: 3px solid #FA6BC9; */
  border: 3px solid #FFF;
}
.ticket-trial {
/*  border: 3px solid #1DC0CA; */
  border: 3px solid #FFF;
}
.ticket-head img{
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-radius-topright: 8px;
    border-top-right-radius: 8px;
}

.top_corona_banner {margin: -.8em 5% 2em;}
.top_voicetraining_banner {margin: -1.5em 5% 3em;}

iframe{
margin: 0 auto 2em;
display: block;
width: 340px;
height: 200px;}


.top-banner {
  z-index: 0;
}
.top-banner-list .slick-slide {
  border: 1px solid #999;
}
.top-banner .slick-dots li {
  height: 10px;
  width: 10px;
}
.top-banner .slick-dots li button {
  height: 10px;
  width: 10px;
}
.top-banner .slick-dots li button::before {
  background-color: #555;
  border-radius: 10px;
  content: "";
  height: 10px;
  width: 10px;
}
.s-menu-ttl a{
  color:#fff;
}
.s-menu-ttl a .en {
  color: #CCCCCC;
  font-weight: normal;
  font-size: .9rem;
  display: block;
}

.top-banner .slick-dots li.slick-active button::before {
  color: #555;
  opacity: 1;
}
.mv-sec {
  min-height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #333;
  background-size: cover;
  background-position:50% 50%;  
  margin-bottom: 3px;
  z-index: 1;
  position: relative;
}

.mv-sec .page-ttl {
    background: rgba(0,0,0,.4);
    color: #FFF;
    width: 100%;
    padding: 10px 0;
}
.mv-sec .page-ttl .ja{
    font-size: 1.4rem;
    margin-top: 0.2rem;
}
.mv-sec .page-ttl .en {
    display: block;
    font-size: 3.2rem;
}
.mv-sec .page-ttl2 {
    background: rgba(0,0,0,.3);
    width: 100%;
    padding:2em 0 1em;
margin-top:-1em;
}
.mv-sec .page-ttl2 .ja{
    font-size: 1.2rem;
    margin-top: 0.2rem;
}
.mv-sec .page-ttl2 .en {
    display: block;
    font-size: 3.2rem;
}

.breadcrumb {
  padding: 0 4% 0;
  margin-bottom: 2em;
}

.breadcrumb ul {
  border-bottom: dotted 1px #aaa;
  padding: .5em 0;
}
.breadcrumb li {
display: inline-block;
font-size: 1rem;
padding: 0 .2em 0 0;
}
.breadcrumb li:not(:last-child)::after {
content: ">";
padding: 0 0 0 .4em;
}

.breadcrumb li a {
padding: 0 .4em 0 0;
}

.sec-lede-desc p {
  margin-bottom: 2rem;
  font-size: 1.35rem;
  font-weight: 300;
  line-height: 1.6;
  color: #333;
}
.sec-lede-desc a {
  color:#ED1E79;
}

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

.artist-sec {
  position: relative;
}
.artist-block.short {
  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;
}
.artist-block.short .artist-box {
width: 48%;
margin-bottom: 13px;
}
.artist-box {
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
}
.large .artist-box {
  width: 85%;
  margin: 0 auto 20px;
}
.little_desc {
position: absolute;
right: 6%;
width: auto;
font-size: 8px;
text-align: center;
line-height: 1.5;
bottom: 20px;
}
.artist-box-row {
display: table;
width: 100%;
  padding: 10px 0 3px;
}

.btnArea {
padding: 10px 0;
}
.artist-main {
  padding: 1rem 0;
}

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

.feature-main {
  padding: .1em 0 2em;
}
.feature-box {
  margin-bottom: 1.5rem;
}
.feature-box:not(:last-child) {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #999;
}
.feature-box:last-child {
  padding-top: 1rem;
  padding-bottom: 0;
  border-bottom: 0px solid #999;
}
.feature-head {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 1rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.feature-ttl {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
.f-point {
  position: absolute;
  margin: 0 auto 1rem;
  width: 35px;
  height: 35px;
  text-align: center;
  background: #ED1E79;
  border-radius: 50%;
  border: solid 2px #FFF;
  top: -11px;
  left: 0;
}
.f-point-txt {
  display: table-cell;
  height: 35px;
  width: 35px;
  color: #fff;
  vertical-align: top;
  border-radius: 42px;
  padding-top:.2em;
}
.f-point-txt .pre {
  display: block;
  font-size: .6rem;
  padding-top:.5em;
}
.f-point-txt .num {
  display: block;
  line-height: 1.4rem;
  font-size: 1.7rem;
}
.feature-box.first .f-point{
  width: 40px;
  height: 40px;
}
.feature-box.first .f-point-txt {
  width: 40px;
  height: 40px;
  padding-top:.2.5em;
}
.feature-box.first .f-point-txt .pre {
  display: block;
  font-size: .7rem;
  padding-top:.5em;
}
.feature-box.first .f-point-txt .num {
  display: block;
  line-height: 1.5rem;
  font-size: 1.8rem;
}
.feature-lede {
  line-height: 1.4;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ED1E79;
  text-align: center;
  margin-bottom: 8px;
}
.feature-clip {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
.feature-clip img{
   border:3px solid #fff;
}
.feature-sub {
  padding: 1em .2em;
  background: url(../../assets/img/top/feature_sub_bg.png) no-repeat bottom right #EFEFEF;
  background-size: 121px;
}
.feature-sub-write {
  padding-top:1em;
  margin-bottom:2em;
}
.feature-sub-button {
  margin-bottom:1em;
}

.feature-box.first .feature-head {
  display: block;
}

.feature-box.first .feature-lede {
  font-size: 1.8rem;
}

.feature-box.first .feature-clip {
margin-bottom: 10px;
}

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

.studio-block {
  margin-bottom: 3.5em;
}
.studio-box {
  box-shadow: 3px 3px 2px rgba(0,0,0,.05), -3px -3px 2px rgba(0,0,0,.05),
              -3px 3px 2px rgba(0,0,0,.05), 3px -3px 2px rgba(0,0,0,.05);
}
.studio-box:not(:last-child) {
  margin-bottom: 1rem;
}
.studio-box .inner {
  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;
}
.studio-head {
  -webkit-flex-basis: 180px;
  -ms-flex-basis: 180px;
  flex-basis: 180px;
}
.studio-info {
  -webkit-flex-basis: calc(100% - 150px);
  -ms-flex-basis: calc(100% - 150px);
  flex-basis: calc(100% - 150px);
  text-align: center;
}
.studio-clip {
border: solid 3px #C69C6D;
}
.studio-info-inner {
padding: 15px 10px 0;
}
.school-name {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 2px;
}
.school-name-en {
  display: block;
  line-height: 1;
  font-size: .9rem;
  color: #808080;
  margin-bottom: 6px;
}
.school-tel {
  line-height: 1.1;
  font-size: 1.8rem;
  color: #3FC6D1;
}
.access_btn {
    display: block;
    line-height: 1.2;
    font-size: 1.2rem;
    text-align: center;
    color: #FFF;
    background: url(../../assets/img/common/pin-ico.png) no-repeat left 10px center #754C24;
    width: 80%;
    margin: 0 auto;
    padding: 5px 0 5px 5px;
    border-radius: 4px;
    background-size: 11px;
}

.studio-info li:not(:last-child) {
  margin-bottom: 1rem;
}
.studio-info li a {
  display: block;
  padding: 1.2rem 10px;
  color: #fff;
  background-image: url(../img/common/w-arw.png);
  background-position: 95% 50%;
  background-size: 6px 10px;
}
.studio-box .btnArea{
  padding:5px 8px 4px 2px!important;
}
.studio-box .line-btnArea {
  padding:5px 0px 4px 3px!important;
}
.ac-btn {
color:#222!important;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  padding: 5px 0 5px 20px;
  position: relative;
  font-size: 10px!important;
  font-weight: normal;
}
.ac-btn::after {
  display: block;
  position: absolute;
  content: "";
  width: 15px;
  height: 35px;
  top: 65%;
  left: 5%;
  transform: translate(-0%,-35%);
  background: url(../img/common/pin-ico-.png);
  background-size: 15px;
  background-repeat: no-repeat;	
}
.line-btn{
color:#222;	
  border-radius: 4px;
  width: 100%;
  text-align: center;
  padding: 5px 0 5px 20px;
  position: relative;
  font-size: 10px!important;
  font-weight: normal;
	}	
.line-btn::after {
  display: block;
  position: absolute;
  content: "";
  width: 18px;
  height: 35px;
  top: 60%;
  left: 5%;
  transform: translate(-0%,-40%);
  background: url(../img/common/line-ico-.png);
  background-size: 18px;
  background-repeat: no-repeat;
}

.btn-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;padding-top:.25em;}
.btn-wrap div{width:50%;}

.ac-btn{background:none;}
.ac-btn:hover{background: #dedede;}
.line-btn{background:none;}
.line-btn:hover{background: #dedede;}


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

.news-main {
  margin-bottom: 1.5rem;
}
.news-main .btnArea {
  margin-bottom: 8px;
}
.news-tab {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news-tab li {
  width: 48%;
  text-align: center;
  font-size: 1.3rem;
  margin: 0 5px;
}
.news-tab li span{
  display:block;
}
.news-tab li:first-child {
  margin-left: 0;
}
.news-tab li:last-child {
  margin-right: 0;
}
.news-tab li a {
  display: block;
  padding: .6rem 0;
  color:#000;
  border: 1px solid #000;
}
.news-tab li a:hover,
.news-tab li a.active {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
.news-cat-box {
  padding-bottom: 1.25em;
  margin-bottom: 1.25em;
  background-image: url(../img/common/h-b-dotted.png);
  background-position: 0 100%;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.news-cat-pack {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-image: url(../img/common/blue-arrow-ico.png);
  background-position: 98% 50%;
  background-size: 8px ;
}
.news-clip {
  width: 25%;
}
.news-ex {
  width: 73%;
  font-size: 1.3rem;
  font-weight: bold;
  padding-right:2em;
  padding-left:1em;  
}
.news-ex time {
color: #10A6E8;
}

.news-hol {
  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-hol li {
  width: 48%;
  margin-bottom: 20px;
}
.news-ver {
  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-ver li{
  width:48%;
}
.news-ver li.center {
  width:100%;
  display:block;
}
.news-ver li.center img{
  width:48%;
  display:block;
  margin:0 auto 2em;
}
.news-block {
  margin-bottom: 20px;
}

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

.wrap .clip_area{
  padding-top:0;

  padding-bottom:2em;  
}
.clip_area_top {
  background: url(../img/top/clip_area_top.png) no-repeat top center transparent;
  background-size: cover;
  position: relative;
  min-height: 235px;
}
.clip_area_top .clip_area_ttl {
  position: absolute;
  background: rgba(0,0,0,.4);
  width: 100%;
  bottom: 0;
  padding: 10px;
}
.clip_area_top .catch {
  color: #F761C5;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 3px;
}
.clip_area_top .ttl {
  font-size: 1.75rem;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 3px;
}
.clip_area_top p {
  font-size: 1.2rem;
  color: #FFF;
  line-height: 1.4;
}
.clip_area_bottom {
margin-bottom: 20px;
}
.audition-box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 1.5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.audition-clip {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
.audition-ttl {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
}
.audition-ttl h3 {
  font-size: 1.4rem;
  margin-bottom: 8px;
  font-weight: bold;
}
.audition-ttl p {
  font-size: 1.2rem;
  line-height: 1.7;
}
.pickup_btn {
  border: solid 3px #3FC6D1;
  color: #3FC6D1;
  background: url(../img/top/dia-ico.png) no-repeat left 13px top 10px transparent;
  display: block;
  padding: 10px 10px 10px 64px;
  background-size: 40px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
}

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

.s-sec-ttl .en {
  font-size: 3.0rem;
}
.genre-bg {
  background: url(../img/top/genre_bg_sp.jpg) top center no-repeat transparent;
  background-size: cover;
  color: #FFF;
  padding: 20px 0;
}
.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;
  padding-top:1em;
}
.genre-box {
  margin-bottom: 2.4rem;
  width: 48%;
}
.genre-box a {
  color: #fff;
}
.genre-ttl h3 {
  margin-bottom: 12px;
}
.genre-ttl .ja {
  display: block;
  font-size: 1.7rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 4px;
  font-weight: bold;
}
.genre-ttl .en {
  display: block;
  font-size: 1.0rem;
  text-align: center;
}
.genre-ttl p {
font-size: 1.1rem;
line-height: 1.7;
}
.genre-clip {
  margin-bottom: 1.5em;
  border: solid 2px #F7D05C;
  position:relative;
}
.genre-clip .genre-more {
  background:#ED1E79;
  color:#fff;
  padding:.2em .4em;
  text-align:center;
  font-size:1.2rem;
  position:absolute;
  bottom:0;
  right:0;
}
.genre-text {
  margin-bottom: 1rem;
}
.genre-name  {
  display: block;
  margin-bottom: .4rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.genre-desc {
  font-size: 1.1rem;
}

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

.event-clip {
  background: no-repeat top center;
  background-size: cover;
  padding: 50px 0 20px;
}
/*
.event-clip.ev1 {
  background-image: url(../img/top/event01_bg.jpg);
}
.event-clip.ev2 {
  background-image: url(../img/top/event02_bg.jpg);
}
.event-clip.ev3 {
  background-image: url(../img/top/event03_bg.jpg);
}
*/
.event-clip .en {
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 3.4rem;
}
.event-clip .ja {
    display: block;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    font-size: 1.5rem;
}
.event-ttl {
  font-size: 1.3rem;
  line-height:1.5;
  padding: 10px 0;
  margin-bottom: 10px;
}

/* toppage-sns ///////////////////////////////////*/
.sns-block {
  padding:0 0%;	
}
.sns-box:not(:last-child) {
  margin-bottom: 3em;
}
.sns-ttl {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 2.7rem;
  letter-spacing:1px;  
}
.feed-area {
  margin-bottom: 1rem;
}
.tw-feed-area {
  border: 1px solid #ccc;
}
.insta-feed {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  padding: 0 0 0 0;
}
.insta-feed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-sns-box{margin:3.5em 0 3em;}
.top-sns-box ul{display: flex; justify-content: space-between;padding:0 1em;}
.top-sns-box li{width:33.3%;text-align:center;font-size:1.25em;}
.top-sns-box li p{position:relative;width:24px;height:24px;border-radius:50%;background:#222;margin:0 auto;padding:1em;}
.top-sns-box li i{color:#fff;position:absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}


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

.other-school-box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 1.5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.other-school-clip{
  width: 48%;
}
.other-school-ttl {
  width: 48%;
}
.other-school-ttl h3 {
  font-size: 1.2rem;
  font-weight:bold;
  margin-bottom: 6px; 
}
.other-school-ttl p {
  font-size: 1.2rem;
  line-height:1.4;
}

/* toppage-recommend ///////////////////////////////////*/

.relate-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;
}
.relate-block li {
  margin-bottom: 1.4rem;
  width: 48%;
}
.relate-block li a {
  color: #000000;
  text-decoration: none;
}
.relate-clip {
  margin-bottom: 18px;
}
.relate-logo {
  margin: 15px auto ;
  text-align: center;
}
.relate-logo img {
  max-width: 110px;
  max-height: 33px;
}
.relate-logo.noabook img {
  width: 66px;
  min-height: 35px;
  height: 35px;
}
.relate-desc {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6;
}
.n-studio {
  padding: 1.6rem 0 0;
  background-color: #efefef;
}
.n-st-ttl {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
.n-st-ttl .logo {
  display: block;
  padding: 0 22%;
  margin-bottom: .6rem;
}
.n-st-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;
}
.n-st-list li {
  position: relative;
  margin-bottom: 1.6rem;
  width: 30%;
  text-align: center;
}
.n-st-list li .n-st-cap {
  position: absolute;
  bottom: 0;
  padding: .2rem 0;
  width: 100%;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  background-color: rgba(0, 0, 0, .4);
}
.n-st-desc {
  padding: 2rem 0 2em;
  font-size: 1.2rem;
  border-top:0px dashed #ccc;
}




.g-desc-detail{
  border:1px solid #fff;
  color:#fff;
  padding:.4em;
  border-radius: 10px;
  text-align:center;
  width:60%;
  clear:both;
  display:block;
  margin:0 auto 1em;
}
.g-desc-detail i{
  padding-left:.5em;
}

.pickup-list li {
  position: relative;
}
.pickup-list li .pd-profile {
  position: absolute;
  padding: 15px;
  bottom: 0;
  width: 100%;
  height: 42%;
  background-color: rgba(26, 19, 17, .6)
}
.pd-profile span {
  display: block;
}
.pd-profile .pd-name {
  margin-bottom: .4rem;
  color: #e00;
  line-height: 1;
  font-weight: bold;
}
.pd-profile .pd-sub {
  line-height: 1;
  font-size: 1rem;
}
.pd-profile .pd-cat {
  color: #fff;
  font-size: 1.1rem;
}
.pd-profile .pd-studio {
  color: #fff;
  font-size: 1rem;
}
.pickup-list.slick-initialized.slick-slider.slick-dotted {
  margin-bottom: 5rem;
}
.pickup-list li button::before {
  display: none;
}
.pickup-list .slick-dots li {
  margin: 0 2px;
  width: auto;
}
.pickup-list .slick-dots li button {
  padding: 0;
  width: auto;
  color: #999;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
}
.pickup-list .slick-dots li.slick-active button {
  color: #d00;
}
.pickup-list .slick-dots {
  bottom: -40px;
}
.pickup-list .slick-dots .pk-btn {
  width: 25px;
  height: 25px;
  vertical-align: top;
  background-size: 25px 25px;
}
.pickup-list .slick-dots .pk-prev-btn {
  margin-right: 10px;
  background-image: url(../img/common/c-l-arw.png);
}
.pickup-list .slick-dots .pk-next-btn {
  margin-left: 10px;
  background-image: url(../img/common/c-r-arw.png);
}
.pg-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;
}
.pg-list li {
  margin-bottom: .8rem;
  width: 49%;
}
.pk-induct {
  padding: 0 3%;
}


/* Page - audition 
------------------------------------------- */

body.page-audition .artist-sec .sec-ttl .ja {
  font-weight: bold;
}
body.page-audition .audition-intro-sec .content-box {
margin-bottom: 20px;
}

body.page-audition .audition-intro-sec .ais-ttl {
font-size: 3.1rem;
color: #ED1E79;
text-align: center;
line-height: 1.333;
font-weight: bold;
margin-bottom: 12px;
}
body.page-audition .audition-intro-sec .desc {
font-size: 1.4rem;
line-height: 1.6;
}

body.page-audition .support-sec {
  background-image: url(../img/audition/support_sec_bg-sp.jpg);
  background-size: cover;
  padding: 30px 0;
}
body.page-audition .support-sec .clip_area_top {
  background-image: none;
  min-height: inherit;
}
body.page-audition .support-sec .clip_area_top .clip_area_ttl {
  position: static;
  background: none;  
}
body.page-audition .support-sec .sec-ttl {
    color: #FFF;
    margin-bottom: 20px;
}
body.page-audition .thumb {
   margin-bottom: 15px;
}
body.page-audition .audition-clip {
  position: relative;
    -webkit-flex-basis: 40%;
    -ms-flex-basis: 40%;
    flex-basis: 40%;
    margin-bottom: 20px;
}
body.page-audition .audition-clip img {
  border: solid 2px #ED1E79;
}
body.page-audition .audition-clip .thumb {
  position: relative;
}
body.page-audition .audition-clip .thumb::before {
  display: block;
  content: "";
  border-top: solid 14px transparent;
  position: absolute;
  width: 14px;
  height: 0px;
  border-right: solid 14px #ED1E79;
  bottom: 0;
  right: 0;
}
body.page-audition .clip_area_top h3 {
  color: #ED1E79;
  font-size: 1.75rem;
  margin-bottom:.5em;
  font-weight:bold;
}
body.page-audition .clip_area_top p {
font-size: 1.3rem;
line-height: 1.5;
}
body.page-audition .audition-ttl {
  position: relative;
    -webkit-flex-basis: 54%;
    -ms-flex-basis: 54%;
    flex-basis: 54%;
}
body.page-audition .audition-ttl h3 {
  color: #ED1E79;
  font-size: 1.4rem;
}

body.page-audition .audition-ttl p {
  color: #FFF;
font-size: 1.3rem;
line-height: 1.5;
}
body.page-audition audition-block .btnArea {
padding: 0 !important;
} 
body.page-audition .ikusei-btn {
  margin-top:-1em;
}

body.page-audition .news-cat-box {
  border-bottom: solid 1px #10A6E8;
  background-image: none;
}
body.page-audition .other-audition-sec {
  background: #F6F6F6;
  padding: 3em 0;
}
body.page-audition .other-audition-sec .lead {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom:1em;
}
body.page-audition .other-audition-box {
  border-bottom: dotted 1px #aaa;
  padding: 20px 0;
}
body.page-audition .other-audition-box.term {
  border-bottom: none;
}
body.page-audition .other-audition-ttl {
  margin-bottom: 4px;
}
body.page-audition .other-audition-ttl a {
  color: #ED1E79 !important;
  font-size: 1.5rem;
  font-weight: bold;
}
body.page-audition .other-audition-box .desc {
font-size: 1.4rem;
line-height: 1.6;
}

body.page-audition .other-audition-sec .notice {
font-size: 1.4rem;
line-height: 1.6;
  padding: 0 0 20px;
}
body.page-audition .other-audition-sec .caution_box  {
  border: solid 1px #ED1E79;
  color: #ED1E79;
font-size: 1.3rem;
line-height: 1.5;
  padding: 1em;
  margin-bottom: 10px
} 
body.page-audition .other-audition-box .line_txt {
  color: #10A6E8;
  text-decoration: underline;
}

/* Page - showcase 
------------------------------------------- */
body.page-showcase .mv-sec {
  background-image: url(../img/showcase/main-sp.jpg);
}
body.page-showcase .showcase-intro-sec .sec-ttl {
color: #ED1E79;
font-size: 2.5rem;
font-weight: bold;
line-height: 1.222;
}
body.page-showcase .showcase-intro-sec .lead {
text-align: center;
font-size: 1.7rem;
line-height: 1.5;
margin-bottom: 1em;
font-weight: bold;
}
body.page-showcase .showcase-intro-sec .thumb {
margin-bottom: 20px;
}
body.page-showcase .showcase-intro-sec .desc {
font-size: 1.4rem;
line-height: 1.5;
margin-bottom: 1.5em;
}
body.page-showcase .showcase-debut-sec {
  background-image: url(../img/showcase/bg01-sp.jpg);
  background-size: cover;
  padding: 3em 0;
  position: relative;
  margin-bottom: 100px;
}
body.page-showcase .showcase-debut-sec .sec-ttl{
  font-size: 1.7rem;
  font-weight: bold;
  color: #ED1E79;
}

body.page-showcase .showcase-debut-sec .info {
font-size: 1.4rem;
line-height: 1.5;
  color: #FFF;
  font-weight: bold;  
  margin-bottom: 100px;
}
body.page-showcase .showcase-debut-sec .thumb {
  display: block;
  position: absolute;
  bottom: -53px;
  width: 100%;
  text-align: center;
  left: 0;
} 

body.page-showcase .showcase-debut-sec .thumb img {
  max-width: 170px;
}

body.page-showcase .showcase-debut-sec .thumb::after {
  background: url(../img/showcase/img02_after.png) center top no-repeat transparent;
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 80px;
  bottom: -80px;
  left: 0;
  z-index: -1;
  background-size: 170px auto;
  margin: 0 auto;
}

body.page-showcase .showcase-production-sec .sec-ttl {
  font-size: 1.8rem;
  color: #10A6E8;
  font-weight: bold;
  line-height: 1.5;
}

body.page-showcase .showcase-production-sec .lead {
font-size: 1.4rem;
line-height: 1.5;
  margin-bottom: 1.5em;
}

body.page-showcase .showcase-production-sec iframe {
width:100%;
margin:0 auto 2em;
}
body.page-showcase .showcase-explain-sec {
  margin-bottom: 3em;
}

body.page-showcase .showcase-explain-sec .sec-ttl{
  font-size: 1.8rem;
  color: #10A6E8;
  font-weight: bold;
}

body.page-showcase .showcase-explain-sec .desc {
font-size: 1.4rem;
line-height: 1.5;
  margin-bottom: 1.5em;
}

body.page-showcase .showcase-freelesson-sec .sec-ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #ED1E79;
  margin-bottom: .5em;  
}

body.page-showcase .showcase-freelesson-sec a {
  display: block;
  color: #ED1E79;
  padding-top:.5em;
  font-weight: bold;  
}

body.page-showcase .showcase-entry-sec .sec-ttl {
 font-size: 2.2rem;
  color: #10A6E8;
  font-weight: bold;
}

body.page-showcase .showcase-entry-sec .lead {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-bottom: 14px;
}

body.page-showcase .showcase-entry-sec .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2em;
}

/* sp-entry-info */
.sp-entry-info {
  border: solid 1px #ED1E79;
  border-radius: 4px;
  margin-bottom: 2em;
}

.sp-entry-info2 {
  /*border: solid 1px #ED1E79;*/
  border-radius: 4px;
  margin-bottom: 2em;
}

.sp-entry-info .lead {
  padding: 1em !important;
  font-size: 1.4rem  !important;
  line-height: 1.8 !important;
  text-align: left;
  margin-bottom: 0!important;
}

.sp-entry-info .lead .tel-icon {
  background: #ED1E79;
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 2px;
  margin: 0 5px 2px;
  text-align: left;
}

.sp-entry-info2 .lead .tel-icon {
    background: #ED1E79;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 2px;
    margin: 0 5px 2px;
    text-align: left;
}

.sp-entry-info .lead .tel-icon img {max-width: 100%;}
.sp-entry-info2 .lead .tel-icon img {max-width: 100%;}

.sp-entry-info .contact-info {
  background: #FDF5F7;
  padding: 1em;
  text-align: center;
  font-size: 1.4rem;
  line-height:1.5;
  border-radius: 0 0 4px 4px;
}
.sp-entry-info .contact-info .desc{
  margin-bottom: 0!important;
}

.sp-entry-info .contact-info .desc {
  margin-bottom: 0;
}

.sp-entry-info2 .contact-info {
  /*background: #FDF5F7;*/
  padding: 1em;
  text-align: center;
  font-size: 1.4rem;
  line-height:1.5;
  border-radius: 0 0 4px 4px;
}

.sp-entry-info2 .contact-info .desc{
  margin-bottom: 0!important;
}

.sp-entry-info2 .contact-info .desc {
  margin-bottom: 0;
}


body .pc-entry-info table {
  width: 100%;
  background:#fff;
  margin-bottom: 1em;
}
body .pc-entry-info table th, body .pc-entry-info table td{display:block;width:100%;}
body .pc-entry-info table th {
  background: #efefef;
  border-top: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;		
  text-align: center;
  font-weight: normal;
  padding: 10px;
  font-size: 1.4rem;
}
body .pc-entry-info table td {
  border-top: solid 0px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;	
  text-align: center;
  padding: 20px 10px;
  font-size: 1.5rem;
}
body .pc-entry-info table td .name {
  margin-bottom: 6px;
  display: block;
}
body .pc-entry-info table td .tel {
  font-size: 2.0rem;
  color: #ED1E79!important;
  font-weight: 400;
}
body .pc-entry-info table td:last-child {
  border-right: solid 1px #CCC;
}
body .pc-entry-info table td a{color: #3FC6D1;}


body.page-showcase .audition-link {
  background: url(../../assets/img/common/pink-arrow-ico.png) no-repeat center right 20px #FDF5F7;
  background-size: 9px;
  border-radius: 4px;
}
body.page-showcase .audition-link a {
  display: block;
  color: #ED1E79;
  padding: 15px;
}
body.page-showcase .audition-link .thumb {
    width: 105px;
    float: left;;
}

body.page-showcase .audition-link .thumb img {
  border: solid 1px #ED1E79;

}

body.page-showcase .audition-link .lead {
  font-size: 1.5rem;
  line-height: 1.3;
  padding: 12px 0 0px;
}

body.page-showcase .audition-link .lead .em{
  font-size: 2.5rem;
}

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

body.page-singersongwriter .singersongwriter-intro-sec .lead {
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2em;
  font-weight: bold;
}

body.page-singersongwriter .singersongwriter-intro-sec .artist-box {
  box-shadow: none;
  text-align: center;
  border-bottom: solid 1px #10A6E8;
  margin: 0 auto 30px;
  max-width: 240px;
}
body.page-singersongwriter .singersongwriter-intro-sec .artist-box .thumb {
  margin-bottom: 16px;
}

body.page-singersongwriter .singersongwriter-intro-sec .artist-box2 {
  box-shadow: none;
  text-align: center;
  margin: 0 auto 30px;
  max-width: 90%;
}
body.page-singersongwriter .singersongwriter-intro-sec .artist-box2 .thumb {
  margin-bottom: 16px;
}

body.page-singersongwriter .singersongwriter-intro-sec .artist-box .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

body.page-singersongwriter .singersongwriter-feature-sec .lead {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 2em;
}

body.page-singersongwriter .singersongwriter-feature-sec .figure {
  margin-bottom: 47px;
}
body.page-singersongwriter .singersongwriter-feature-sec .figure2 {
  margin-bottom: 47px;
}
body.page-singersongwriter .singersongwriter-feature-sec .figure3 {
  margin-bottom: 47px;
}

body.page-singersongwriter .singersongwriter-feature-sec .feature-box .thumb {
  position: relative;
  margin-bottom: 1.5em;
}
body.page-singersongwriter .singersongwriter-feature-sec .feature-box {
  border: none;
}
body.page-singersongwriter .singersongwriter-feature-sec .f-point {
  bottom: -26px;
  top: inherit;
  width: 44px;
  height: 44px;
}
body.page-singersongwriter .singersongwriter-feature-sec .f-point-txt {
  width: 44px;
  height: 44px;
  padding-top: 6px;
}
body.page-singersongwriter .singersongwriter-feature-sec .f-point-txt .pre {
  font-size: 0.6rem;
}

body.page-singersongwriter .singersongwriter-feature-sec .f-point-txt .num {
  line-height: 1.8rem;
}

body.page-singersongwriter .singersongwriter-feature-sec .title {
  font-size: 2.6rem;
  text-align: center;
  font-weight: bold;
  color: #ED1E79;
  margin-bottom: .5em;
}

body.page-singersongwriter .singersongwriter-feature-sec .desc {
  font-size: 1.4rem;
  line-height: 1.5;
}
body.page-singersongwriter .singersongwriter-option-sec .option-box {
  margin-bottom: 2em;
}
body.page-singersongwriter .singersongwriter-option-sec .thumb{
  margin-bottom: 1em;
}

body.page-singersongwriter .singersongwriter-option-sec .desc {
  font-size: 1.4rem;
  line-height: 1.5;
}

body.page-singersongwriter .singersongwriter-option-sec .lead {
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 2em;
  font-weight: bold;
}

body.page-singersongwriter .singer-ad-img {
  margin-bottom:2em;
}

/* Page - style
------------------------------------------- */
body.page-singersongwriter .singer-sec {
  background-image: url(../img/mainimg/singer-main_sp.jpg);
}
body.page-singersongwriter .anison-sec {
  background-image: url(../img/mainimg/anison-main_sp.jpg);
}
body.page-singersongwriter .dancevocal-sec {
  background-image: url(../img/mainimg/dancevocal-main_sp.jpg);
}
body.page-singersongwriter .jazz-sec {
  background-image: url(../img/mainimg/jazz-main_sp.jpg);
}
body.page-singersongwriter .voiceactor-sec {
  background-image: url("../img/mainimg/voiceactor_top_sp.jpg");
}
body.page-singersongwriter .foreignmusic-sec {
  background-image: url("../img/mainimg/foreignmusic_top_sp.jpg");
}
body.page-singersongwriter .kpop-sec {
  background-image: url("../img/mainimg/kpop_top_sp.jpg");
}
body.page-singersongwriter .internetartist-sec {
  background-image: url("../img/mainimg/internetartist_top_sp.jpg");
}

/* Page - guidance
------------------------------------------- */
body.page-guidance .mv-sec {
  background-image: url(../img/guidance/main-sp.jpg);
}
body.page-guidance .guidance-entrance-sec .sec-ttl {
  font-size: 2.8rem;
  margin-bottom: .5em;
  font-weight: bold;
}
body.page-guidance .guidance-entrance-sec .lead {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 1em;
}

body.page-guidance .contact-desc {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
}

body.page-guidance .contact-desc2 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: left;
}

/*body.page-guidance .contact-desc {
  font-size: 1.7rem;
  line-height: 1.5;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
}*/

/*online_lesson*/
.lesson_type{margin-bottom: 100px;}

.lesson_type h3{text-align:center;font-size: 1.8em;font-weight: bold;}
/*.lesson_type_box{width: 90%;margin: 5% 5% 18%;}*/
.lesson_type_box {width: 80%;margin: 5% 10% 20%;}

.lesson_type_box p.desc{
font-weight: bold;
text-align: center;
font-size: 1.5em;
/*margin: 15px 15px 25px 15px;*/}

.lesson_type_box2 {width: 90%;margin: 5% 5% 18%;}
.lesson_type_box2 p.desc{
font-weight: bold;
text-align: center;
font-size: 1.5em;
margin: 15px 15px 25px 15px;}

p.online_lesson_type{text-align: center;font-size: 1.8em;font-weight: bold;margin-top: 30px;}
p.studio_lesson_type{text-align:center;font-size: 1.8em;font-weight: bold;}

.lesson_type_box span.desc_detail{font-size: .6em;line-height: 1px;}
.lesson_type_box2 span.desc_detail{font-size: .6em;line-height: 1px;}

.online_lesson{text-align:center;}
.online_lesson .online{margin: 35px 0 35px 0;}
.online_lesson .online img{width:315px;}
.online_lesson .flow-ttl{margin: 2em 0 2em 0;}

.online_detailbox{margin: 1.5em;}
.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;}



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

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

/*ボタン追加*/
.online_info_box_btn{
width: 48%;
border: 2px solid #666;
padding: .8em;
display: block;
margin: auto;}

.online-yoko > input {display: none;}
.online-yoko > input:nth-child(1) + label {
cursor: pointer;
/*color: #f72872 !important;*/
font-size: 3.75vw;
display: block;}

.online_info_box_btn p {
color: #666;
font-size: 1.5rem;
font-weight: bold;
text-align: center;}

.online_info_box_btn p span {
display: block;
font-size: 1rem;
font-weight: normal;
padding-top: .5em;}

.online-yoko > input:nth-child(1) + label ~ label {display: none;}
.online-yoko2 {
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;}

.online-yoko2 {display: none;}
.online-yoko .modalTitle {
padding-bottom: .5em;
margin: .5em 0;
font-size: 2rem;
font-weight: bold;}

.online-yoko .modalMain {
text-align: left;
line-height: 1.6;
z-index: 4;}

.online-yoko .modalMain p {
width: 100%;
border: none;
padding: 0;
font-size: 1.3rem!important;
font-weight: normal;
color: #000;}

/*ボタン追加*/



body.page-guidance .guidance-freetrial-sec .flow-box .thumb1 {
width: 100%;
box-sizing: border-box;
margin-bottom: 1em;
padding: 1.5em;}


.antivirus_box {width: 90%;margin: 5% 5% 18%;}
.antivirus_box p.desc {
font-weight: bold;
text-align: center;
font-size: 1.5em;
margin: 15px 15px 25px 15px;}
.antivirus_box span.desc_detail {font-size: .6em;line-height: 1px;}
.antivirus_box img{width: 250px;margin: 0 15%;}

/*online_lesson_end*/

body.page-guidance .reserved-box .pict {
text-align: center;
margin-bottom: 1.5em;
display:none;}

body.page-guidance .web-reserve .pict img {
  width: 45px;
}
body.page-guidance .tel-reserve .pict img {
  width: 30px;
}

body.page-guidance .reserved-box .title {
  font-size: 2.3rem;
  /*font-size: 2.8rem;*/
  color: #ED1E79;
  font-weight: bold;
  /*margin-bottom: 8px;*/
  margin-bottom: 10px;
  text-align: center;
}

body.page-guidance .reserved-box .title span{
/*display: block;*/
font-weight: normal;
font-size: 50%;
padding-top: .5em;}

.web-reserve span.pict2 img{width:45px;}
.tel-reserve span.pict2 img{width:30px;}


body.page-guidance .reserved-box .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 1em;
}

body.page-guidance .guidance-entrance-sec .need {
  margin-bottom: 2em;
}
body.page-guidance .guidance-entrance-sec .need .need-ttl {
  background: #f6f6f6;
  font-size: 1.8rem;
  border: solid 1px #CCC;
  padding: .6em 0;
  text-align: center;
  font-weight: bold;  
}

body.page-guidance .guidance-entrance-sec .need .need-ttl .em {
  font-weight: normal;
  font-size: 1.2rem;
  display:block;
  padding-top:.2em;
}
body.page-guidance .guidance-entrance-sec .need .flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: center;
  align-items: center;
  border-right: solid 1px #CCC;
  border-left: solid 1px #CCC;
  padding: .8em;
}
body.page-guidance .guidance-entrance-sec .need .flex+.flex {
  border-top: dotted 1px #CCC;
  border-bottom: dotted 1px #CCC;
}
body.page-guidance .guidance-entrance-sec .need .flex .pict {
  display: block;
  width: 41px;
  margin: 0;
}
body.page-guidance .guidance-entrance-sec .need .flex .txt {
  width: calc( 100% - 41px );
  font-size:1.4rem;
  font-weight:bold;
 
}
body.page-guidance .guidance-entrance-sec .need .notice {
  padding: .8em;
  font-size: 1.2rem;
  display: block;
  text-align: left;
  border: solid 1px #CCC;
  border-top: none;
}
body.page-guidance .guidance-entrance-sec .join-campaign-box {
  border:4px solid #ED1E79;
  padding:1em;
  text-align:center;
  font-size:1.8rem;
  line-height:1.4;
  background-color:#fff;
  font-weight:bold; 
}
body.page-guidance .guidance-entrance-sec .campaignprice {
  color:#ED1E79;
  display:block;
  font-weight:bold;  
}
body.page-guidance .guidance-entrance-sec .bigprice {
  font-weight:bold;
  font-size:2.4rem;
}

body.page-guidance .guidance-entrance-sec .web-reserve.reserved-box {padding: 2em 0 1em 0;}
body.page-guidance .guidance-entrance-sec .tel-reserve.reserved-box {padding: 0em 0 2em 0;}

body.page-guidance .guidance-freetrial-sec {
  background-color: #F6F6F6;
  padding: 3em 0 1em;
}
body.page-guidance .guidance-freetrial-sec .sec-ttl {
  font-size: 2.8rem;
  margin-bottom: .1em;
  /*margin-bottom: .8em;*/
  font-weight: bold;
}

body.page-guidance .guidance-freetrial-sec .sub-ttl {
  color: #3FC6D1;
  font-weight: bold;
  font-size: 2.5rem;
  /*font-size: 2rem;*/
  text-align: center;
  /*margin-bottom: 1em;*/
  margin-top: 1em;
}
body.page-guidance .guidance-freetrial-sec .reserved-box .pict {
  text-align: center;
  margin-bottom: 1em;
}
body.page-guidance .guidance-freetrial-sec .web-reserve .pict img {
  width: 45px;
}
body.page-guidance .guidance-freetrial-sec .tel-reserve .pict img {
  width: 30px;
}
body.page-guidance .guidance-freetrial-sec .line-reserve .pict img {
  width: 48px;
}

.guidance-freetrial-sec .line-reserve span.pict2 img{width:42px;}

.line-reserve.reserved-box{padding: 2em 0 0 0;}
.web-reserve.reserved-box{padding: 2em 0 0 0;}
.tel-reserve.reserved-box{padding: 2em 0 0 0;}


body.page-guidance .guidance-freetrial-sec .reserved-box .title {
  font-size:2.3rem;
  /*font-size: 2.8rem;*/
  color: #3FC6D1;
  font-weight: bold;
/*margin-bottom: 8px;*/
  /*margin-bottom: 20px;*/
  text-align: center;
}

body.page-guidance .guidance-freetrial-sec .reserved-box .title span{
/*display: block;*/
font-weight: normal;
font-size: 50%;
padding-top: .5em;}

body.page-guidance .guidance-freetrial-sec .reserved-box .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 1em;
}

body.page-guidance .guidance-freetrial-sec .line-reserve ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;margin-bottom:2em;}
body.page-guidance .guidance-freetrial-sec .line-reserve ul:before{content:"";display: block;width:31%;order:1;}
body.page-guidance .guidance-freetrial-sec .line-reserve ul:after{content:"";display: block;width:31%;}
body.page-guidance .guidance-freetrial-sec .line-reserve li.online_btn a{background:#fff;}
body.page-guidance .guidance-freetrial-sec .line-reserve li p.online{color: #3fc6d1;}
body.page-guidance .guidance-freetrial-sec .line-reserve li p.online:before{
    font-family: FontAwesome;
    content: "\f1eb";
    font-size: 1.2em;
    color: #3fc6d1!important;
}
body.page-guidance .guidance-freetrial-sec .line-reserve li{width:31%;text-align:center;margin-bottom:1em;}
body.page-guidance .guidance-freetrial-sec .line-reserve li img{width:40%;display:block;margin:0 auto .5em;}
body.page-guidance .guidance-freetrial-sec .line-reserve li a{display:block;color:#fff;font-weight:bold;font-size:1.3rem;letter-spacing:1px;background:#3fc6d1;border:1px solid #3fc6d1;border-radius:20px;padding:.75em .5em;}

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-info2 {
  /*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: center;
  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 .sp-entry-info .contact-info {
  background: #F4FFFF;
  padding: 1em;
  text-align: center;
  font-size: 1.4rem;
  line-height:1.5;
  border-radius: 0 0 4px 4px;
}
body.page-guidance .guidance-freetrial-sec .sp-entry-info .contact-info .desc{
  margin-bottom: 0!important;
}
body.page-guidance  .flow-block {
  margin-bottom: 30px;
}

body.page-guidance .flow{padding-top: 4em;}



body.page-guidance .guidance-freetrial-sec .flow-ttl {
  text-align: center;
  font-size: 1.9rem;
  font-weight: bold;
  margin-bottom: 1em;
}

body.page-guidance .guidance-freetrial-sec .flow-ttl span.onlinelesson_needlist img{width:100px;}

body.page-guidance .guidance-freetrial-sec .flow-box {
  border: solid 1px #CCC;
  margin-bottom: 3em;
  position: relative;
  background: #FFF;
}

body.page-guidance .guidance-freetrial-sec .flow-box:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -2.5em;
  width: 100%;
  text-align: center;
  background: url(../img/common/blue-arrow.png) no-repeat top center;
  background-size: 20px;
  height: 20px;
}
body.page-guidance .guidance-freetrial-sec .flow-box .step{
  background: #10A6E8;
  color: #FFF;
  text-align: center;
  padding: .65em;
  font-size: 1.6rem;
  font-weight:bold;  
}
body.page-guidance .guidance-freetrial-sec .flow-box .step .num {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #10A6E8;
  font-size: 2rem;
  background: #FFF;
  padding-top:2px;
  margin-left: 10px;
}
body.page-guidance .guidance-freetrial-sec .flow-box .title {
  font-size: 1.8rem;
  color: #10A6E8;
  text-align: center;
  font-weight: bold;
  padding: 1em 0;
}
body.page-guidance .guidance-freetrial-sec .flow-box .title2 {
  font-size: 3.0rem;
  color: #10A6E8;
  text-align: center;
  font-weight: normal;
  padding: .4em 0 .3em;
}
body.page-guidance .guidance-freetrial-sec .flow-box .title span{
  font-size: 1.4rem;
  font-weight: normal;
 }

body.page-guidance .guidance-freetrial-sec .flow-box .flow-info {
  padding: 0 1em 1em;
}

/*body.page-guidance .guidance-freetrial-sec .flow-box .thumb {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1em;
}*/

body.page-guidance .guidance-freetrial-sec .flow-box .thumb {
width: 40%;
box-sizing: border-box;
/* margin-bottom: 1em; */
display: block;
margin: 0 auto 1em;}


body.page-guidance .guidance-freetrial-sec .flow-box .desc {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
}

body.page-guidance .guidance-freetrial-sec .flow-box .lesson_detail_btn {
width: 70%;
margin: 10px auto;
display: block;}



body.page-guidance .guidance-freetrial-sec .flow-box2 {
  border: solid 1px #CCC;
  margin-bottom: 3em;
  position: relative;
  background: #FFF;
}

body.page-guidance .guidance-freetrial-sec .flow-box2:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -2.5em;
  width: 100%;
  text-align: center;
  background: url(../img/common/blue-arrow.png) no-repeat top center;
  background-size: 20px;
  height: 20px;
}
body.page-guidance .guidance-freetrial-sec .flow-box2 .step{
  background: #10A6E8;
  color: #FFF;
  text-align: center;
  padding: .65em;
  font-size: 1.6rem;
  font-weight:bold;  
}
body.page-guidance .guidance-freetrial-sec .flow-box2 .step .num {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #10A6E8;
  font-size: 2rem;
  background: #FFF;
  padding-top:2px;
  margin-left: 10px;
}
body.page-guidance .guidance-freetrial-sec .flow-box2 .title {
  font-size: 1.8rem;
  color: #10A6E8;
  text-align: center;
  font-weight: bold;
  padding: 1em 0;
}
body.page-guidance .guidance-freetrial-sec .flow-box2 .title2 {
  font-size: 3.0rem;
  color: #10A6E8;
  text-align: center;
  font-weight: normal;
  padding: .4em 0 .3em;
}
body.page-guidance .guidance-freetrial-sec .flow-box2 .title span{
  font-size: 1.4rem;
  font-weight: normal;
 }

body.page-guidance .guidance-freetrial-sec .flow-box2 .flow-info {
  padding: 0 1em 1em;
}

body.page-guidance .guidance-freetrial-sec .flow-box2 .thumb {
width: 60%;
box-sizing: border-box;
margin-bottom: 1em;
margin: 10px 20% 15px;}

/*body.page-guidance .guidance-freetrial-sec .flow-box2 .thumb {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1em;
}*/

body.page-guidance .guidance-freetrial-sec .flow-box2 .desc {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
}

body.page-guidance .guidance-freetrial-sec .faq-ttl {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
}

body.page-guidance .guidance-freetrial-sec .faq-box {
  border: solid 1px #CCC;
  border-radius: 6px;
  background: #FFF;
  padding: 1em;
  margin-bottom: 2em;
}
body.page-guidance .guidance-freetrial-sec .faq-box dl {
  font-size: 1.4rem;
  line-height: 1.5;
}

body.page-guidance .guidance-freetrial-sec .faq-box dt {
  text-indent: -20px;
  padding-left: 20px;
  margin-bottom: .7em;
}
body.page-guidance .guidance-freetrial-sec .faq-box dd {
  text-indent: -20px;
  padding-left: 20px;
}

body.page-guidance .guidance-freetrial-sec .faq-box dt .head {
  color: #3FC6D1;
  font-size: 1.4rem;
  margin-right: 10px;
}
body.page-guidance .guidance-freetrial-sec .faq-box dd .head {
  color: #ED1E79;
  font-size: 1.4rem;
  margin-right: 10px;
}

body.page-guidance .guidance-tour-sec {
  padding:1em 0;
  margin-bottom: 3em;
}

body.page-guidance .guidance-tour-sec .sec-ttl{
  font-size: 2.8rem;
  margin-bottom: .75em;
  font-weight: bold;
}
body.page-guidance .guidance-tour-sec .lead {
  font-size: 1.8rem;
  line-height: 1.533;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
}

body.page-guidance .guidance-tour-sec .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: .5em;
}

body.page-guidance .guidance-tour-sec .contact-info {
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 10px;
}

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

body.page-entranceguide .feature-intro-sec .sec-ttl {
  font-size: 1.8rem;
  line-height:1.6;
  margin-bottom: 18px;
  font-weight: bold;
}
body.page-entranceguide .feature-intro-sec .lead {
  width: 80%;
  margin: 0 auto 20px;
}

/*online_lesson*/
.left-col p.detail-ttl{
    text-align: center;
    font-weight: bold;
}
.right-col .btnArea2 {
    padding: 10px 0;
	display:none;
}

body.page-entranceguide .feature-intro-sec2 .lead2 {
    width: 80%;
    margin: 0 auto 20px;
}
/*online_lesson_end*/

body.page-entranceguide .feature-list-sec .feature-head {
  display: block;
  text-align: center;
}

body.page-entranceguide .feature-list-sec #lesson_type .right-col {
  display: none;
}

body.page-entranceguide .feature-list-sec .feature-head .f-point{
  position: relative;
  width: auto;
  height: auto;
  background-color: transparent;
  display: inline-block;
  top: inherit;
  border: none;
  margin: 0 auto .25em;  
}
body.page-entranceguide .feature-list-sec .feature-head .f-point-txt {
  height: 50px;
  width: 50px;
  vertical-align: top;
  border-radius: 50%;
  padding-top: .3em;
  background: #ED1E79;
}
body.page-entranceguide .feature-list-sec .feature-head .pre {
  font-size: 0.8rem;
  display: block;
  padding-top: 8px;
  line-height: 1;
}
body.page-entranceguide .feature-list-sec .feature-head .num {
  display: block;
  font-size: 2.5rem;
  line-height: 1;
}

.feature-intro-sec2{padding-top:6em;}

body.page-entranceguide .feature-list-sec .feature-box:not(:last-child) {
  border: none;
}

body.page-entranceguide .feature-list-sec .feature-head::after {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  border-bottom: dotted 1px #ED1E79;
  top: 50%;
  left: 0;
  position: absolute;
  z-index: -1;
  margin-top: -10px;
}
body.page-entranceguide .feature-list-sec .feature-ttl {
  font-size: 2.6rem;
  line-height: 1.4;
  color: #ED1E79;
  margin-bottom: .5em;
  text-align: center;
  font-weight: bold;
}
body.page-entranceguide .feature-list-sec .desc {
  font-size: 1.4rem;
  margin-bottom: 1em;
  line-height: 1.6;
}

body.page-entranceguide .feature-list-sec .fourth-btn {
  width: auto;
  background: url(../img/common/white-arrow.png) no-repeat right 15px center #3FC6D1;
  background-size: 6px;
  border-radius: 12px;
  padding:.3em 1em .3em;
  color: #FFF !important;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 1em;  
}
body.page-entranceguide .feature-list-sec .fourth-btn a:hover{
  color: #FFF !important;
}
body.page-entranceguide .feature-list-sec .s-ttl {
  text-align: center;
  font-size: 2rem;
  color: #ED1E79;
  font-weight: bold;
  margin: .75em 0;
}
body.page-entranceguide .feature-list-sec .lead {
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  margin: .75em 0;
}
body.page-entranceguide .feature-list-sec .support-list {
  margin-bottom: 24px;
}
body.page-entranceguide .feature-list-sec .support-list li {
  font-size: 1.7rem;
  padding: .4em 0 .3em;
  border: solid 2px #ED1E79;
  border-radius: 8px;
  margin-bottom: .75em;
  color: #ED1E79;
  text-align: center;
  font-weight: bold;
}
body.page-entranceguide .feature-list-sec .genre-list {
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.page-entranceguide .feature-list-sec .genre-list li {
  -webkit-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
  background: #FEF9F6;
  border: solid 2px #603813;
  border-radius: 6px;
  color: #603813;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 10px;
  font-size: 1.35rem;  
  font-weight: bold;
}
body.page-entranceguide .feature-list-sec .etc {
  display: block;
  text-align: center;
  color: #603813;
  font-size: 1.2rem;
  margin-bottom: 10px;
}


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

body.page-course .course-lessonsystem-sec .sec-ttl {
  margin-bottom:2em;
}
body.page-course .course-lessonsystem-sec .sec-ttl .en {
  font-size: 3rem;
}
body.page-course .course-lessonsystem-sec .sec-ttl .ja {
  font-size: 1.4rem;
}

body.page-course .course-lessonsystem-sec .lead {
  font-size: 1.6rem;
  line-height:1.5;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2em;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .freetime .title {
  color: #ED1E79;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .repeat  .title{
  color: #FB973B;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .change  .title{
  color: #3FC6D1;
}
body.page-course .course-lessonsystem-sec .lesson-system-list-box {
  margin-bottom: 19px;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .pict {
  width: 50px;
  margin: 0 auto .5em;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .title {
  text-align: center;
  font-size: 3.3rem;
  font-weight: bold;
  margin-bottom: .6em;
}
body.page-course .course-lessonsystem-sec .lesson-system-list .sub-ttl {
  font-size: 1.8rem;
  padding-top:.5em;
  display: block;
}

body.page-course .course-lessonsystem-sec .lesson-system-list .desc {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5;
}
body.page-course .course-lessonsystem-sec .course-genre-list-box {
  background: #FFF;
  border: solid 1px #CCC;
  padding: 15px 12px;
}

body.page-course .course-intro-sec .desc {
  font-size: 1.4rem;
  line-height: 1.5;
}
body.page-course .course-intro-sec .desc .common-course {
  color: #3FC6D1;
}
body.page-course .course-intro-sec .desc .pro-course {
  color: #ED1E79;
}

body.page-course .course-common-sec {
  padding: 3em 0 0;
  border-top: solid 1px #3FC6D1;
  background: #F5FFFF;
  margin-bottom: 0;
}

body.page-course .course-common-sec .sec-ttl .ja{
  color: #3FC6D1;
  font-size: 2.8rem;
  font-weight: bold;
}

body.page-course .course-common-sec .desc{
  font-size: 2.0rem;
  line-height:1.5;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}

body.page-course .course-common-sec .notice {
  font-weight: bold;
  color: #3FC6D1;
  font-size: 1.3rem;
  display: block;
  text-align: center;
  margin-bottom: 1em;
}

body.page-course table {
  width: 100%;
  font-size: 1.4rem;  
}

body.page-course .price-table thead td{
  color: #FFF;
  font-size: 1.3rem;
  font-weight: bold;
}
body.page-course .price-table thead td span{
  color: #FFF;
  font-size: 1.0rem;
  display:block;
}
body.page-course .price-table td {
  padding: 1em .5em;
  text-align: center;
  background: #FFF;
  border: solid 1px #CCC;
}
body.page-course .price-table td.td-y{background:#fffbd7;position:relative;}
body.page-course .price-table td.td-y span{position:absolute;top:-1em;left:-1em;font-size:60%;font-weight:bold;;background:#ED1E79;padding:.3em .4em;color:#fff;border-radius:12px;}

body.page-course .price-table .total {
  font-size: 1.1rem;
  color: #666;
  display: block;
  font-weight: normal;
  padding-top:.2em;
}
body.page-course .price-table .em {
  font-weight: bold;
}

body.page-course .price-table .notice {
  font-size: 1.3rem;
  line-height:1.4;
  color: #3FC6D1;
  text-align: left;
  margin-bottom: 0;
  display: block;
}

body.page-course .course-common-sec .price-table thead td{
  background: #3FC6D1;
}
body.page-course .course-common-sec .price-table .notice {
  color: #3FC6D1;
}
body.page-course .course-pro-sec .price-table thead td{
  background: #ED1E79;
}
body.page-course .course-pro-sec .price-table .notice {
  color: #ED1E79;
  margin-bottom: 0;
  text-align: left;
}


body.page-course .course-common-sec .fourth-btn {
  background-image: none;
  display: inline-block;
  width: 100%;
  border-radius: 12px;
  padding: .8em 0 .6em;
  margin:1em 0 2.5em;
}

body.page-course .course-pro-sec {
  padding: 27px 0;
  border-top: solid 1px #ED1E79;
  background: #FDF5F7;
}

body.page-course .course-pro-sec .sec-ttl .ja {
  color: #ED1E79;
  font-size: 2.8rem;
  font-weight: bold;
}
body.page-course .course-pro-sec .lead {
  font-size: 2.0rem;
  line-height:1.5;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}
body.page-course .course-pro-sec .desc {
  font-size: 1.5rem;
  line-height:1.4;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.4em;
}

body.page-course .course-pro-sec .notice {
  font-weight: bold;
  color: #ED1E79;
  font-size: 1.3rem;
  display: block;
  text-align: center;
  margin-bottom: 1em;
}


body.page-course .course-pro-sec .price-table .desc-main {
  display: block;
  font-size: 1.4rem;
  font-weight: bold; 
  margin-bottom: 2rem;
}

body.page-course .course-pro-sec .price-table .desc-supplement {
  display: block;
  font-size: 1.2rem;
  line-height:1.4;
  max-width: 124px;
  margin: 0 auto;
  text-align: left;
}

body.page-course .course-pro-sec .lesson-feature-ttl {
  max-width: 260px;
  margin: 10px auto;
}

body.page-course .course-pro-sec .lesson-feature-block {

}
body.page-course .group-box{margin-bottom:2em;}

body.page-course .course-pro-sec .lesson-feature-box {
  position:relative;
  background: #FFF;
  border: solid 1px #ED1E79;
  padding: .5em 0  .5em;
}

body.page-course .course-pro-sec .lesson-feature-box:not(:last-child) {
  border-bottom: none;
} 

body.page-course .course-pro-sec .lesson-feature-box .f-point {
  border-radius: 0;
  border: none;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
  color: #FFF;
}

body.page-course .course-pro-sec .lesson-feature-box .f-point .pre {
  font-size: .7rem;
  line-height: 1;
  display: block;
  padding-top: 4px;
}
body.page-course .course-pro-sec .lesson-feature-box .f-point .num {
  font-size: 1.4rem;
  display: block;
  text-align: center;
  line-height: 1;
}

body.page-course .c-special-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;box-sizing: border-box;}
body.page-course .c-special-wrap div{width:70%;padding-right:.5em;}
body.page-course .course-pro-sec .lesson-feature-box .thumb { 
  width: 27%;
  padding:.5em;	
}

body.page-course .course-pro-sec .lesson-feature-box .title {
    color: #ED1E79;
    font-size: 1.4rem;
    margin-bottom: .3em;
    font-weight: bold;
    padding-top: .2em;
}

body.page-course .course-pro-sec .lesson-feature-box .desc  {
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.4;
    padding-right: 10px;
  margin-bottom: 0;
  font-weight: normal;
}
body.page-course .lesson-middle-ttl {
  text-align: center;
  font-weight: bold;
  font-size: 1.7rem;
  margin-top:2em;
  margin-bottom: .5em;
}

body.page-course .lead.small {
  font-size: 1.4rem;
  margin-bottom: 1em;
}
body.page-course .course-pro-sec .price-table.add-option {
  margin-bottom: 3em;
}
body.page-course .course-pro-sec .price-table.add-option .desc-main{
    text-align: left;
    font-size: 1.3rem;
line-height:1.6;
}
body.page-course .course-pro-sec .price-table.add-option .desc-main span{
    font-size: 1.1rem;
}
body.page-course .course-pro-sec .price-table.add-option .desc-supplement{
    font-size: 1.3rem;
margin:0;
}
body.page-course .course-pro-sec .price-table.add-option td {
    font-size: 1.3rem;   
}

body.page-course .lead.small2 {
  font-size: 1.6rem;
  margin-bottom: 1em;
}

body.page-course .course-genre-list-box {
  background: #FFF;
  border: solid 1px #CCC;
  padding: .8em;
  margin-bottom: 2em;
}

body.page-course .course-genre-list-box .img {
  float: right;
  width: 70px;
  margin-left: 1em;
  margin-bottom: 1em;
}
body.page-course .course-genre-list-box .ttl {
  color: #10A6E8;
  font-size: 1.9rem;
  font-weight: bold;
  margin-bottom: .5em;
  padding:.2em 0 0 .2em;
}
body.page-course .course-genre-list-box .ttl a{
  color: #10A6E8;	
}
body.page-course .course-genre-list-box .ttl .sub{
  font-size:1.4rem;
}
body.page-course .course-genre-list-box .sub-ttl {
  display: block;
  font-size: 1.5rem;
  padding-top: .5em;
  color: #000;
}
body.page-course .course-genre-list-box .ttl-desc {
  font-size: 1.3rem;
  line-height:1.5;
  padding-left: .2em;
}
body.page-course .course-genre-list-header {
  padding-bottom: 8px;
} 
body.page-course .course-genre-list-example {
  padding-bottom: 1em;
  padding-top: 1em;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
body.page-course .course-genre-list-example dl {
}
body.page-course .course-genre-list-example dt {
  display: inline-block;
  color: #10A6E8;
  font-weight: bold;
  vertical-align: top;
  padding: 0 .2em;
  font-size: 1.3rem;
}
body.page-course .course-genre-list-example dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  line-height:1.5;  
}
body.page-course .course-genre-list-example ul {
}
body.page-course .course-genre-list-example li {
}
body.page-course .course-genre-list-example li::before {
  content: "□";
}

body.page-course .course-genre-list-artist {
  padding-bottom: 8px;
  padding-top: 8px;
} 

body.page-course .course-genre-list-artist .artist-ttl{
  font-size: 1.3rem;
  color: #ED1E79;
  font-weight: bold;
  padding: 0 0 0 .2em;
  margin-bottom: .5em;
}

body.page-course .course-genre-list-artist ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.page-course .course-genre-list-artist li {
  border: solid 2px #000;
  width: 50%;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  padding: .6em 0 .4em;
}
body.page-course .course-genre-list-artist li .sub{
  font-size: .9rem;
  padding-top:.2em;
  display: block;
}

body.page-course .course-genre-list-artist li:not(:last-child) {
  border-right: none;
}

body.page-course .course-genre-list-box .box-header:not(:last-child) {
  border-bottom: dotted 1px #CCC;
}

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

body.free-form .freetrial-form-sec{
  padding-top:2em !important;
}

body.page-freetrial .freetrial-intro-sec .lead {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height:1.5;
  margin-bottom:.1em;
  padding-top:2em;
}

body.page-freetrial .freetrial-intro-sec .desc {
  font-size: 1.4rem;
  text-align: center;
  padding-bottom:1em;  
} 

body.page-freetrial .freetrial-form-sec .form-ttl {
  font-size: 2.8rem;
  color: #3FC5D0;
  font-weight: bold;
  text-align: center;
  margin-bottom: .5em;
}
body.page-freetrial .wrap-inner {
  padding: 0 4%;
  margin-bottom: 3em;
}

body.page-freetrial .freetrial-form-sec .form-notice {
  font-size: 1.4rem;
}
body.page-freetrial .freetrial-form-sec .form-notice li {
  padding-left: 1em;
  position:relative;
  margin-top:.5em;
}
body.page-freetrial .freetrial-form-sec .form-notice li::before {
  content: "※";
  color: #ED1E79;
  position:absolute;
  tio:0;
  left:0;
}
body.page-freetrial .freetrial-form-sec .wrap {
  padding: 0;
}
body.page-freetrial .form-wrapper {
  padding: 0;
  border-bottom: solid 1px #909090;
  margin-bottom: 20px;
}
body.page-freetrial .form-heading {
  background: #F4FFFF;
  border: solid 1px #CCC;
  padding: 10px 17px;
  font-size: 1.5rem;
  color:#333;
  font-weight:bold;
  border-left: none;
  border-right: none;
}
body.page-freetrial .form-heading .required {
  display: inline-block;
  height: 20px;
  font-size: 1.1rem;
  padding:.1em .5em .2em;
  color: #FFF;
  background: #ED1E79;
  border-radius: 9px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  margin-left: 10px;
}
body.page-freetrial .form-body {
  padding: 16px 17px;
  font-size: 1.4rem;
}
.red-txt {
  color:#ED1E79;
  font-weight:bold;
  font-size:1.6rem;
}

body.page-freetrial input,
body.page-freetrial button,
body.page-freetrial textarea,
body.page-freetrial  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body.page-freetrial input[type="text"],
body.page-freetrial  select {
width: 100%;
    padding: 10px 14px;
    border: solid 1px #909090;
    border-radius: 6px;
}
.half input{width:50%!important;margin-right:1em;}

body.page-freetrial  select {
    background: url(../img/freetrial/select-bg.png) no-repeat right center transparent;
    background-size: 30px auto;
}

body.page-freetrial  .cal {
    background: url(../img/freetrial/cal-bg.png) no-repeat right center transparent;
    background-size: 30px auto;;
    margin-bottom: 10px;
}

body.page-freetrial .trial_hour {
    margin-bottom: 10px;
}

body.page-freetrial .sex_radio {
    padding: 10px;
    border: solid 1px #909090;
    border-radius: 20px;
    width: 48%;
    display: inline-block;
    text-align: center;
  cursor: pointer;
  position: relative;
}
body.page-freetrial label+label {
  float: right;
}

body.page-freetrial .sex_radio input {
    width: 15px;
    height: 15px;
    background: #FFF;
    float: left;
    border-radius: 50%;
    padding-top: 7px;
  display: block;
  border: solid 1px #909090;
  background: #E8E8E8;
  position: relative;
  outline: none;
}

body.page-freetrial .sex_radio.checked,body.page-freetrial .sex_radio.on {
    background: #3FC5D0;
    color: #FFF;
}
body.page-freetrial .sex_radio.checked::after,body.page-freetrial .sex_radio.on::after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 14px;
    background: #3FC5D0;
    border-radius: 50%;
} 

body.page-freetrial .submitArea {
  text-align: center;
  font-size:2.0rem;
  margin-bottom: 30px;
}
body.page-freetrial input[type="submit"] {
  display: inline-block;
  color: #FFF;
  background: #3FC5D0;
  border-radius: 30px;
  font-weight: bold;
  padding:.8em 1.4em;
}
body.page-freetrial .freetrial-form-sec .desc {
  text-align: center;
  font-size: 1.4rem;
}
body.page-freetrial .btnArea {
  text-align: center;
}
body.page-freetrial .freetrial-form-sec .pdf-btn {
  background: url(../img/freetrial/pdf-ico.png) no-repeat left 10px center #736357;
  color: #FFF;
  width: 70%;
  font-weight: bold;
  display: inline-block;
  background-size: 17px;
  text-indent: 20px;
  border-radius: 4px;
  padding:.8em 1.4em;
} 

body.page-freetrial .head-desc {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

body.page-freetrial.check .form-heading {
  text-align: center;
}

body.page-freetrial.check .form-body {
  padding: 0;
  text-align: center;
}
body.page-freetrial.check .form-body2 {
  padding:1.5em 0;
  text-align: center;
}
body.page-freetrial.check .form-body3 {
  padding:1.5em 0;
  text-align: center;
  border-bottom:1px solid #909090;
  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 {
  display: inline-block;
  padding:.8em 1.4em;
  color: #FFF;
  background: #3FC5D0;
  border-radius: 30px;
  font-weight: bold;
  font-size:1.6rem;  
}


body.page-freetrial.complete .freetrial-intro-sec .lead {
  margin-bottom: 15px;
}

body.page-freetrial.complete .freetrial-intro-sec .desc {
  font-size: 1.1rem;
}

body.page-freetrial.complete .freetrial-thanks-sec .form-comp-ttl {
  font-size: 1.5rem;
  color: #ED1E79;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}

body.page-freetrial.complete .freetrial-thanks-sec .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2em;
}

body.page-freetrial.complete  .fourth-btn {
    width:50%;
    display: inline-block;
    background-image: none;
    border-radius: 30px;
  font-size: 1.5rem;
    padding:.8em 1.4em;
}

body.page-freetrial.complete .restriction p{
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom:1.5em;
}
body.page-freetrial.complete .restriction .caution-txt{
  font-size: 1.6rem;
  font-weight:bold;
  line-height: 1.5;
}

.birth-input{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.birth-input li{width:20%;}
.birth-input li:first-child{width:30%;}
.birth-input li:nth-child(2),.birth-input li:nth-child(4),.birth-input li:nth-child(6){width:10%;text-align:center;}
.birth-input li input{width:100%!important;}
.form-body p{margin-bottom:.5em;}
.sns-body input{margin-bottom:1em;}
body.audition-entry .input-list input,body.audition-entry .agree-btn input{
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance:checkbox}
.agreement{margin-top:1em}


/* main-ttl
------------------------------------------- */

.page-head-ttl {
  color: #fff;
  font-size: 2.7rem;
  padding:.2em 0 .4em;  
}
.page-head-ttl .en {
 }
.page-head-ttl .ja {
  display: block;
  font-size: 1.2rem;
  padding-top:.1em;  
}


/* school
------------------------------------------- */
.school-page-head {
  height: 200px;
}
/*
.b-access-head {
  background-image: url(../img/school/access-main_sp.jpg);
}
.b-tokyo-head {
  background-image: url(../img/school/tokyo-main_sp.jpg);
}
.b-shinjuku-head {
  background-image: url(../img/school/shinjuku-main_sp.jpg);
}
.b-harajuku-head {
  background-image: url(../img/school/harajuku-main_sp.jpg);
}
.b-nagoya-head {
  background-image: url(../img/school/nagoya-main_sp.jpg);
}
.b-fukuoka-head {
  background-image: url(../img/school/fukuoka-main_sp.jpg);
}
*/

.branch-lede-copy {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight:bold;
}
.branch-photo.sec {
  margin-bottom: 6em;
}
.b-photo-main {
  padding: 17px 20px 17px;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background-color: #f6f6f6;
}
.b-photo-ttl {
  margin-bottom: 1.0rem;
  font-size: 1.9rem;
}
.b-photo-main .text {
  font-size: 1.2rem;
  height: auto;
}  
.access-block  {
  padding-top:1em;
  border-bottom: 1px dotted #aaa;
}
.access-imap {
  margin-bottom: 3.5rem;
}
.access-gmap {
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 2em;
  height: 0;
  overflow: hidden;
}
.access-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.ad-detail {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.2rem;
}
.ad-detail .ad-dial {
  color: #00af96;
  font-size: 2.2rem;
}
.ad-time {
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.ad-pickup {
  margin-bottom: 2rem;
  color: #dd0000;
  font-weight: bold;
}
.ad-route .text {
  margin-bottom: 1rem;
}
.ad-route ol li {
  position: relative;
  padding-left: 1.4em;
  margin-bottom:.5em;  
}
.ad-route ol li::before {
  position: absolute;
  content: "\f0da";
  font-family: FontAwesome;
  left: .2em;
  top: 0;
  color:#ED1E79;
}
.ad-route {
  margin-bottom: 3rem;
}
.ad-route p.text{
  font-weight:bold;
}
.ad-traffic-case {
  margin-bottom: 2.5rem;
  background-position: 0.8em 0;
  background-size: 2em auto;
  padding-left: 4em;
}
.ad-traffic p{
  font-weight:bold;
}
.ad-train {
  background-image: url(../img/common/train-ico.png);
}
.ad-bus {
  background-image: url(../img/common/bus-ico.png);
}
.branch-photo-list.slick-initialized.slick-slider.slick-dotted {
  margin-bottom: 5em;
}
.branch-photo-list li button::before {
  display: none;
}
.branch-photo-list .slick-dots li {
  margin: 0 4px;
  width: auto;
}
.branch-photo-list .slick-dots li button {
  padding: 0;
  width: auto;
  color: #999;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
}
.branch-photo-list .slick-dots li.slick-active button {
  color: #ED1E79;
}
.branch-photo-list .slick-dots {
  bottom: -40px;
}
.branch-photo-list .slick-dots .bp-btn {
  width: 10px;
  height:12px;  
  vertical-align: middle;
  background-size: 8px ;
}
.branch-photo-list .slick-dots .bp-prev-btn {
  margin-right: 20px;
  background-image: url(../img/common/c-l-arw.png);
}
.branch-photo-list .slick-dots .bp-next-btn {
  margin-left: 20px;
  background-image: url(../img/common/c-r-arw.png);
}
.branch-text-img{
  margin: 2rem auto;
  display:block;
  width:100%;
}

.linkbt {
  margin-bottom:20px;
}
.linkbt2 {
  margin-bottom:1em;
}
.studio-block2 {
  margin-bottom: 2rem;
}
.studio-box2 {
  border: 1px solid #adadad;
}
.studio-box2:not(:last-child) {
  margin-bottom: 1rem;
}
.studio-box2 .inner {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem 9px;  
}
.studio-head2,
.studio-info2 {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.studio-head2 {
  margin-bottom: 0.6rem;
}
.studio-sub2 {
  padding: 0 3%;
}

.studio-name2 {
  margin-bottom: 1.2rem;
  text-align: center;
  font-weight: 700;
}
.studio-name2 .en {
  display: block;
  line-height: 1.4;
  font-size: 2.6rem;
  font-weight: 700;
}
.studio-name2 .ja {
  display: block;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: normal;  
}
.studio-info2 li:not(:last-child) {
  margin-bottom: 1rem;
}
.studio-info2 li {
  font-size: 2.2rem !important;
}
.studio-info2 li a {
  display: block;
  padding: .8rem 10px;
  color: #fff;
  background-image: url(../img/common/w-arw.png);
  background-position: 95% 50%;
  background-size: 6px 10px;
  text-align: center; 
}
.st-ico2 {
  display: inline-block;
  padding-left: 22px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 24px;
  background-position: 0 45%;
  background-size: auto 19px;
}
.st-ico3 {
  display: inline-block;
  padding-left: 32px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 24px;
  background-position: 0 45%;
  background-size: auto 19px;
}
.st-ico2.cal-ico {
  background-image: url(../img/common/cal-ico.png);
}
.st-ico2.pin-ico {
  background-image: url(../img/common/pin-ico.png);
}
.st-ico3.clo-ico {
  background-image: url(../img/common/clo-ico.png);
}
.branch-info-ttl{
  font-size: 1.8rem;
  font-weight: bold;  
  text-align: center; 
  margin:2em 0 1em;  
}
.branch-info-ttl i {
  padding-right:0.5em;
}
.branch-info-text{
  font-size: 1.4rem;
  line-height:1.6;
  margin:1em 0;  
}
.bb-no{
  border-bottom:none;
}
.studio-add{
  border-collapse:collapse;
  width:100%;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  font-size:1.2rem;
  text-align:left;
}
.studio-add th{
  font-weight:normal;
  width:28%;
  padding:1em;
  border:1px solid #CCCCCC;
  vertical-align:middle;
  text-align:center;
  background-color:#F6F6F6;
  font-size: 1.4rem;  
}
.studio-add td{
  padding:1em 1.5em;
  border:1px solid #CCCCCC;
  vertical-align:middle;
  text-align:left;
  font-size: 1.4rem;
  line-height:1.6;  
}
.studio-add td a{
  color:#F64C6C;
}
.studio-tel-text {
  display:block;
  font-size: 1.6rem;
  margin-bottom:0.5rem;
}
.studio-add-text {
  display:block;
  font-size: 1.2rem;
}
.studio-close-text {
  display:block;
}
.studio-contact-text {
  text-align:center;
  font-size: 1.4rem;
  margin:1em 0 2em;  
}
.ad-detail .ad-dial a{
  color: #1DC0CA;
}

.sch-link-download2 {
  width:70%;
  background-color:#333;
  margin:1em auto 3em;
  text-align:center;
  border-radius: 4px; 
}
.sch-link-download2 a {
  display: block;
  padding: .6em;
  font-size:1.2rem;
  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 15px;
}
.sch-link-download2 .head-ico {
  background-image: url(../img/common/pdf-ico.png);
}
.sch-link-download2 .foot-ico {
  background-image: url(../img/common/download-ico.png);
}

/* artist
------------------------------------------- */
.b-ja-page{
  font-size: 2rem !important;
  font-weight: bold !important;
  line-height: 1.53;
}
.b-artist-head {
  background-image: url(../img/artist/artist-main_sp.jpg);  
}
.artist-sec-page {
  position: relative;
}
.artist-block-page.short {
  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;
  text-align:center;
}
.short .artist-box-page {
width: 47%;
margin-bottom: 2em;

}
.artist-box-page {
  -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
     -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
      -ms-box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
          box-shadow: 0px 1px 8px rgba(0, 0, 0, .25);
}
.large .artist-box-page {
  width: 90%;
  margin: 0 auto 2em;
}
.artist-main-page {
  padding: 1rem 0;
}
.other-jiseki{
  text-align:center;
  margin-top:1em;
  color:#10A6E8;
}

.artist-about-sec {
  background-color:#f6f6f6;
  padding:2em .2em .5em;
  font-size:1.5rem;
  line-height:1.6;
}
.artist-about-sec h3 {
  font-size:2.1rem;
  font-weight:bold;
  color:#ED1E79;
  line-height:1.4;
  margin-bottom:1em;
  text-align:center;
}
.artist-about-sec h3 span{
  display:block;
}
.artist-about-box li{
  margin-bottom:1.5em;
  border-bottom: 1px dashed #ED1E79; 
  padding-bottom:1.5em;
  padding-left:1.5em;  
  position: relative;  
}
.artist-about-box li a{
  color:#10A6E8
}
.artist-about-box li::before{
  position: absolute;
  content: "\f006";
  font-family: FontAwesome;
  left: .2em;
  top: 0;
  color:#ED1E79;
}



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

.b-schoolaudition-head {
  background-image: url(../img/audition/schoolaudition-main_sp.jpg);  
}

.b-schoolaudition-head h1 img{
  margin:-1em auto 0;
  display:block;
}
.schoolaudition-intro-sec{
  padding:.5em 0 1em;
  margin-bottom:1em;
  line-height:1.5;
}
.schoolaudition-intro-sec h2 img {
  display:block;
  margin:0 auto 2em;
}
.schoolaudition-intro-sec .lead{
  font-size:1.5rem;
  font-weight:bold;
  margin-bottom:1em;
}
.schoolaudition-intro-sec .lead span{
  color:#10A6E8;
}
.schoolaudition-intro-sec .lead-p{
  font-size:1.7rem;
  font-weight:bold;
  color:#ED1E79;  
}
.schoolaudition-company-sec {  
}
.schoolaudition-company-box li{
  margin-bottom:1em;  
}
.schoolaudition-about-sec {
  background-color:#f6f6f6;
  padding:2em .2em .5em;
  font-size:1.5rem;
  line-height:1.6;
}
.schoolaudition-about-sec h3 {
  font-size:2.1rem;
  font-weight:bold;
  color:#ED1E79;
  line-height:1.4;
  margin-bottom:1em;
  text-align:center;
}
.schoolaudition-about-sec h3 span{
  display:block;
}
.schoolaudition-about-box li{
  margin-bottom:1.5em;
  border-bottom: 1px dashed #ED1E79; 
  padding-bottom:1.5em;
  padding-left:1.5em;  
  position: relative;  
}
.schoolaudition-about-box li::before{
  position: absolute;
  content: "\f006";
  font-family: FontAwesome;
  left: .2em;
  top: 0;
  color:#ED1E79;
}
.news-audition-block {
  width:100%;
  padding-top:.5em;
}
.news-audition-box {
  padding-bottom: .7em;
  margin-bottom: 1.5em;
  border-bottom: solid 1px #10A6E8;
}
.news-audition {
  width: 100%;
  font-size: 1.5rem;
  line-height:1.4;
  font-weight: bold;
  position:relative;  
  padding-right:1.5em;
}
.news-audition::after{
  position: absolute;
  content: "\f105";
  font-family: FontAwesome;
  right: .1em;
  top: 50%;
  color:#10A6E8;
}
.news-audition time {
  font-size: 1.3rem;
  color: #10A6E8;
  background-color:#e9f8ff;
  padding:.3em .6em;
  font-weight: normal;
  border-radius:4px;  
}
.news-audition p{
  padding-top: .5em;  
}

/* producer
------------------------------------------- */
.b-producer-head {
  background-image: url(../img/producer/producer-main_sp.jpg);
}
.producer-intro-sec {
  margin-bottom:2em;
}
.producer-intro-sec h2 {
  margin-bottom:1em;
  font-size:2.0rem;
  font-weight:bold;
  color:#10A6E8;
  text-align:center;
}
.producer-intro-sec h2 span{
  display:block;
}
.producer-intro-sec p {
  font-size:1.4rem;
  line-height:1.6;
}
.producer-sec {
  background-color:#efefef;
}
.producer_sec_ttl{
  font-size: 2.0rem;
  color: #10A6E8;
  padding: .4em 0 .8em;
}
.producer-block {
  background-color:#fff;
  padding:1.5em 1.2em;
  margin-bottom:3em;
  border:4px solid #fff;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, .20);
     -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, .20);
      -ms-box-shadow: 0px 1px 6px rgba(0, 0, 0, .20);
          box-shadow: 0px 1px 6px rgba(0, 0, 0, .20); 
  border-radius:4px;    
}
.producer-infobox {
  margin-bottom:1.2em;
}
.producer-infobox .leftbox {
  float:left;
  width:100%;
}
.producer-infobox .leftbox100 {
  width:100%;
}
.producer-name {
  font-size:2.4rem;
  font-weight:bold;
  margin-bottom:.4em;
  color:#10A6E8;
}
.producer-name .p-en{
  font-size:1.2rem;
  font-weight:normal;
  padding-top:.2em;
  display:block;
}
.producer-infobox .leftbox .desc,.producer-infobox .leftbox100 .desc{
  font-size:1.2rem;
  line-height:1.3;
}
.official-btn {
  background-color:#ff9c00;
  color:#fff;
  padding:.4em;
  margin-top:.8em;    
  border-radius:4px;
  text-align:center;
  position:relative;
}
.official-btn::after {
  position: absolute;
  content: "\f105";
  font-family: FontAwesome;
  right: .5em;
  top: 20%;
  color:#fff;
}
.official-btn a{
  color:#fff;
}
.producer-infobox .rightbox {
  float:right;
  width:34%;  
}
.producer-photo {
  max-width:150px;
}
.producer-photo img{
  border:1px solid #ccc;
}
.producer-profbox {
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width:100%;
  max-height: 250px;
  border: 1px solid #ddd; 
}
.producer-profbox .koumoku{
  background-color:#efefef;
  color:#333;  
  padding:.6em .4em .4em;
  text-align:center;
  font-weight:bold;
}
.producer-profbox .koumoku span{
  display:block;
}
.producer-profbox .prof-txt{
  padding:1.2em 1em;
  font-size:1.3rem;
  line-height:1.4;  
}

.producer-voat-photo{
  margin-bottom: 1.5em;
}
@media (min-width:899px){
  .producer_sec_ttl {
    font-size: 2.6rem;
    padding: 0.4em 0 1.1em;
  }
  .producer-wrap-voat .producer-block{
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: row-reverse;
  }
  .producer-voat-photo {
    width: 45%;
    margin-bottom: 0;
  }
  .producer-info-wrap{
    width: 50%;
  }
  .producer-info-wrap .producer-infobox .leftbox{
    width: 100%;
  }
  .producer-name {
    font-size: 3rem;
    margin-bottom: 0.6em;
  }
}

/* 蜈ｨ菴 */
.jspContainer { overflow:hidden; position:relative; -webkit-overflow-scrolling: touch;}

/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌・繧帝勁縺・◆繧ｨ繝ｪ繧｢ */
.jspPane { position:absolute; -webkit-overflow-scrolling: touch;}

/* 邵ｦ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌・ */
.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; }

/* 讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌・ */
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }

/* 閭梧勹 */
.jspTrack { background:#CCC; position:relative; }

/* 繝弱ヶ */
.jspDrag { background:#777; position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }

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

/* news index
------------------------------------------- */
.news-all-wrap {
  width:100%;
  padding:0;
  margin:0;
}
.news-all-box {
  border-bottom:0px dotted #999;  
}
.news-all-box ul{
  width:100%;
  padding-bottom:1.5em;
  margin-bottom:1.5em;
  border-bottom:1px dotted #999;  
}
.news-all-box .news-thum {
  width:25%;
  float:left;    
  position: relative;
  overflow:hidden;   
}
.news-all-box .news-thum:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.news-all-box .news-thum img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.news-all-box .news-text {
  width:70%;
  float:right;  
}
.news-all-box a:hover{
  color:#ED1E79;
}
.news-all-box .news-date {
  font-size:1.2rem;
  color:#999;
  margin-bottom:.5em;
}
.news-all-box .news-ttl {
  font-size:1.4rem;
  line-height:1.4;
  font-weight:bold;
}
.blog-archive-box {
  width:100%;
  padding-top:1em;  
  margin-bottom:3em;  
}
.blog-archive-box li{
  float:left;
  width:48%;
  font-size:1.4rem;
  padding:0 1em .5em;
  margin-bottom:1em;
  text-align:center;
}
.blog-archive-box li a{
  padding-bottom:.3em;
  border-bottom:1px dashed #10A6E8;
}
.news-list-main {
  margin-bottom: 1.5rem;
}
.news-list-tab {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2.5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news-list-tab li {
  width: 48%;
  text-align: center;
  font-size: 1.4rem;
}
.news-list-tab li a {
  display: block;
  padding: .6rem 0;
  color:#fff;
  background-color: #B6B6B6;
}
.news-list-tab li a:hover,
.news-list-tab li a.active {
  color: #fff;
  background-color: #FA6BC9;
}
.news-list-cat-box {
  padding-bottom: 1rem;
  margin-bottom: .5rem;
  background-image: url(../img/common/h-b-dotted.png);
  background-position: 0 100%;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.news-list-cat-pack {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-image: url(../img/common/tri-arw.png);
  background-position: 100% 100%;
  background-size: 14px 12px;
}
.news-list-clip {
  width: 25%;
}
.news-list-ex {
  width: 70%;
  font-size: 1.3rem;
  font-weight: bold;
  padding-right:2em;   
}

.newspost-ttl {
  font-size:1.8rem;
  line-height:1.6;  
  font-weight:bold;
}
.newspost-text {
  font-size:1.5rem;
  line-height:1.6;
  padding:2em 1% 1em;
  margin-bottom:1em;
-webkit-text-size-adjust: 100%;
}
.newspost-text img {
  max-width:100%;
  width /***/:auto; /* IE8縺ｮ縺ｿ */
  height:auto;
  vertical-align:bottom;
  display:block;
  margin:0 auto;
}
.newsback-box {
  padding:0 0 1em;
  margin-bottom:0em;
  border-top:0px dotted #aaa;
}

.exp-btn2 {
  width:100%;
  display: block;
  padding: .7em 1em;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;  
  background-color: #1DC0CA;
  margin-top:1em;
}
.exp-btn2 .arw {
  display: block;
  padding-right: 1.8em;
  background-image: url(../img/common/w-arw.png);
  background-repeat:no-repeat;
  background-size: 4px 8px;
  background-position: 96% 50%;
}


/* news post
------------------------------------------- */
.news-detail-wrap {
  width:100%;
  padding:0 0 0em;
  margin-bottom:2em;
  border-bottom:1px solid #ccc;
}
.news-detail-box {
  font-size:1.5rem;
  line-height:1.6;
  padding-bottom:2em;
}
.news-detail-box h2{
  font-size:1.7rem;
  line-height:1.4;
  font-weight:bold;
}
.news-detail-ttl {
  font-size:2.0rem !important;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:1em;
}
.news-detail-box iframe{
  max-width:100%;
}
.news-detail-box a{
  color:#FC79AF;
}
.news-detail-box img {
  max-width:100%;
  height:auto !important;
}
body.page-knowledge .guidance-freetrial-sec{background:#FFF;}
body.page-knowledge .news-detail-wrap .wrap{padding:0 0;}
body.page-knowledge .news-detail-wrap .wrap{padding:0 0;}
body.page-knowledge .news-detail-wrap .news-detail-box,body.page-knowledge .guidance-freetrial-sec{padding:0 4%;}

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

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

/* yougo
------------------------------------------- */
.b-yougo-head {
  background-image: url(../img/mainimg/yougo-main_sp.jpg);
}
.yougo-all-box {
  nmargn-bottom:2em;
}
.yougo-all-box ul{
  width:100%;
}
.yougo-all-box a:hover{
  color:#ED1E79;
}
.yougo-all-box li{
  position: relative;
  margin-bottom:2.5em; 
  padding:1em;
  border:1px solid #ED1E79;
}
.yougo-all-box li:after{
  position: absolute;
  content: "\f105";
  font-family: FontAwesome;
  right: 1em;
  top: 40%;
  color:#ED1E79;
  font-size:1.8rem;
}
.yougo-all-box .yougo-ttl {
  font-size:1.8rem;
  margin-bottom:.4em;  
  line-height:1.4;
  font-weight:bold;
  color:#ED1E79;  
}
.yougo-all-box .yougo-txt {
  font-size:1.4rem;
  line-height:1.5;
  padding-right:1.5em;
}
.yougo-cat-box .yougo-cat-ttl {
  font-size:2.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: 20%;
  color:#ED1E79;
}
.yougo-cat-box .yougo-ttl {
  font-size:1.7rem;
  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_sp.jpg);
}
.b-auditionqa-head {
  background-image: url(../img/mainimg/auditionqa-main_sp.jpg);
}
.pink-txt {color:#ED1E79 !important;}

.qa-ttl {
  font-weight:bold;
  font-size: 2.0rem;
  line-height:1.4;
  margin:0 0 1em;
  color:#10A6E8;
  text-align:center;
}
.qa-lede-copy{
  font-weight:bold;
  font-size: 1.6rem;
  line-height:1.4;
  text-align:center;
  padding-bottom:3rem;  
}
.qa-lede-copy span{
  display:block;
}
.qa-text-box{
  padding:3rem .5em;
  border-top:1px solid #DDDDDD;
  text-align:left;
  font-size: 1.4rem;  
}
.qa-text-box a{
  color:#ED1E79;
}
.qa-text-box a:hover{
  color:#333;
}
.qa-text-box h2.q{
  font-size: 1.5rem;
  padding-bottom:1rem; 
  font-weight:bold;  
}
.qa-text-box h3.q{
  font-size: 1.5rem;
  padding-bottom:1rem; 
  font-weight:bold;
  color:#ED1E79;
}
.qa-text-box i{
  font-size: 1.8rem;
  padding-right:0.5rem; 
}
.qa-noborder{
  border-top:0px solid #DDDDDD;
  padding:0rem .5em 3rem;  
}
.qa-text-box .fourth-btn {
  width: auto;
  background: url(../img/common/white-arrow.png) no-repeat right 15px center #3FC6D1;
  background-size: 6px;
  border-radius: 12px;
  padding:.5em 2.5em .5em 1em;
  color: #FFF !important;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}
.qa-text-box .fourth-btn a:hover{
  color: #FFF !important;
}


/* live
------------------------------------------- */
.b-live-head {
  background-image: url(../img/mainimg/live-main_sp.jpg);
}
.live-lede{
  font-size: 1.5rem;
  line-height:1.4;
  text-align:left;
  padding-bottom:2em;  
}
.live-lede-copy{
  font-weight:bold;
  font-size: 1.6rem;
  line-height:1.4;
  text-align:center;
  padding-bottom:.5em;  
}
.live-lede-copy span{
  display:block;
}
.live-box {
  margin-bottom:2em;
}
.live-box img{
  margin-bottom:1em;
}
.live-ttl .en {
  display: block;
  text-align: center;
  font-size: 3.1rem;
  font-weight: bold;  
}
.live-ttl .ja {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 1.5rem;
  margin-top:.2em;
  color:#10A6E8;
}
.live-desc {
  font-size: 1.4rem;
  line-height:1.4;
  padding: 1em 0;
}
.live-under-copy {
  font-size: 1.4rem;
  line-height:1.4;
}
.live-news-bk {
 background-color:#efefef;
 padding:2em 0 3em;
}
.live-photo.sec{
  margin-bottom:1em;
 }
.live-blog .btnArea{
  margin-bottom:3em;
}

/* song champion
------------------------------------------- */
.b-champion-head {
  background-image: url(../img/mainimg/champion-main_sp.jpg);
}
.champion-box {
  
}
.champion-lede-copy {
  font-size: 1.5rem;
  font-weight: bold;  
  line-height:1.4;
  text-align:left;
  margin-top:2em;
  padding-bottom:1em;  
}
.champion-lede-copy li {
  margin-bottom:.7em;
}
.champion-lede-copy li.tyui {
  position: relative;
  padding-left:1.2em;
  font-weight: normal;  
}
.tyui-fst {
  margin-top:2em;
}
.champion-lede-copy li.tyui::before {
  position: absolute;
  content: "\f06a";
  font-family: FontAwesome;
  left: 0;
  top: 0;
  color:#ED1E79;
}
.pastchampion-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;
}
.pastchampion-box {
  width: 48%;
  margin-bottom:2em;
}
.pastchampion-box img{
  margin-bottom:1em;
}
.champion-number {
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom:.5em;
}
.champion-number span {
  font-weight: normal;
  font-size: 1.1rem;
  margin-bottom:.8em;
}
.champion-name {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;  
}
.champion-name span {
  font-size: 1.4rem;
  font-weight: normal;
  padding-left:.2em;
}

/* 100 days lesson
------------------------------------------- */
.b-100days-head {
  background-image: url(../img/mainimg/100day-main_sp.jpg);
}
.hyakunichi-lede{
  font-size: 1.5rem;
  line-height:1.5;
  text-align:left;
  padding-bottom:2em;  
}
.hyakunichi-lede-copy{
  font-weight:bold;
  font-size: 1.6rem;
  line-height:1.5;
  padding-bottom:1em;  
}
.hyakunichi-lede-copy span{
  display:block;
}

/* achievement
------------------------------------------- */
.b-achievement-head {
  background-image: url(../img/mainimg/achievement-main_sp.jpg);
}
.achievement-lede {
  margin-bottom:2em;
}
.achievement-lede li {
  width: 100%;
  margin-bottom:1em;
  text-align:center;
  font-weight:bold;
  font-size:1.5rem;
  color:#ED1E79;
}
.achievement-lede li span{
  display:block;
}
.achievement-ttl {
  background-color:#ED1E79;
  color:#fff;
  padding:.7em;
  border-radius: 6px;
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
}

.achievement-table {
  margin-bottom: 2rem;
}
.achievement-table table {
  width: 100%;
  font-size: 1.5rem;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.achievement-table table th,
.achievement-table table td {
  padding: 1em 5px .5em;
  text-align: center;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width:100%;
  display:block;
}
.achievement-table th {
   font-weight: bold;
   background-color:#efefef;
   font-size: 1.4rem;
  padding: 1em 5px;   
}
.achievement-member {
}
.achievement-member li{
  float:left;
  width:50%;
  margin-bottom:.5em;
} 

/* Page - recruit
------------------------------------------- */
body.page-recruit .mv-sec {
  background-image: url(../img/recruit/main-sp.jpg);
}
.recruit-lede-ttl{
  font-weight:bold;
  font-size: 2.0rem;
  line-height:1.4;
  text-align:center;
  padding-bottom:2rem;  
}
.recruit-lede-ttl span{
  display:block;
}
.recruit-lede-txt{
  margin-bottom:3em;
  font-size: 1.5rem;
  line-height:1.4;
}
.recruit-job{
  font-weight:bold;
  font-size: 1.8rem;
  line-height:1.4;
  text-align:center;
  padding-bottom:1rem;
  color:#10A6E8;  
}
.recruit-infobox{
  border-collapse:collapse;
  width:100%;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  font-size:1.2rem;
  text-align:left;
  margin-bottom:3em;
}
.recruit-infobox th{
  font-weight:normal;
  width:28%;
  padding:1em;
  border:1px solid #CCCCCC;
  vertical-align:middle;
  text-align:center;
  background-color:#F6F6F6;
}
.recruit-infobox td{
  padding:1em;
  border:1px solid #CCCCCC;
  vertical-align:middle;
  text-align:left;
}
.recruit-infobox td a{
  color:#EF27AC;
}
.recruit-infobox p{
  line-height:1.8;
}
.recruit-app a{
  display:block;
  text-align:center;
  background-color:#ED1E79;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  -khtml-border-radius:30px; 
  border-radius:30px;
  font-size:1.8rem;
  font-weight:normal;
  color:#FFF !important;
  padding:1em;
  margin:0 auto;
  width:50%;
}
.recruit-tel-box{
  background-image: url(https://www.kknoah.co.jp/images/media_list_back.jpg);
  background-repeat: repeat-x;
  padding:1em;
  margin:3rem 0;
}
.recruit-tel-text{
  background-color:#ffffff;
  padding:1em;
  text-align:center;
  line-height:1.6;
}
.recruit-tel{
  font-size:2.2rem;
  font-weight:normal;
  display:block;
}
.oubo{
  font-size:1.4rem;
}

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

/* instructor
------------------------------------------- */
body.page-inst .mv-sec {background-image: url(../img/mainimg/inst-main_sp.jpg);}

.inst-wrap{margin-top:0;padding:0 0 2em;}
.inst-wrap .wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.inst-wrap section{width:47%;position:relative;margin-bottom:2em;}
.inst-wrap section .txt{background:rgba(255,255,255,0.8);padding:.5em .5em;width:100%;}
.inst-wrap section h2{font-size:1.5rem;line-height:1.8;}
.inst-wrap section p{font-size:1.1rem;}

/* instructor-post
------------------------------------------- */
.inst-post-wrap{margin-top:-.25em;padding:0 0 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.inst-post-wrap section{width:100%;margin-bottom:2em;padding:0 1em;}
.inst-post-wrap section h1{font-size:2.1rem;font-weight:bold;margin-bottom:1em;}
.inst-post-wrap section h1 span{font-size:60%;padding-left:1em;font-weight:normal;}
.inst-post-wrap section:last-child li{margin-bottom:1.5em;line-height:1.8;}
.inst-post-wrap section:last-child p{font-size:1.3rem;line-height:1.8;}
.inst-post-wrap section:last-child p.koumoku{color:#10A6E8;font-size:1.1rem;margin-bottom:.75em;}
.inst-post-wrap .newsback-box{padding: 0 0 2em;}
.inst-message {position: relative;display: inline-block;margin: 2em 0 .5em;padding:1.25em 1em;width: 100%;color: #333;font-size:1.3rem;background: #FFF;border: solid 1px #555;box-sizing: border-box;border-radius: 2px;line-height:1.8;}
.inst-message:before {content: "";position: absolute;top: -12px;left: 15%;margin-left: -13px;border: 5px solid transparent;border-bottom: 7px solid #FFF;z-index: 2;}
.inst-message:after {content: "";position: absolute;top: -14px;left: 15%;margin-left: -14px;border: 6px solid transparent;border-bottom: 8px solid #555;z-index: 1;}