@charset "utf-8";

/* Module =============================================*/
:root {
  --color-black: #161613;
  --color-black2: #212121;
  --color-black3: #666666;
  --color-black4: #444444;
  --color-red: #db3516;
  --color-red2: #e7404b;
  --color-red3: #ee0000;
  --color-pink: #ef7d83;
  --color-grey: #e4e1e1;
  --color-grey2: #f2f1ea;
  --color-grey-txt: #bababa;
  --color-white: #f1f0ed;
  --color-white2: #f9f9f7;
  --color-blue: #2992c9;
  --color-blue2: #0c77b0;

  --c-black: #000c12;
  --c-black2: #1e282e;
  --c-navy: #193863;
  --c-blue: #2c8abc;
  --c-gold: #b49e73;
  --c-gold2: #c7b299;
  --c-gray: #e9e5dc;
  --c-gray2: #f6f6f6;
  --c-gray3: #dcdfdf;
  --c-red: #e7404c;
  --c-bg: #f9f9f9;

  --font-comp: "Geologica","YakuHanJP",'NotoSansCJKjp',sans-serif;
  --font-ja: "YakuHanJP",'NotoSansCJKjp',sans-serif;
  --font-en: 'Geologica', sans-serif;
  --filter-w: invert(100%) sepia(19%) saturate(377%) hue-rotate(316deg) brightness(100%) contrast(91%);
  --filter-wg: invert(96%) sepia(8%) saturate(14%) hue-rotate(314deg) brightness(86%) contrast(111%);
  --filter-red: invert(33%) sepia(39%) saturate(3362%) hue-rotate(347deg) brightness(84%) contrast(106%);
  /* --filter-blue: invert(44%) sepia(81%) saturate(479%) hue-rotate(156deg) brightness(96%) contrast(87%); */
  --filter-blue: invert(48%) sepia(24%) saturate(1382%) hue-rotate(157deg) brightness(94%) contrast(85%);
  --filter-gold: invert(68%) sepia(8%) saturate(1335%) hue-rotate(1deg) brightness(93%) contrast(88%);

  --inn-w: 2rem;
  --inn-w-minus: -2rem;

  --kv-fill-color: #fff;
}

/*Reset =============================================*/
html{
  /* font-size: 10px; */
  font-size: 3.125vw;
}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,figcaption{
  margin: 0;
  padding: 0;
  line-height:1.4;
  font-family: 'Urbanist','Noto Sans JP', sans-serif;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
div,span{
  box-sizing: border-box;
  background-repeat: no-repeat;
}
ul,li{
list-style: none;
}
a{
text-decoration: none;
color: inherit;
transition: opacity .6s;
}
a:hover{
  opacity: .5;
}
a[href^="tel:"] {
  pointer-events: all;
}
img{
vertical-align: bottom;
border: none;
width: 100%;
max-width:100%;
height:auto;
}
svg{
  fill: currentColor;
}
br.pad{
  display: none;
}
br.sp.pad{
  display: block;
}
br.pc{
  display: none;
}
table {
  border-collapse: collapse;
}
.pc-hide{
  display: block;
}
.sp-hide{
  display: none;
}

@media (min-width: 860px) {
  html{
    /* W860:10 */
    font-size: 1.1628vw;
  }
  br.sp{
    display: none;
  }
  br.pad{
    display: none;
  }
  br.sp.pad{
    display: none;
  }
  br.pc{
    display: block;
  }
  .pc-center{
    text-align: center;
  }
  .pc-left{
    text-align: left;
  }
  .pc-hide{
    display: none;
  }
  .sp-hide{
    display: block;
  }
}/* mq860 end */

@media (min-width: 1200px) {
  html{
    font-size: 14px;
  }
  .container,#top_about,.reco_block{
    max-width: 1200px;
  }
} /* mq1200 end*/


/*=====================================
BODY & MODULE
=====================================*/
.no_mv{
padding-top: 7rem;
}
.sec_bloc{
  padding: 3rem 0;
}
.container{
  /* padding: 0 20px; */
  /* padding: 0 6.25vw; */
  padding: 0 2rem;
  /* max-width: 600px; */
  margin: 0 auto;
}

.hover{
  transition: opacity .6s;
}
.hover:hover{
  opacity: .6;
}
.tac{
  text-align: center;
}
.sec_ttl{
  text-align: center;
  color: #45a0d9;
  letter-spacing: 0.03em;
  margin-bottom: 2.5em;
}
.sec_ttl .en{
  font-size: 5.2rem;
}
.sec_ttl .jp{
  display: block;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.15rem;
}
.sec_ttl.bset .en{
  font-size: 5.2rem;
}
.sec_ttl.bset .jp{
  font-size: 1.6rem;
  color: #3d5468;
  /* font-weight: 400; */
}
.sec_ttl.cset{
  font-size: 2.8rem;
  margin-bottom: 1em;
  line-height: 1.3;
}
.sec_ttl.cset .en{
  font-size: 2.8rem;
}
.sec_ttl.cset .jp{
  font-size: 1.4rem;
  font-weight: 500;
  color: #3d5468;
  margin-top: 0.3em;
}
.caution {
  font-size: 1.15rem;
  line-height: 1.6;
  margin-bottom: 1em;
  color: #323232;
}

/* BREADCRUMS ================================= */
.breadcrumbs {
  text-align: left;
  background-color: #ecf5fb;
  color: #6f777f;
  padding: 0.8em 0 0.8em;
  line-height: 1;
  width: 100%;
  margin: 0 auto;
}
.breadcrumbs li {
  position: relative;
  display: inline-block;
  margin: 0.2em 1.8em 0.2em 0;
  /* font-size: clamp(10px, 1rem, 12px); */
  padding: 0;
  line-height: 1;
}
.breadcrumbs li:not(:last-child)::after {
  position: absolute;
  content: ">";
  right: -1.5em;
  top: 0;
}
.guide_text_p{
  font-size: 1.7rem;
  text-align: center;
  font-weight: bold;
  color: #112d46;
  margin-bottom: 1.5em;
}
.system_text_p{
  font-size: 1.6rem;
  text-align: justify;
  font-weight: bold;
  color: #112d46;
  margin-bottom: 1em;
}

@media (min-width: 860px){
  .container {
    padding: 0 3rem;
  }
  .sec_bloc{
    padding: 4.5rem 0;
  }
  .sec_ttl .en{
    font-size: 6.8rem;
    letter-spacing: .3rem;
  }
  .sec_ttl .jp{
    font-size: 2.4rem;
    opacity: .8;
    letter-spacing: .3rem;
  }
  .breadcrumbs {
    padding: 0.8em 0 0.8em;
  }
  .guide_text_p{
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    color: #112d46;
    margin-bottom: 1.5em;
  }
  .system_text_p{
    font-size: 2rem;
    text-align: center;
  }
}/* mq860 end */

/* ANIMATION 
================================= */
.fadeInRight.on{
  animation-name:fadeInRightAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeInRightAnime{
  from { opacity: 0; transform: translateX(-60%) ;}
  50%  { opacity:.5; transform: translateX(0) ;}
  to   { opacity: 1; }
}

.fadeInDown.on{
  animation-name:fadeInDownAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeInDownAnime{
  from { opacity: 0; transform: translateY(-50%) ;}
  50%  { opacity:.5; transform: translateY(0) ;}
  to   { opacity: 1; }
}

.fadeInLeft.on{
  animation-name:fadeInLeftAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes fadeInLeftAnime{
  from { opacity: 0; transform: translateX(60%) ;}
  50%  { opacity:.5; transform: translateX(0) ;}
  to   { opacity: 1; }
}

.delay025s{animation-delay: .25s;}
.delay05s{animation-delay: .5s;}
.delay075s{animation-delay: .75s;}
.delay1s{animation-delay: 1s;}
.delay15s{animation-delay: 1.5s;}
.delay2s{animation-delay: 2s;}


/*=====================================
HEADER
======================================*/
.header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  transition: background-color 2s;
}
.header-inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem .5em 1em 1rem;
}
.pc_nav{
  display: none;
}
.head_logo{
  width: 10rem;
  transition: width 1s;
}

.header.white{
  background-color: rgb(69, 160, 217, .9);
}
.header.white .head_logo{
  width: 7rem;
}

.no_mv .header{
  background-color: rgb(69, 160, 217, .9);
}
.no_mv .header .head_logo{
  width: 7rem;
}


/* SP-Btn================================= */
.sp_btn{
  display: flex;
  justify-content: space-between;
}
#telephone-btn,#panel-btn{
  display: block; 
  position: relative;
  width: 5rem;
  height: 4rem;
}

/* Telephone-Btn=========================== */
#telephone-btn-icon img{
  position: absolute; 
  margin: auto;
  left:0;
  right:0;
  top:15%;
  width: 2.5rem; 
  transition-property: opacity; 
  transition-duration: .4s;
  opacity: 1;
}
#telephone-btn .close { 
  background: transparent;
}
#telephone-btn .close:before, #telephone-btn .close:after {
  margin-top: 0;
  display: block; 
  content: ""; 
  position: absolute; 
  margin: auto;
  left:0;
  right:0;
  top:0;
  bottom: 0;
  width: 2.5rem; 
  height: .1rem;
  background: #fff;
  transition: .9s;
}
#telephone-btn .close:before {
  transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); 
}
#telephone-btn .close:after {
   transform: rotate(-135deg); 
   -webkit-transform: rotate(-135deg); 
}
#telephone-btn .close img{
  transition-property: opacity; 
  transition-duration: .4s;
  opacity: 0;
}	

/* Panel-Btn================================= */
#panel-btn-icon,#panel-btn-icon:before, #panel-btn-icon:after { 
  display: block;
  position: absolute;
  margin: auto; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 2.5rem; 
  height: .1rem; 
  background: rgb(255, 255, 255); 
  transition: .2s; 
}
#panel-btn-icon:before, #panel-btn-icon:after {
  content: "";
  transition: .3s; 
}
#panel-btn-icon:before { 
  margin-top: -0.7rem; 
}
#panel-btn-icon:after { 
  margin-top: 0.7rem; 
}
#panel-btn .close { 
  background: transparent; 
}
#panel-btn .close:before, #panel-btn .close:after {
  margin-top: 0;
  display: block; 
  content: ""; 
  position: absolute; 
  margin: auto; 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 2.5rem;
  height: .1rem; 
}
#panel-btn .close:before { 
  transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); 
}
#panel-btn .close:after { 
  transform: rotate(-135deg); 
  -webkit-transform: rotate(-135deg); 
}

/* 開閉メニュー 共通================================= */
.sp_tel_bloc,.sp_menu_bloc{
  display: none;
  position: absolute;
  top:0;
  left:0;
  /* background-color: rgb(236, 245, 251, .95); */
  background-color: rgb(69, 160, 217, .95);
  background: linear-gradient(180deg, rgba(69,160,217,.95) 60%, rgba(165,214,245,.95) 100%);
  color: #ffffff;
  background-size: cover;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 10rem 4rem 6rem;
  box-sizing: border-box;
  font-size: .9em;
  border-bottom: solid 0px #ccc;
  overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
  z-index: -1;
}


/* TELメニュー ================================= */
.sp_tel_bloc{
  display: none;
  padding: 10rem 4.2rem 6rem;
}

.sp_tel_bloc a{
  display: block;
}
.sp-tel-menu-list{
  margin-bottom: 1.5rem;
}
.sp-tel-menu-ttl{
  font-size: 1.8rem;
  margin-bottom: 0.2em;
}
.sp-tel-menu-btn-wrap{
  display: flex;
  justify-content: space-between;
}
.s-menu-tel-btn{
  padding: 0rem 1.5rem 0 1.4rem;
  /* margin-right: .3em; */
  background-color: #fff;
  border-radius: .5rem;
  color: #45a0d9;
  /* position: relative; */
}
/* .s-menu-tel-btn::after{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #c0ced6;
  transform: translateY(.3rem);
  border-radius: .5rem;
  z-index:-1;
} */
.s-menu-tel-btn:first-child{
width: 58%;
}
.s-menu-tel-btn .tel{
  font-size: 1.8rem;
  line-height: 4rem;
  padding-left: 1.2em;
  position: relative;
}
.s-menu-tel-btn .tel::before{
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(/kids/imgs/icon_tel_blue.svg);
  background-repeat: no-repeat;
}

.s-menu-line-btn{
  width: 13%;
  /* width: 3rem; */
  background-image: url(/kids/imgs/icon_line_gl.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 52%;
}


/* Navigation メニュー ================================= */
.sp_menu_bloc{
  display: none;
}
.sp_menu_bloc > ul {
  margin-bottom: 3.5rem;
}
.sp_menu_bloc > ul li{
  position: relative;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-align: left;
  border-top: 1px solid #a2cfec;
}
.sp_menu_bloc > ul li a::before {
  position: absolute;
  right: 0;
  top: 34%;
  /* bottom: 0; */
  margin: auto;
  content: "→";
}
.sp_menu_bloc > ul>li:first-child{
  border-top: none;
}
.sp_menu_bloc > ul li a,
.cssacc_label {
  display: block;
  padding: 1.8rem 0;
}
.cssacc{
  display: none;
}
.cssacc_label{
  position: relative;
}
.cssacc_label::before {
  position: absolute;
  right: 0;
  top: 18%;
  margin: auto;
  content: "+";
  font-size: 2.4rem;
  font-weight: 400;
  transition: transform .5s;
}

/* ボタン開閉リスト */
.accbox input {
  display: none;
}
.accbox label {
  display: block;
  position: relative;
  cursor :pointer;
  transition: all 0.5s;
}
.accbox label:after {
  position: absolute;
  top: 28%;
  content: '\f067';
  font-family: "Font Awesome 5 Free";
  /* float: right; */
  margin-right: 100px;
  font-weight: 900;
  line-height: 0;
  font-size: .5em;
}
.accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.8s;
  border-bottom: 1px solid #a2cfec;
  padding-left: 1.5rem;
}

.cssacc:checked + label + .accshow {
  height: auto;
  opacity: 1;
}
.cssacc:checked + .cssacc_label::before {
  transform: rotateZ(45deg);
  /* transform-origin:center center 0; */
}


/* sp-nav CAMPAIGN BANNER ===================*/
.menu_banner li{
  border-radius: .5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.sp_login_btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid currentColor;
  height: 5.2rem;
  background-repeat: 2em;
  font-size: 1.6rem;
  padding: 0 0.8em;
  text-align: center;
}
.sp_login_icon {
  display: block;
  width: 3rem;
  height: 3rem;
  filter: var(--filter-w);
}
.sp_login_txt{
  padding: 0 1.8em 0 .5em;
  margin: auto;
}
.menu_banner .sp_login_li{
  border-radius: 0;
  overflow: inherit;
}
.menu_banner .sp_login_li:nth-child(2){
  margin-bottom: 3em;
}

/* PC NACIGATION ==========================================================*/
#header_nav {
  letter-spacing: 0;
  color:#fff; 
}

#header_nav>ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#header_nav>ul li.basic{
  position: relative;
}
#header_nav>ul li.basic.ls-store{
  margin-right: 1.5rem;
}
#header_nav ul li.basic>a {
  display: block;
  padding: 1.5rem 1.8rem;
  font-size: 1.1rem;
}
#header_nav li a:hover {
  /* color:#fe8fa4; */
  color:#ff0;
}

/* アイコン付きリスト */
.member-bt-pc {
  font-family: "Roboto", sans-serif; 
  font-weight: 500;
  position:relative;
  font-size: 1rem;
  font-size: clamp(10px,1rem,12px);
  line-height:1.3;
  text-align:center;
  letter-spacing:1px;
}
.member-bt-pc a{
  display: block;
  padding:0 1.2rem;
}
.member-bt-pc img{
  width: 2.5rem;
  margin:0 auto .5em;
  display:block;
}  


/* プルダウンメニュー ===============*/
.pc_nav_li_stu{
  position: relative;
}
.pulldown {
  position: absolute;
  margin: auto;
  top: 6.45rem;
  left: -10%;
  overflow: hidden;
  width: 120%;
  height: 0;
}
.pc_nav_li_stu:hover .pulldown{
  transition: .8s;
  height: calc(1.3rem * 3 * 7);
}
.pulldown li {
  background-color:rgba(0,0,0,0.6);
  border-top:1px solid rgb(126, 126, 126);
  display:block;
  font-weight: 700;
  font-size: 1.3rem;
  text-align:center;
}
.pulldown li:first-child {
  border-top: none;
}
.pulldown li a {
  display: block;
  letter-spacing: .1rem;
  line-height: 3;
}
.pulldown li:hover {
  background:rgba(0,0,0,0.7);
}

/* HEADER Media Query 
=============================== */
@media (min-width: 860px){
  .sp_btn,#telephone-btn,#panel-btn{
    display: none; 
  }
  .pc_nav{
    display: block;
  }

  .header-inner{
    padding: 1.5rem .5em 1.5em 2rem;
    padding: 0;
  }
  .head_logo{
    padding: 1.3rem 1.5rem;
    width: 14rem;
  }
  .header.white .head_logo {
    width: 10rem;
  }
  .no_mv .header .head_logo{
    width: 10rem;
  }

  .pc_nav_ul {
    padding-right: 2em;
  }
  .pc_nav_li{
    text-align: center;
    padding: 1.8em 1.4vw;
    letter-spacing: 0.03em;
  }
  .pc_nav_li .en{
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
  }
  .pc_nav_li .jp{
    font-size: .95em;
    font-weight: 700;
    opacity: .9;
  }
  .pc_nav_login_box{
    width: clamp(30px,3.4vw,40.8px);
    margin-left: 0.5em;
  }
}/* mq860 end */


/*===================================================
 MAIN VISUAL
=================================================== */
.mainVisual{
  width: 100%;
  padding-top: 161.25%;
  position:relative;
  margin-bottom: 10rem;

  background-color: #f6f6f6;
}

.mainVisual::after{
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  /* background-image: url(/kids/imgs/top_main_01-sp.jpg); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* background-attachment: fixed; */
}
.mv_top::after{
  background-image: url(/kids/imgs/top_main_01-sp.jpg);
}
.mv_color_box{
  display: block;
  width: 70%;
  height: 48%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  background-color: #45a0d9;
  mix-blend-mode: multiply;
}
.mv_color_box2{
  display: block;
  width: 48%;
  padding-top: 58%;
  /* height: 48%; */
  position: absolute;
  top: 100%;
  z-index: -1;
  background-color: #ffff00;
  mix-blend-mode: multiply;
}

.m_ttl_sub{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  display: block;
  width: 90%;
  margin: 0 auto 6em;
}


.mv_bottom_link{
  position: absolute;
  width: 74.285%;
  bottom: -13%;
  right: 0;
  z-index: 1;
  border-radius: .8rem 0 0 .8rem;
  overflow: hidden;
}
.mv_bottom_slider,.branch-photo-list{
  opacity: 0;
  transition: opacity .3s linear;
}
.mv_bottom_slider.slick-initialized,
.branch-photo-list.slick-initialized{
  opacity: 1;
}

.mv_feature::after {background-image: url(/kids/imgs/about_main_sp.jpg);}
.mv_guidance::after {background-image: url(/kids/imgs/guidance_main_sp.jpg);}
.mv_system::after {background-image: url(/kids/imgs/system_main_sp.jpg);}
.mv_audition::after {background-image: url(/kids/imgs/artist_main_sp.jpg);}
.mv_studio::after {background-image: url(/kids/imgs/studio_main_sp.jpg);}
.mv_tokyo::after {background-image: url(/kids/imgs/studio_tokyo_main_sp.jpg);}
.mv_nakano::after {background-image: url(/kids/imgs/studio_tokyo_main_sp.jpg);}
.mv_harajuku::after {background-image: url(/kids/imgs/studio_harajuku_main_sp.jpg);}
.mv_shinjuku::after {background-image: url(/kids/imgs/studio_shinjuku_main_sp.jpg);}
.mv_nagoya::after {background-image: url(/kids/imgs/studio_nagoya_main_sp.jpg);}
.mv_fukuoka::after {background-image: url(/kids/imgs/studio_fukuoka_main_sp.jpg);}
.mv_inst::after {background-image: url(/kids/imgs/inst_main_sp.jpg);}
.mv_company::after {background-image: url(/kids/imgs/company_main_sp.jpg);}

@media (min-width: 860px){
  .mainVisual{
    padding-top: 60%;
  }
  .mv_sub{
    padding-top: 45%;
    margin-bottom: 6rem;
  }
  .mv_top::after{background-image: url(/kids/imgs/top_main_01.jpg);}
  .mv_feature::after {background-image: url(/kids/imgs/about_main_pc.jpg);}
  .mv_guidance::after {background-image: url(/kids/imgs/guidance_main_pc.jpg);}
  .mv_system::after {background-image: url(/kids/imgs/system_main_pc.jpg);}
  .mv_audition::after {background-image: url(/kids/imgs/artist_main_pc.jpg);}
  .mv_studio::after {background-image: url(/kids/imgs/studio_main_pc.jpg);}
  .mv_tokyo::after {background-image: url(/kids/imgs/studio_tokyo_main_pc.jpg);}
  .mv_nakano::after {background-image: url(/kids/imgs/studio_tokyo_main_pc.jpg);}
  .mv_harajuku::after {background-image: url(/kids/imgs/studio_harajuku_main_pc.jpg);}
  .mv_shinjuku::after {background-image: url(/kids/imgs/studio_shinjuku_main_pc.jpg);}
  .mv_nagoya::after {background-image: url(/kids/imgs/studio_nagoya_main_pc.jpg);}
  .mv_fukuoka::after {background-image: url(/kids/imgs/studio_fukuoka_main_pc.jpg);}
  .mv_inst::after {background-image: url(/kids/imgs/inst_main_pc.jpg);}
  .mv_company::after {background-image: url(/kids/imgs/company_main_pc.jpg);}

  .mv_color_box{
    width: 32%;
    height: 100%;
  }
  .mv_color_box2{
    width: 32%;
    padding-top: 32%;
  }
  .m_ttl_sub{
    bottom: 6.5rem;
    left: 5rem;
    width: 35%;
    margin: 0;
  }
  .mv_bottom_link{
    position: absolute;
    width: 30%;
    bottom: -15%;
    max-height: 154.8px;
    max-width: 360px;
  }
}/* mq860 end */
@media (min-width: 1200px){
  .mainVisual {
    padding-top: 720px;
  }
  .m_ttl_sub {
    width: 420px;
  }
  .mv_sub{
    padding-top: 540px;
  }
  .mv_color_box2{
    padding-top: 384px;
  }
}/* mq860 end */

/*=================================================
 ABOUT
================================================ */
#top_about{
  overflow: hidden;
}
.about_block{
  position: relative;
}
.about_block:not(:last-of-type){
  margin-bottom: 7em;
}
.about_block::after{
  content: "";
  position: absolute;
  background-color: #ff0;
  width: calc(100% - 2rem);
  height: 76%;
  bottom: 0;
  z-index: -1;
  border-radius: 0 1rem 1rem 0;
}
.about_number {
  position: absolute;
  width: 90%;
  height: 9.7rem;
  background-image: url(/kids/imgs/top_about_number.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
  left: 3%;
  mix-blend-mode: multiply;
  transform: translate3d(0,0,0);
  z-index: 1;
}
.about_number_02 {
  background-position-y: 50%;
}
.about_number_03 {
  background-position-y: 100%;
}

.about_image{
  width: calc(100% - 2.4rem);
  margin-left: auto;
  padding-top: 6.5rem;
}
.about_image img{
  border-radius: 1rem 0 0 1rem;
  overflow: hidden;
}

.about_text{
  padding: 2rem 4rem 2rem 2rem;
}
.about_text_h3{
  color: #45a0d9;
  font-size: 2.3rem;
  padding: .6em 0;
}
.about_text_p{
  font-size: 1.3rem;
  padding: .6em 0;
  line-height: 2;
  /* letter-spacing: .03em; */
  text-align: justify;
  color: #323232;
}

.link_round_btn{
  display: flex;
  justify-content: center;
  background-color: #45a0d9;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 1em  0;
  border-radius: 2em;
  margin: 1.5em 0;
  width: 18rem;
  box-sizing: border-box;
  text-align: center;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.link_round_btn.max{
  width: 100%;
  max-width: 26rem;
}
.link_round_btn.tri_cur{
  text-align: left;
}
.link_round_btn.white{
  background-color: #fff;
  color: #45a0d9;
}
.tri_cur span{
  position: relative;
  padding-left: .5em;
  padding-right: 1.5em;
}
.tri_cur span::before{
  position: absolute;
  content:"";
  display: block;
  width: .8em;
  height: 1em;
  background-image: url(/kids/imgs/icon_round_tri.svg);
  background-repeat: no-repeat;
  background-position: center right;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 10;
  margin: auto 0;
}
.tri_cur.white span::before{
  background-image: url(/kids/imgs/icon_round_tri_blue.svg);
}

.about_block.reverse::after{
  right: 0;
  border-radius: 1rem 0 0 1rem;
}
.about_block.reverse .about_image{
  margin: 0 auto 0 0;
}
.about_block.reverse .about_image img{
  border-radius: 0 1rem 1rem 0 ;
}
.about_block.reverse  .about_text{
  padding: 2rem 2rem 2rem 4rem;
}

@media (min-width: 860px){
  #top_about .sec_ttl{
    margin-bottom: 10rem;
  }
  .about_number {
    width: 30rem;
    height: 17rem;
    background-image: url(/kids/imgs/top_about_number_pc_01.svg);
    background-size: 100% 100%;
    background-position: 0 0;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
  }
  .about_block.reverse .about_image{
    left: 0;
  }
  .about_number.about_number_02{
    position: absolute;
    background-image: url(/kids/imgs/top_about_number_pc_02.svg);
    left: 55rem;
  }
  .about_number_03{
    background-image: url(/kids/imgs/top_about_number_pc_03.svg);
  }
  .about_image{
    position: absolute;
    right: 0;
    top: 0;
    width: 53%;
    padding-top: 0;
  }
  .about_block::after {
    width: 58%;
    height: 86%;
    border-radius: 0 2.5rem 2.5rem 0;
  }
  .about_block.reverse::after {
    border-radius: 2.5rem 0 0 2.5rem;
  }
  .about_text{
    width: 42%;
    padding: 20rem 0 3rem 4rem;
  }
  .about_block.reverse .about_text{
    width: 42%;
    padding: 20rem 4rem 3rem 0;
    margin-left: auto;
  }
  .about_text_p {
    font-size: 1.5rem;
    /* text-align: center; */
  }
  .about_text_h3 {
    font-size: 2.8rem;
  }
  .about_block .link_round_btn{
    position: absolute;
    right: -42rem;
    bottom: 2rem;
    font-size: 1.6rem;
    width: 21rem;
  }
  .about_block.reverse .link_round_btn{
    left: -42rem;
  }
}/* mq860 end */

@media (min-width: 1200px){
  .about_block::after,
  .about_block.reverse::after {
    border-radius: 2.5rem;
  }
}/* mq1200 end */



/*=================================================
 ARTIST
================================================ */
.artist_block{
  padding: 2rem 0 1rem;
}
.artist_box{
  /* padding: 1rem 0; */
  border-bottom: 1px solid #c7e2f4;
  display: flex;
  justify-content: space-between;
}
.artist_img{
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12.5rem;
  padding: 1.2em 0;
}
.artist_img img{
  border-radius: 50rem;
  overflow: hidden;
}
.artist_deta{
  width: 60%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.artist_copy{
  font-size: 1.1rem;
  font-weight: 700;
  color: #4597d0;
  padding-bottom: .2em;
  letter-spacing: .03em;
}
.artist_name{
  display: inline;
  font-size: 3rem;
  position: relative;
  margin-bottom: .2em;
}
.artist_name::before{
  content: "";
  display: block;
  width: 100%;
  height: 1.2em;
  z-index: 1;
  background-color: rgb(255, 255, 0, .99);
  position: absolute;
  bottom: 11%;
  transform: scaleX(100%);
  transition: transform .5s;
  transition-delay: .5s;
  transform-origin: 100%;
}
.artist_name.on::before{
  transform: scaleX(0);
}
.artist_link{
  font-size: clamp(10px,1rem,11px);
  position: absolute;
  right: 0;
  bottom: .8rem;
  color: #848e93;
}
.link_round_btn.pc{
  display: none;
}

@media (min-width: 860px){
  .top_artist_wrap{
    display: flex;
    justify-content: space-between;
    padding: 0 6rem;
  }

  .artist_ttl_block{
    width: 40%;
    height: 100%;
    position: sticky;
    top: 8rem;
  }
  .artist_ttl_block .sec_ttl{
    text-align: left;
    margin-bottom: 1.5rem;
  }
  .artist_ttl_block .about_text_p{
    font-size: 1.4rem;
  }

  .artist_block{
    width: 52%;
    padding: 0 0 1rem;
  }
  .artist_img {
    width: 30%;
    padding: 3em 0;
    height: 15rem;
  }
  .artist_deta {
    width: 65%;
  }
  .artist_copy{
    font-size: 1.5rem;
  }
  .artist_name {
    font-size: 4.3rem;
  }
  .artist_link{
    font-size: clamp(10px,1rem,12px);
    bottom: 1rem;
  }

  .link_round_btn.sp{
    display: none;
  }
  .link_round_btn.pc{
    display: flex;
    margin-left: 0;
  }
}/* mq860 end */


/*=================================================
 SCHOOL
================================================ */
.sec_bloc.school{
  background-color: #eff4f7;
}
.top_sch_block{
  font-size: 2.1rem;
  padding: 1.5em 2em .5em;
}
.top_sch_box:not(:last-child){
padding: 0 0 .8em;
}
.top_sch_ttl .en{
  display: inline-block;
  margin-left: 1em;
  font-size: 0.5em;
  color: #80868b;
}
.top_sch_ttl .newopen {
  color: #e00000;
  font-weight: 600;
  margin-left: 0.5em;
}
.top_sch_btn_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: .05em;
}
.top_sch_tel_btn{
  font-size: 1.5em;
  color: #45a0d9;
}
.top_sch_tel_btn .tel {
  display: block;
  line-height: 1;
}
.top_sch_line_btn{
  width: 1.6em;
  /* margin-left: .5em; */
}
@media (min-width: 860px){
  .sch_block{
    display: flex;
    justify-content: flex-start;
  }
  .top_sch_img_block{
    width: 64%;
  }
  .top_sch_block{
    font-size: 1.52rem;
    padding: 0 2em;
  }
  
  .top_sch_tel_btn{
    font-size: 1.78em;
    color: #45a0d9;
  }
  .top_sch_line_btn {
    width: 1.8em;
    margin-left: 0.2em;
  }
  .top_sch_ttl .newopen {
    font-size: .7em;
  }
}/* mq860 end */
@media (min-width: 1200px){
  .sch_block{
    max-width: 1200px;
    margin: auto;
  }
}/* mq1200 end */

/* .sec_bloc.color .sec_ttl .en{
  color: #ff0;
}
.sec_bloc.color .sec_ttl .jp{
  color: #fff;
}
.link_round_btn.white {
  background-color: #fff;
  color: #45a0d9;
}
.tri_cur.white span::before {
  background-image: url(/kids/imgs/icon_round_tri_blue.svg);
}
.sch_box{
  margin-bottom: 3rem;
}
.sch_box_inner{
  transition: box-shadow .5s , transform .5s;
  overflow: hidden;
  background-color: #fff;
}
.sch_box_inner:hover{
  transform: translateY(-.2rem);
  box-shadow: 2px 2px 8px rgb(0 0 0 / 20%);
}
.sec_block_studio .sch_box_inner{
  box-shadow: 2px 2px 8px rgb(0 0 0 / 20%);
}
.sch_link{
  display: block;
}
.sch_link img{
  width: 100%;
}
.sch_data_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem 1.5rem 1.3rem;
}
.sch_data{
  letter-spacing: .1em;
}
.sch_ttl{
  font-size: 2.2rem;
  color: #323232;
}
.sch_ttl_en{
  color: #848e93;
  font-weight: 700;
  margin-bottom: .3em;
}
.sch_tel{
  color: #45a0d9;
  font-size: 2.2rem;
  font-weight: 700;
}
.sch_link_box{
  display: flex;
}
.sch_link_btn{
  display: block;
  width: 3rem;
  height: 4.2rem;
  background-image: url(/kids/imgs/icon_studio_btn.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: .5em 0 .5em 1em;
}
.sch_link_btn.line{
  background-position-y: 100%;
}

@media (min-width: 860px){
  .sch_block{
    display: flex;
    justify-content: space-between;
  }
  .sch_box{
    width: 19%;
  }
  .sch_data{
    text-align: center;
  }
  .sch_tel{
    font-size: 2rem;
    letter-spacing: .02em;
  }
  .sch_data_wrap {
    display: block;
    padding: 1.5rem .5rem 1.3rem;
  }
  .sch_link_box{
    justify-content: center;
  }
  .sch_link_btn{
    margin: .6em .6em 0;
  }
} */



/*=================================================
 BANNER
================================================ */
.top-trial-li{
  display: block;
  width: 100%;
  padding-top: 61.42857%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .8rem;
  position: relative;
  box-sizing: border-box;
}
.top-trial-li::before,
.top-trial-li.tri::after{
  position: absolute;
  content:"";
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.top-trial-li.tri{
  background-image: url(/kids/imgs/top_banner_trial_back.jpg);
  margin-bottom: 3em;
}
.top-trial-li.tri::before{
  background-image: url(/kids/imgs/top_banner_txt_trial.svg);
}
.top-trial-li.tri::after{
  background-image: url(/kids/imgs/top_banner_trial_bal.svg);
  width: 32%;
  height: 30%;
  top: -3%;
  left: -2%;
}
.top-trial-li.cam{
  background-image: url(/kids/imgs/top_banner_cam_back.jpg);
}
.top-trial-li.cam::before{
  background-image: url(/kids/imgs/top_banner_txt_cam.svg);
}
.top-trial-li.cam.guidance{
  padding-top: 56%;
}
.top-trial-li.cam.guidance::before{
  background-size: 116%;
  background-position: top center;
}


.top-trial-link{
  position: absolute;
  z-index: 1;
  bottom: 1.5em;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  font-size: 1rem;
  padding: 0.8em 0;
}

@media (min-width: 860px){
  .top-trial-ul{
    display: flex;
    justify-content: space-between;
  }
  .top-trial-li {
    width: 49%;
    padding-top: 24rem;
  }
  .top-trial-li.cam.guidance {
    padding-top: 22rem;
    margin: auto;
  }
  .top-trial-li.tri {
    margin-bottom: 0;
  }
  .top-trial-link{
    font-size: 1.24rem;
  }
}/* mq860 end */

/*=================================================
 NEWS
================================================ */
.news_block{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.news_box{
  width: 47%;
  margin-bottom: 2em;
}
.news_box:nth-child(odd){
  margin-right: 6%;
}
.news_img_box{
  width: 100%;
  margin-bottom: .8rem;
}
.news_img_box img{
  width: 100%;
}
.news_date{
  color: #a2cbe7;
  font-size: 1.2rem;
  letter-spacing: .1em;
  padding: .2em 0;
}
.news_ttl{
  color: #3d5468;
  font-size: 1.25em;
}

@media (min-width: 860px){
  .news_box{
    width: 22%;
    margin-bottom: 2em;
  }
  .news_box:nth-child(odd),
  .news_box:nth-child(even){
    margin-right: 4%;
  }
  .news_box:nth-child(4n){
    margin-right: 0;
  }
  .news_ttl{
    font-size: 1.3em;
  }
}/* mq860 end */


/*=================================================
 OTHER SCHOOL
================================================ */
.sec_bloc.lc{
  background-color: #f0f8fc;
  margin-bottom: 4em;
}

.other_block{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.other_box:not(:last-of-type){
  margin-bottom: 2em;
}
.other_img_box img{
  width: 100%;
}
.other_cap{
  font-size: 1.2rem;
  color: #3d5468;
  padding: 1em 0;
  letter-spacing: .02em;
  line-height: 1.5;
  text-align: justify;
}

@media (min-width: 860px){
  .other_box{
    width: 23%;
  }
  .other_box:not(:last-of-type) {
    margin-bottom: 0;
  }
  .other_cap{
    font-size: 1rem;
  }
}/* mq860 end */


/* TOP - 関連スクール
========================================= */
.voat_school_list_box._kids{
  display: none;
}
.voat_school_list{
  display: flex;
  flex-wrap: wrap;
  gap: 6%;
}
.voat_school_list_box{
  width: 47%;
  padding: 1em 0;
}
.voat_school_img_box{
  position: relative;
  background-color: #000;
}
.voat_school_img_logo{
  position: absolute;
  width: fit-content;
  height: fit-content;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  filter: invert(100%) saturate(377%) hue-rotate(316deg) brightness(500%) contrast(100%);
  z-index: 1;
  width: 80%;
}
.voat_school_img{
  opacity: .5;
}
.voat_school_txt_wrap{
  font-size: .75em;
  padding: .75em 0 .5em;
}

@media (min-width: 899px) {
  .voat_school_list{
    gap: 2.5%;
  }
  .voat_school_list_box{
    width: 18%;
  }

}/*  */


/*=================================================
 RECOMMEND
================================================ */
/* .reco_block{
  display: flex;
  flex-wrap: wrap;
  border-top: .5px solid #eceef0;
  border-bottom: .5px solid #eceef0;
}
.reco_box{
  position: relative;
  display:block;
  width: 33.33%;
  padding-top: 33.33%;
  box-sizing: border-box;
  border: .5px solid #eceef0;
  background-image: url(/kids/imgs/relate_logos.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.reco_box:nth-child(2){background-position-y: 7.125%;}
.reco_box:nth-child(3){background-position-y: 14.25%;}
.reco_box:nth-child(4){background-position-y: 21.375%;}
.reco_box:nth-child(5){background-position-y: 28.5%;}
.reco_box:nth-child(6){background-position-y: 35.625%;}
.reco_box:nth-child(7){background-position-y: 42.75%;}
.reco_box:nth-child(8){background-position-y: 49.875%;}
.reco_box:nth-child(9){background-position-y: 57%;}
.reco_box:nth-child(10){background-position-y: 64.25%;}
.reco_box:nth-child(11){background-position-y: 71.375%;}
.reco_box:nth-child(12){background-position-y: 78.5%;}
.reco_box:nth-child(13){background-position-y: 85.625%;}
.reco_box:nth-child(14){background-position-y: 92.75%;}
.reco_box:nth-child(15){background-position-y: 100%;}

.reco_txt{
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(50, 50, 50 , .9);
  color: #fff;
  padding: 26% 10% 0;
  z-index: 1;
  transition: opacity .4s ease-in;
  opacity: 0;
}


@media (min-width: 860px){
  .reco_box{
    width: 20%;
    padding-top: 20%;
  }
  .reco_box:hover{
    opacity: 1;
  }
  .reco_box:hover .reco_txt{
    opacity: 1;
  }
} */

/*=================================================
 footer
================================================ */
footer {
  background-color: #45a0d9;
  color: #fff;
  /* font-size: clamp(10px,1.1rem,13px); */
}
footer .container{
  margin: 0 auto;
}
.footer_left {
  margin-bottom: 3rem;
  text-align: left;
}
.footer_left .foot_logo {
  padding: 2rem 0;
  width: 10rem;
  max-width: 200px;
  margin: 0 auto;
}
.footer_left p {
  line-height: 1.5;
  text-align: justify;
}
.footer_right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
}

.foot_cnt {
  width: 46%;
  margin-bottom: 2rem;
  margin-right: 1em;
}
.foot_cnt h3 {
  font-weight: 700;
  margin-bottom: .5rem;
  font-size: 1.1rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.foot_cnt ul li {
  line-height: 1.8;
  /* padding-left:.8rem; */
  opacity: .8;
  transition: opacity .5s , transform .5s;
}
.foot_cnt ul li:hover {
  opacity: 1;
  transform: translateX(.5rem);
}
.foot_logo a{
  transition:opacity .5s;
}
.foot_logo a:hover{
  opacity: .5;
}

.copyright {
/* font-size: 10px; */
padding:3rem 0;
text-align: left;
}
.copyright.pc {
display: none;
}

@media (min-width: 860px){
  .foot_cont{
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
    padding-right: 0;
  }
  .footer_left{
    width: 50%;
    margin: 0;
  }
  .footer_left .foot_logo {
    padding: 0 0 2rem;
    width: 10rem;
    max-width: 200px;
    margin: 0;
  }
  .footer_right {
    width: 40%;
    flex-wrap: no-wrap;
    justify-content: end;
    text-align: left;
  }
  .foot_cnt {
    width: 38%;
  }
  .foot_cnt_02{
    width: 20%;
  }
  /* .foot_cnt h3 {
    font-size: 1.2rem;
  }
  .foot_cnt ul li {
    font-size: 1.1rem;
  } */
  .copyright.sp{
    display: none;
  }
  .copyright.pc{
    display: block;
  }
}/* mq860 end */


/*=================================================
 ABOUT US (/feature/)
================================================ */

@media (max-width: 859px){
  .mv_feature .mv_color_box {
    width: 16rem;
    height: 16rem;
    position: absolute;
    bottom: 24rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    background-color: #45a0d9;
    mix-blend-mode: multiply;
  }
}/* mq860 end */

.mv_feature .m_ttl_sub{
  color: #fff;
  text-align: center;
  bottom: 21.5rem;
}
.mv_feature .m_ttl_sub h2{
  font-size: 5rem;
  line-height: 1.2;
}
.mv_feature .m_ttl_sub p{
  font-size: 2rem;
}
.sec_ttl_ft{
  font-size: 2em;
  margin-bottom: 1em;
}

.about_btn_wrap{
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.about_btn{
  display: block;
  width: 48.5%;
  border: 1px solid;
  color: #a0b4be;
  border-radius: .3rem;
  box-sizing: border-box;
  text-align: center;
  padding: .5rem 0;
}
.about_btn.active{
  background-color: #45a0d9;
  color: #fff;
}
.about_btn .en{
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.2;
}
.feature_text_p {
  font-size: 1.25rem;
  padding: 0.6em 0;
  line-height: 1.8;
  text-align: justify;
  color: #323232;
}

.feat_box{
  position: relative;
  padding-top: 5rem;
}
.feat_box:not(:last-of-type){
  margin-bottom: 6rem;
}
.feat_txt_box{
  position:relative;
  padding: 2.8rem 2rem 0;
}
.feat_heading{
  position: absolute;
  background-color: #ff0;
  color: #45a0d9;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  width: 7.4rem;
  height: 7.4rem;
  padding-top: .8rem;
  box-sizing: border-box;
  z-index: -1;
  top: 0;
  left: 0;
}
.feat_number {
  position: absolute;
  width: 11.2rem ;
  height: 8rem;
  background-image: url(/kids/imgs/feature_number.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
  left: 2rem;
  mix-blend-mode: multiply;
  z-index: 1;
}
.feat_number_02{
  background-position-y: 16.6666%;
  left: calc(100% - 11.2rem - 1rem);
}
.feat_number_03{
  background-position-y: 33.3332%;
}
.feat_number_04{
  background-position-y: 49.9998%;
  left: calc(100% - 11.2rem - 1rem);
}
.feat_number_05{
  background-position-y:  66.6664%;
  mix-blend-mode: hard-light;
}
.feat_number_06{
  background-position-y: 83.333%;
}
.feat_number_07{
  background-position-y: 100%;
  left: calc(100% - 11.2rem - 1rem);
}

@media (min-width: 860px){
  .mv_feature .m_ttl_sub{
    text-align: left;
    bottom: 12rem;
    width: 50%;
  }
  .mv_feature .m_ttl_sub h2{
    font-size: 6.4rem;
    line-height: 1.2;
  }
  .mv_feature .m_ttl_sub p{
    font-size: 2.1rem;
  }
  .sec_ttl_ft{
    font-size: 3rem;
  }
  .about_text_p.about_text_p_ft{
    max-width: 59rem;
    margin: 0 auto;
  }
  .about_btn{
    display: block;
    width: 49%;
    border-radius: .6rem;
    padding: .8rem 0;
  }
  .about_btn .en{
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.2;
  }
  .about_btn .jp{
    /* display: inline-block; */
    font-size: 1.4rem;
    line-height: 1.2;
    padding:  0 0 0 .5em;
  }
  .feat_box{
    display: flex;
    justify-content: space-between;
    padding-top: 0;
  }
  .feat_box.reverse{
    flex-direction: row-reverse;
  }
  .feat_img_box{
    width: 45rem;
  }
  .feat_img_box img {
    margin-top: 7rem;
  }
  .feat_number{
    left: 2rem;
    width: 15.4rem;
    height: 11rem;
  }
  .reverse .feat_number{
    left: calc(100% - 17rem);
  }
  .feat_txt_box{
    width: 41rem;
    box-sizing: border-box;
    padding: 4rem 5rem 0;
  }
  .feat_heading{
    font-size: 1.4rem;
    width: 12rem;
    height: 12rem;
    padding-top: 1.2rem;
  }
  .feature_text_p{
    font-size: 1.4rem;
  }
  .about_btn_wrap {
    margin-bottom: 7rem;
  }
}/* mq860 end */

@media (min-width: 1200px){
  .feat_block{
    max-width: 1200px;
    margin: auto;
  }
}/* mq860 end */


/*=================================================
 METHOD (/method/)
================================================ */
.method_block_box{
  position: relative;
}
.method_block_box:not(:last-child){
margin-bottom: 2rem;}
.method_sb{
  position: absolute;
  top: 0;
  width: 91.4285%;
  margin-right: auto;
  /* overflow:hidden; */
  border-radius: 1.5rem;
  transform: translate3d(0,0,0);
  z-index: 1;
}
.method_sb::after{
  position: absolute;
  content: "";
  top: 99%;
  left: 5rem;
  display: block;
  width: 2.8rem;
  height:3.2rem;
  background-image: url(/kids/imgs/method_sb_tri.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.method_text_h3{
  color: #fff;
  font-size: 2.3rem;
  padding: .2em 0;
}
.method_text_sub{
  color: #fff;
  font-size: 1.35rem;
  letter-spacing: .1em;
  line-height: 1.4;
}
.method_img_box{
  width: 91.4285%;
  margin-left: auto;
  overflow:hidden;
  border-radius: 1.5rem 0 0 1.5rem;
  padding-top: 18rem;
}
.method_txt_box{
  padding: 1rem 2.5rem;
}

.reverse .method_sb{
  right: 0;
}
.reverse .method_img_box{
  margin-right: auto;
  margin-left: 0;
  border-radius:  0 1.5rem 1.5rem 0;
}
.reverse .method_sb::after{
  transform: scale(-1, 1);
  left: 20rem;
}

@media (min-width: 860px){
  .method_block_box:not(:last-child){
    margin-bottom: 5rem;
  }
  .method_img_box{
    width: 45rem;
    margin-left: auto;
    overflow: hidden;
    border-radius: 1.5rem 0 0 1.5rem;
    padding-top: 3rem;
  }
  .method_txt_box{
    padding: 2rem 2.5rem;
    max-width: 62rem;
    margin: auto;
  }
  .method_sb{
    width: 45rem;
    margin-left: 3rem;
  }
  .method_sb::after{
    top: 70%;
    left: 100%;
    transform: rotateZ(270deg);
  }
  .reverse .method_sb {
    margin-right: 3rem;
  }
  .reverse .method_sb::after{
    transform: scale(-1, 1);
    transform: rotateZ(90deg);
    left: -2.8rem;
  }

}/* mq860 end */
@media (min-width: 1200px){
  .method_block{
    max-width: 1200px;
    margin: auto;
  }
  .method_sb {
    margin-left: 0;
  }
  .reverse .method_sb {
    margin-right: 0;
  }
}/* mq860 end */


/*=================================================
 STUDIO (/studio/)
================================================ */
.m_ttl_sub_center{
  color: #fff;
  text-align: center;
  bottom: 15rem;
  letter-spacing: 0.1em;
}
.m_ttl_sub_center h2{
  font-size: 5rem;
  line-height: 1.2;
}
.m_ttl_sub_center p{
  font-size: 1.6rem;
}
.sch_block_studio{
  background-color: #fff;
}

@media (min-width: 860px){
  .m_ttl_sub_center{
    text-align: left;
    bottom: 32%;
    left: 10%;
    width: 50%;
  }
  .m_ttl_sub_center h2{
    font-size: 6.4rem;
    line-height: 1.2;
  }
  .m_ttl_sub_center p{
    font-size: 2.1rem;
  }
}/* mq860 end */


/*=================================================
 STUDIO個別ページ
================================================ */
.access-imap{
  margin-bottom: 3rem;
}
.access-gmap {
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 3rem;
  height: 0;
  /* overflow: hidden; */
}
.access-gmap iframe{
  position: absolute;
  width: 100%;
  height: 100%;
}

.ad-detail {
  margin-bottom: 2.5em;
  text-align: center;
  font-size: 1.4rem;
}
.ad-detail p{
  margin-bottom: .5em;
}
.ad-detail .ad-dial {
  color: #00af96;
  font-size: 2.2rem;
}
.ad-detail .ad-dial a{
  font-size: 2.6rem;
  font-weight: bold;
  color: #1DC0CA;
}

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

.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: "▶︎";
  font-size: 0.8em;
  left: .2em;
  top: 0;
  color:#eb7bab;
}
.ad-route,.ad-traffic {
  font-size: 1.3rem;
  margin-bottom: 3em;
  line-height: 1.6;
}
.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;
  font-size: 1.1em;
  margin-bottom: .5em;
}
.ad-traffic li{
  margin-bottom: .5em;
}
.ad-train {
  background-image: url(/assets/img/common/train-ico.png);
}
.ad-bus {
  background-image: url(/assets/img/common/bus-ico.png);
}
.ad-train,.ad-bus,
.branch-photo-list .slick-dots .bp-prev-btn,
.branch-photo-list .slick-dots .bp-next-btn {
  background-color:rgba(255,255,255,0.4);
  background-blend-mode:lighten;
}

.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-size: 1.4rem;
  font-weight: bold;
}
.branch-photo-list .slick-dots li.slick-active button {
  color:#eb7bab;
}
.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(/assets/img/common/c-l-arw.png);
}
.branch-photo-list .slick-dots .bp-next-btn {
  margin-left: 20px;
  background-image: url(/assets/img/common/c-r-arw.png);
}
.branch-text-img{
  margin: 2rem auto;
  display:block;
  width:100%;
}
.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: 1.5rem 2em 1.5em;
  box-sizing: inherit;
  background-color: #f6f6f6;
}
.b-photo-ttl {
  font-size: 1.9rem;
  margin-bottom: .3em;
}
.b-photo-main .text {
  font-size: 1.2rem;
  height: auto;
}  
.access-block  {
  padding-top:1em;
  /* border-bottom: 1px dotted #aaa; */
}
.branch-photo-box:nth-child(2n) .b-photo-main {
  background-color: #f1f1f1;
}

@media (min-width: 860px){
  .access-block{
    display: flex;
    justify-content: space-between;
  }
  .access-map,.access-info{
    width: 47%;
  }
  .ad-detail {
    text-align: left;
    font-size: 1.5rem;
  }
  .access-info{
    letter-spacing: .05em;
  }
  .access-imap,.access-gmap {
    margin-bottom: 4rem;
  }
}/* mq860 end */

/*=================================================
 INSTRUCTOR
================================================ */
.container_inst{
  padding: 0 1rem;
}

@media (max-width: 859px){
  .mv_inst .m_ttl_sub_center h2 {
    font-size: 4.5rem;
  }
}/* mq859 end */

.sec_bloc_post{
  position: relative;
}
.inst_block{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 5rem;
}
.inst_box{
  width: 50%;
  padding: .5em 2.5%;
}
.inst_name{
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
  padding: .5em 0;
  color: #434343;
}

.inst_post_name {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: .5em;
  letter-spacing: 0.05em;
}
.inst_post_name .en{
  display: block;
  font-size: .4em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #6d6d6d;
  letter-spacing: .02em;
  font-weight: 400;
}
.inst_post_name.pc-hide{
  margin-left: .3em;
}
.inst-message {position: relative;display: inline-block;margin: 2em 0 .5em;padding:1.25em 1em;width: 100%;color: #333;font-size:1.4rem;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;}
.inst-message p{ line-height: 1.5;}

.inst_right{
  font-size: 1.4rem;
  padding: 3em 0;
  position: relative;
}
p.koumoku {
  color: #45a0d9;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.prof-li{
  padding: 1rem 0;
}
.prof-profile p:not(:first-child){
  padding: .2em 0;
  line-height: 1.6;
}
@media (min-width: 860px){
  .container_inst {
    padding: 0 3rem;
  }
  .inst_box{
    width: 25%;
    padding: .5em 1em;
  }
  .inst-post-wrap{
    display: flex;
    justify-content: space-between;
  }
  .inst_left{
    width: 36%;
  }
  .inst_right{
    width: 56%;
    font-size: 1.4rem;
    padding: 2em 0;
  }
  .inst_post_name.sp-hide{
    font-size: 4.5rem;
    margin-top: .4em;
    margin-left: .6em;
  }
  .inst_right .feat_heading{
    font-size: 1.8rem;
  } 
}/* mq860 end */


/*=================================================
 COMPANY / PRIVACY POLICY
================================================ */
.company-info{
  margin:2em 0;
  font-size: 1.4rem;
}
.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;
}
.com_link_dl a{
  display: block;
  margin-bottom: 1em;
}
.tel-link{
  font-size: 1.2em;
}

.privacyBox{
  font-size: 1.3rem;
  line-height: 1.5;
}
.privacyBox .txt{
  padding: .3em 0 .3em;
}
.privacyBox .txt2{
  position: relative;
  padding: .3em 0 .3em 1.5em;
}
.privacyBox .txt2 span{
  position: absolute;
  left: 0;
}

.consent-box .ttl {
  font-weight: bold;
}
.consent-box p, .consent-box ul {
  margin-bottom: 1em;
}

@media (min-width: 860px){
  .com_link_dl a{
    display: inline-block;
    margin-bottom: .5em;
    margin-left: .5em;
  }
}/* mq860 end */


/*=================================================
 最新情報 /news/
================================================ */
/* pager
------------------------------------------- */
.pager{
  text-align:center;
  padding:2em 0 0;
  font-size: 1.2rem;
}
.pager a{
  color:#a1cae4;
}
.pager .num{
  display:inline-block;
  padding:.4em .8em;
}
.pager .num a{
  color:#a1cae4;
  display:inline-block;
  border:1px solid #a1cae4;
  padding:.4em .8em;
  margin-bottom:1em;  
}
.pager .num a:hover{
  background:none;
  background-color:#a1cae4;
  color:#FFFFFF;
  padding:.4em .8em;
  border:1px solid #a1cae4;
  text-decoration:none;
}
.pager .num .current_page{
  display:inline-block;
  border:1px solid #45a0d9;
  background-color:#45a0d9;
  color:#ffffff;
  padding:.4em .8em;
}
.pager span{
  display:inline-block;
}
.center-block {
  display:block;
  margin:0 auto;
}
.center-block2 {
  display:block;
  margin:2em auto;
}

.news_blog_box{
  width: 100%;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px dotted #999;
}
.blog_post_block{
  background-color: #fff;
  /* border: 1px solid #c7e2f4; */
  border-radius: 1.5rem;
  padding: 2rem 0;
}
.blog_post_ttl{
  color: #112d46;
  font-size: 1.6rem;
  padding: .2em 0 1em;
  margin-bottom: 1em;
  border-bottom: 1px dashed #a2cbe7;
}
.blog_post_desc{
  font-size: 1.4rem;
}
.blog_post_desc p{
  line-height: 1.6;
  padding: .2em 0;
}
.blog_post_desc a {
  color: #FC79AF;
}

@media (min-width: 860px){
  .blog_body .container{
    max-width: 1100px;
  }
  .blog_post_block{
    border: 1px solid #a2cbe7;
    padding: 4rem 5rem;;
    margin-bottom: 4rem;
  }
  .blog_post_block .news_date {
    font-size: 1.4rem;
  }
}/* mq860 end */


/*=================================================
 GUIDANCE /guidance/
================================================ */

.link_round_btn.guidance,.link_round_btn.trial{
  width: 100%;
  font-size: 1.5rem;
  max-width: 40rem;
  margin: auto;
}
.link_round_btn.guidance{
  background-color: #ED1E79;
}
.link_round_btn.trial{
  background-color: #3FC6D1;
}
.reserved-box{
  padding: 2em 0 4em;
}
.reserved-box .pict {
text-align: center;
margin-bottom: 1.5em;
display:none;}

.web-reserve .pict img {
  width: 4.5rem;
}
.tel-reserve .pict img {
  width: 30px;
}
.reserved-box .title {
  font-size: 2.3rem;
  color: #ED1E79;
  font-weight: bold;
  margin-bottom: .6em;
  text-align: center;
}
.reserved-box .title .sub{
  display: block;
  font-size: .6em;
  font-weight: normal;
  padding-top: .2em;
}  
.line-reserve span.pict2 img{width:1em;}
.web-reserve span.pict2 img{width:1.8em;}
.tel-reserve span.pict2 img{width:1.1em;}

.reserved-box .desc {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 1em;
  color: #323232;
}
.pc-entry-info{
  /* border-radius: 1rem;
  overflow: hidden; */
  /* border:1px solid #ED1E79 ; */
  font-size: 1.5rem;
}
.pc-entry-ul li{
  padding: .8em .2em;
  text-align: center;
}
/* .pc-entry-ul li:not(:last-child){
  border-bottom: 1px solid #ED1E79;
} */
.pc-entry-ul li:last-child{
  /* background-color: #FDF5F7; */
  font-size: 1.2rem;
  letter-spacing: .06em;
}
.pc-entry-ul .name{
  display: block;
  /* width: 6rem; */
  /* margin-right: .5em; */
}
.pc-entry-ul .tel{
  font-size: 1.8em;
  color: #ED1E79;
  font-weight: 400;
  letter-spacing: .03em;
}
.admiss_bloc .top-trial-li.tri{
  display: none;
}

/* TRIAL =============================== */
.trial_bloc{
  background-color: #fafafa;
}
.reserved-box.trial .title,
.trial_bloc .pc-entry-ul .tel{
  color: #3FC6D1;
}
.trial_bloc .pc-entry-info{
  border: solid 1px #CCCCCC ;
}
.trial_bloc .pc-entry-ul li{
  background-color: #fff;
}
.trial_bloc .pc-entry-ul li:not(:last-child){
  border-bottom: 1px solid #CCCCCC;
}
.trial_bloc .pc-entry-ul li:last-child{
  background-color: #efefef;
}
.line-btn-block{
  display: flex;
  flex-wrap: wrap;
}
.line-btn-box{
  width: 48%;
  margin-left: 2%;
  margin-bottom: .6em;
  background-color: #3FC6D1;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 2rem;
  overflow: hidden;
}
.line-btn-box p{
  line-height: 4rem;
}
/* .guidance_tl_box .s-menu-tel-btn{
 box-shadow: 0 .25rem 0 #e2e2e2;
} */
.guidance_tl_box .sp-tel-menu-btn-wrap{
  justify-content: center;
}
.guidance_tl_box .sp-tel-menu-list{
  padding: 0.8em 0.2em;
}
.guidance_tl_box .sp-tel-menu-ttl{
  font-size: 1.5rem;
  text-align: center;
  display: block;
  margin-bottom: 0.3em;
}
.guidance_tl_box .s-menu-tel-btn{
  padding: .3em  0 .3em 0;
  box-sizing: border-box;
  background-color: transparent;
}
.guidance_tl_box .s-menu-tel-btn .tel {
  font-size: 2.6rem;
  line-height: 4rem;
  padding-left: 1em;
  position: relative;
  color: #3FC6D1;
}
.guidance_tl_box .s-menu-tel-btn:first-child {
  width: 68%;
}
.guidance_tl_box .s-menu-line-btn {
  width: 20%;
} 
.guidance_tl_box .s-menu-tel-btn .tel::before {
  width: 2.6rem;
  height: 2.6rem;
  bottom: 0;
  top: 0;
  margin: auto;
  background-image: url(/kids/imgs/icon_tel_bluegreen.svg);
}

/* FLOW =============================== */
.flow-block {
  margin-bottom: 3rem;
}
.flow{padding: 3em 0;}
.flow-ttl {
  text-align: center;
  font-size: 1.9rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.flow-box {
  border: solid 1px #CCC;
  margin-bottom: 4.6em;
  position: relative;
  background: #FFF;
  /* border-radius: 1rem; */
  position: relative;
}
.flow-box:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -4.5rem;
  width: 100%;
  height: 3rem;
  text-align: center;
  background: url(/kids/imgs/blue-arrow.svg) no-repeat top center;
  background-size: 3rem;
}
.flow-box .step{
  background: #45a0d9;
  color: #FFF;
  text-align: center;
  padding: .5em;
  font-size: 2rem;
  font-weight:bold;
  /* border-radius: 1rem 1rem 0 0; */
}
.flow-box .step .num {
  display: inline-block;
  color: #fff;
  font-size: 1.1em;
  margin-left: .2em;
}
.flow-box .title {
  font-size: 2rem;
  color: #45a0d9;
  text-align: center;
  font-weight: bold;
  padding: 1em 0 0.5em;
  line-height: 1.1;
}
.fugaz{
  font-size: 1.2em;
  font-weight: bold;
}
.flow-box .title span{
  font-size: 1.4rem;
  font-weight: normal;
 }
.flow-box .flow-info {
  padding: 0 1.5em 1.5em;
}
.flow-box .thumb {
width: 60%;
box-sizing: border-box;
display: block;
margin: 0 auto 1em;
}
.flow-box .desc {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0.2em 0;
}
.flow-box .lesson_detail_btn {
width: 60%;
margin: 1rem auto;
display: block;
}

/* FAQ =============================== */
.faq-box {
  border: solid 1px #CCC;
  border-radius: 6px;
  background: #FFF;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 1.4rem;
  color: #323232;
}
.faq-box dt,
.faq-box dd {
  text-indent: -2rem;
  padding-left: 2rem;
}
.faq-box dt {
  font-weight: bold;
}
.faq-box dd {
  margin-top: 0.7em;
  font-size: 1.1rem;
  color: #6d6d6d;
}
.faq-box dt .head {
  color: #3FC6D1;
  font-size: 1.45rem;
  margin-right: 1rem;
}
.faq-box dd .head {
  color: #ED1E79;
  font-size: 1.4rem;
  margin-right: 1rem;
}
.visit_img_box{
  width: 100%;
  overflow: hidden;
}
.visit_img_box img{
  width: 300%;
  max-width: 300%;
}

@media (min-width: 860px){

  .reserved-box {
    margin-bottom: 2.5rem;
  }
  .reserved-box .title {
    font-size: 3rem;
  }
  .link_round_btn.guidance,.link_round_btn.trial{
    font-size: 1.8rem;
  }
  .reserved-box .desc {
    font-size: 1.8rem;
    text-align: center;
  }
  /* .pc-entry-ul{
    display: flex;
    flex-wrap: wrap;
  } */
  /* .pc-entry-ul li:not(:last-child){
    width: 20%;
    text-align: center;
  } */
  /* .pc-entry-ul li:nth-child(-n+4){
    border-right: 1px solid #ED1E79;
  } */
  .guidance_tl_box{
    max-width: 35rem;
    margin: auto;
  }
  .guidance_tl_box .sp-tel-menu-ttl {
    text-align: left;
    float: left;
    margin-right: 0.5em;
    width: 6rem;
    line-height: 3;
  }
  .pc-entry-ul li:last-child{
    width: 100%;
  }
  .pc-entry-ul .name {
    display: inline-block;
    margin-right: 1rem;
  }
  .pc-entry-ul .tel {
    vertical-align: sub;
  }
  .admiss_bloc .top-trial-li.tri{
    display: block;
  }

  .line-btn-block{
    justify-content: space-between;
  }
  .line-btn-box {
    width: 19%;
    margin-left: 0;
    font-size: 1.6rem;
    border-radius: 2.3rem;
  }
  .line-btn-box p {
    line-height: 4.6rem;
  }
  /* .reserved-box.trial .pc-entry-ul li:nth-child(-n+4){
    border-right: 1px solid #ccc;
  } */

  .flow-block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* max-width: 64rem; */
    margin: 0 auto 3rem;
  }
  .flow-box{
    width: 29%;
  }
  .flow-box .title {
    font-size: 2.2rem;
  }
  .flow-box .thumb{
    display: flex;
    align-items:center;
    width: 80%;
    height: 24.2rem;
  }
  .flow-box:first-child::after,
  .flow-box:nth-child(2)::after{
    margin: auto;
    bottom: 0;
    top: 0;
    right: -14.8rem;
    transform: rotateZ(-90deg);
  }

  .faq-block{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .faq-box{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1.2em;
  }
  .faq-box:nth-of-type(3n){
    margin-right: 0;
  }
  .visit_img_box{
    margin-bottom: 3em;
  }
  .visit_img_box img {
    width: 100%;
    max-width: 100%;
  }
}/* mq860 end */


/*=================================================
 SYSTEM /system/
================================================ */

.lesson-system-list{
  padding: 3rem 0 0;
}
.lesson-system-list .freetime .title {
  color: #45a0d9;
}
.lesson-system-list .repeat  .title{
  color: #eb7bab;
}
.lesson-system-list .change  .title{
  color: #1DC0CA;
}
.lesson-system-list-box {
  margin-bottom: 19px;
}
.lesson-system-list .pict {
  width: 6rem;
  margin: 0 auto .5em;
}
.lesson-system-list .title {
  text-align: center;
  font-size: 3.3rem;
  font-weight: bold;
  margin-bottom: .6em;
}
.lesson-system-list .sub-ttl {
  font-size: 1.8rem;
  padding-top:.5em;
  display: block;
}
.lesson-system-list .desc {
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5;
}

.price_box{
  border: 1px solid #45a0d9;
  margin-bottom: 2em;
  border-radius: 1rem;
  overflow: hidden;
}

.price_box dt,.price_box dd{
  padding: .6em 0;
  text-align: center;
}
.price_box dt{
  color: #fff;
  background-color: #45a0d9;
  font-size: 2.2rem;
}
.price_box dd{
  font-size: 2.6rem;
  letter-spacing: .05em;
}
.price_box .title{
  color: #ff0;
  font-weight: bold;
}
.price_box .detail{
  display: block;
}
.price_box dt .detail{
  font-size: 0.6em;
}
.price_box dd .detail{
  font-size: 0.45em;
}
.price_box .yen{
  font-weight: bold;
}
.att_cap{
  display: block;
  position: relative;
  padding-left: 1.1em;
  margin-top: 0.3em;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-size: 1.1rem;
  color: #666;
}
.att_cap:before {
  position: absolute;
  left: 0;
  content: "※";
}
.sys_flow_box{
border: 1px solid #bfdaec;
text-align: center;
}
.sys_flow_box:not(:last-child){
position: relative;
margin-bottom: 4em;
}
.sys_flow_box:not(:last-child)::before{
position: absolute;
content: "";
display: block;
width: 2.4rem;
height: 2.4rem;
background-image: url(/kids/imgs/icon_round_tri_blue.svg);
background-repeat: no-repeat;
background-position: center;
transform: rotateZ(90deg);
bottom: -3.2rem;
left: 0;
right: 0;
margin: auto;
}
.sys_flow_ttl{
background-color: #ecf5fb;
font-size: 1.8rem;
padding: .5em;
color: #45a0d9;
letter-spacing: .03em;
}
.qdown{
  font-size: 0.7em;
}
.sys_flow_p{
  padding: 1em;
  font-size: 1.6rem;
  color: #323232;
  font-weight: 500;
}
.sys_cap{
  font-size: 0.7em;
  font-weight: 400;
  display: block;
}
.sys_flow_h3 {
  font-size: 2.4rem;
  text-align: center;
  font-weight: bold;
  color: #112d46;
  margin-bottom: 1em;
}

@media (min-width: 860px){

  .lesson-system-list{
    display: flex;
    justify-content: space-between;
  }
  .lesson-system-list-box{
    width: 31%;
  }
  .lesson-system-list .title {
    font-size: 3rem;
  }

  .price_block{
    display: flex;
    justify-content: center;
  }
  .price_box{
    width: 36%;
    margin: 0 1em;
  }
  .price_att{
    width: fit-content;
    margin: auto;
    margin-top: 2rem;
  }
  .sys_flow_bloc{
    padding:  0 0 4.5rem ;
  }
  .sys_flow_block{
    display: flex;
    justify-content: center;
  }
  .sys_flow_box{
    width: 32%;
    margin: 0 2em;
  }
  .sys_flow_box:not(:last-child) {
    margin-bottom: 0;
  }
  .sys_flow_box:not(:last-child)::before{
    position: absolute;
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/kids/imgs/icon_round_tri_blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotateZ(0);
    bottom: 0rem;
    top: 0;
    left: 104%;
    margin: auto 0;
  }
  .sys_flow_p{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 8rem;
    font-size: 1.8rem;
  }

}/* mq860 end */


/*=================================================
 AUDITION
================================================ */

.artist-block-pc{
  display:none;
}

.other-caption{
  font-size: 1.1rem;
  padding: 1em 0;
  text-align: center;
  color: #45a0d9;
}

.artist-about-sec {
  background-color: #f6f6f6;
  padding: 3em 0em;
  font-size: 1.3rem;
  line-height: 1.6;
}
.artist-about-box li {
  padding-left: 1.5em;
  position: relative;
}
.artist-about-box li:not(:last-child){
  border-bottom: 1px dashed #6d6d6d;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
}
.artist-about-box li::before {
  position: absolute;
  content: "★";
  left: 0.2em;
  top: 0;
  color: #ED1E79;
}
.artist-about-box li a {
  color: #45a0d9;
}

.audition_sec{
  padding: 3rem 0;
  background-color: #ff0;
  margin: 2rem 0 3rem;
}
.clip_area{
  padding-top:0;
  padding-bottom:3em;  
}

.clip_area_bottom {
margin-bottom: 20px;
}
.audition-box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 2.5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.audition-clip {
  width: 42%;
}
.audition-ttl {
  width: 52%;
}
.audition-clip img {
  border: solid 2px #ED1E79;
  box-sizing: border-box;
}
.audition-clip .thumb {
  position: relative;
  width: 100%;
}
.audition-clip .thumb::before {
  display: block;
  content: "";
  border-top: solid 1.4rem transparent;
  position: absolute;
  width: 1.4rem;
  height: 0px;
  border-right: solid 1.4rem #ED1E79;
  bottom: 0;
  right: 0;
}
.clip_area_ttl h3 {
  font-size: 1.8rem;
  margin-top: .5em;
  margin-bottom: .3em;
  font-weight: bold;
  color: #45a0d9;
  text-align: center;
}
.audition-ttl h3 {
  font-size: 1.3rem;
  margin-bottom: .3em;
  font-weight: bold;
  color: #45a0d9;
}
.clip_area_ttl p,
.audition-ttl p {
  font-size: 1.2rem;
  line-height: 1.6;
}
.pickup_btn {
  border: solid 3px #3FC6D1;
  color: #3FC6D1;
  background: url(/assets/img/top/dia-ico.png) no-repeat left 1rem top 0.4rem transparent;
  display: block;
  padding: 1rem 0.5rem 1rem 5.8rem;
  background-size: 4rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}
.live-block{
  padding: 2rem 0;
}
.live-box:not(:last-child){
  margin-bottom: 3em;
}
.live-ttl{
  font-size: 2.6rem;
  padding: 0.4em 0 0.2em;
  text-align: center;
}
.live-ttl .en{
  color: #45a0d9;
}
.live-ttl .jp{
  display: block;
  font-size: .5em;
  color: #112d46;
}
.live_p{
  font-size: 1.2rem;
  padding: .5em 0;
  line-height: 1.5;
}
.live-under-copy{
  color: #45a0d9;
}

@media (min-width: 860px){
  .artist-block-pc{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2em 0;
  }
  .artist-box-page{
    width: 32%;
    padding: .5rem 0;
  }

  .audition_sec {
    margin: 2rem 0 0;
  }
  .audition-wrapper{
    display: flex;
    justify-content: space-between;
  }
  .clip_area{
    width: 49%;
    padding-bottom: 1em;
  }
  .audition-block{
    width: 46%;
  }
  .audition-ttl h3 {
    font-size: 1.6rem;
    margin: 0.2em 0 0.6em;
  }
  .audition-ttl {
    width: 53%;
  }
  .pickup_btn {
    font-size: 1.8rem;
    background-position: left 1rem top 1.1rem;
    margin-top: 1.9em;
  }
  .live-block{
    display: flex;
    justify-content: space-between;
  }
  .live-box{
    width: 31%;
  }
  .live-box:not(:last-child) {
    margin-bottom: 0;
  }
  .live-under-copy{
    text-align: center;
    margin-bottom: 2em;
  }
}/* mq860 end */


/* TOP - RECOMMEND
========================================= */
.top_reco_block{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: .5px solid #d3d3d3;
  border-bottom: .5px solid #d3d3d3;
  width: calc(100% + 4em);
  /* margin: 2em 0 2em -2em; */
  width: 100%;
}
.top_reco_box{
  position: relative;
  width: 33.33333%;
  border: 0.5px solid #d3d3d3;
  overflow: hidden;
}
.reco_detail_box{
  visibility: none;
  opacity: 0;
  transform: translateY(-101%);
}
/* .top_reco_box.on .reco_detail_box{
  position: absolute;
  z-index: 1;
  font-size: 10px;
  width: 100%;
  height: 100%;
  background-color: #2993ca;
  color: #fff;
  overflow-y: scroll;
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  transition: transform .4s , opacity .4s;

  display: flex;
  justify-content: center;
  align-items: center;
} */
.reco_detail_box {
  position: absolute;
  z-index: 1;
  font-size: 10px;
  width: 100%;
  height: 100%;
  background-color: var(--c-black2);
  color: #fff;
  /* overflow-y: scroll; */
  /* visibility: visible; */
  transform: translateY(0);
  /* opacity: 1; */
  transition: transform .4s , opacity .4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top_reco_box:hover .reco_detail_box{
  opacity: 1;
  visibility: visible;
}
/* .top_reco_box:hover .reco_detail_box{
  transform: translateY(0);
  opacity: 1;
} */
.reco_txt{
  position: absolute;
  display: block;
  top: 0;
  /* bottom: 0;
  margin: auto; */
  height: fit-content;
  padding: 1em .6em 1em;
  font-size: .9em;
}

.reco_img_box{
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
/* .top_reco_box:hover .reco_img_box{
  transform: translateY(-100%);
  opacity: 0;
} */
.reco_logo_img{
  position: absolute;
  pointer-events: none;
}
.reco_logo_img.nda{top: 0;}
.reco_logo_img.ndak{top: -100%;}
.reco_logo_img.nds{top: -200%;}
.reco_logo_img.nyoga{top: -300%;}
.reco_logo_img.npila{top: -1800%;}
.reco_logo_img.nbox{top: -400%;}
.reco_logo_img.nbal{top: -500%;}
.reco_logo_img.nbalk{top: -600%;}
.reco_logo_img.non{top: -700%;}
.reco_logo_img.nmusic{top: -800%;}
.reco_logo_img.tdl{top: -900%;}
.reco_logo_img.sst{top: -1300%;}
.reco_logo_img.pst{top: -1400%;}
.reco_logo_img.stn{top: -1500%;}
.reco_logo_img.voat{top: -1000%;}
.reco_logo_img.voice{top: -1100%;}
.reco_logo_img.voatk{top: -1200%;}
.reco_img_box{
  transition: transform .4s , opacity .4s;
}
.reco_logo_img_single {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
}
.reco_detail_btn{
  position: absolute;
  bottom: 8%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  width: 50%;
  padding: .3em 1.8em;
  margin: 0 auto;
  opacity: .2;
  z-index: 10;
}
.sec_ttl_reco {
  text-align: center;
  /* padding: 2em 0; */

  .fot-ttl{
      display: block;
  }
  .pointsub{
      font-size: .8em;
  }
}

@media (min-width: 769px) {
  .foot_desc{
    padding: 2em 0 0;
  }
  .top_reco_block{
    width: 100%;
    margin: 0;
    border: .5px solid #d3d3d3;
  }
  .top_reco_box a:hover{
    opacity: 1;
  }
  .top_reco_box{
    width: calc(100% / 8);
  }
  /* 100% / 5 */
  /* .top_reco_box:nth-child(n+6) {
    border-top: none;
  }
  .top_reco_box:nth-child(5n+1){
    border-left: 1px solid #d3d3d3;
  } */
  /* 100% / 6 */
  /* .top_reco_box:nth-child(n+7) {
    border-top: none;
  }
  .top_reco_box:nth-child(6n+1){
    border-left: 1px solid #d3d3d3;
  }  */
  /* 100% / 7 */
  /* .top_reco_box:nth-child(n+8) {
    border-top: none;
  }
  .top_reco_box:nth-child(7n+1){
    border-left: 1px solid #d3d3d3;
  } */
  /* 100% / 8 */
  .top_reco_box:nth-child(n+9) {
    border-top: none;
  }
  .top_reco_box:nth-child(8n+1){
    border-left: 1px solid #d3d3d3;
  }

  .sec_top_contents .foot_desc{
    padding-right: 0;
  }
  .reco_detail_btn{
    width: 42%;
  }
  .reco_txt{
    bottom: 0;
    margin: auto;
    font-size: .8em;
    line-height: 1.4;
  }
  .top_reco_box.on .reco_detail_box{
    overflow-y:inherit;
  }
  .sec_top_reco{
      padding: 0 0 6em;
  }
  .sec_top_reco_inner{
    display: flex;
    justify-content: space-between;
    /* padding:c ; */
  }
  .top_reco_pc_wrap{
    width: 100%;
    padding: 2em 3em 0;
    margin: 0 auto;
    max-width: 1200px;
  }
}/* 769 */

@media (min-width: 1200px) {
  .reco_txt{
    font-size: 1em;
  }
}