@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 1199px){
/*============================================
 header
============================================*/
/* .header-inner{ width: 98%;} */
.inner{ width: 95%;}

/*============================================
 keyvisual
============================================*/
.mainvis{ width: 100%;}
.key-cam > div p:nth-child(1){ font-size: 1.44em;}
.key-cam > div p:nth-child(2){ font-size: 2.8em;}

/*============================================
 event
============================================*/
.event-past,.event-contact{ width: 90%;}
p.event-tag span{padding: .25em 1em;}

/*============================================
 page:future
============================================*/
.studio-map{ padding: 10px 10px 0;}
.map-area{ font-size: .88em; bottom: 0; right: 1em;}
.feat-in{ padding-top: 12%;}
.sec-feat.bk07{ background-size: auto 100%;}
}

@media screen and (max-width: 1059px){
.feat-in.inner{ width: 100%;}
.sec-foot .bk-blk > .inner{ width: 95%;}
.feat-in p.intxt{ text-align: justify; padding: 0 1.25em 3vh;}
.feat-in{ padding: 10em 0 30px;}
}

@media screen and (max-width: 970px){
#site-header.page .header-inner p.logo{ width: 180px;}
}

@media screen and (max-width: 900px){
.sec-feat.bk05{ background-size: auto 100%;}
/* #g-nav li a{ font-size: 1em; padding: 0 15px;} */

}

@media screen and (max-width: 768px){
  body{ font-size: 3.5vw;}
  img{ width: 100%;}

  .sp-dsp{ display: inherit;}
  .pc-dsp{ display: none;}
  .inner{ width: 100%; padding:0 1.5em; margin: 0 auto;box-sizing: border-box!important;}
  .header-inner{ width: 90%; padding: 0;}
  #container{ padding: 0;background-size:auto 9.5%;background-position: 125% 18%;}
  #content{ padding: 0;background-size:auto 15%;background-position: -40% 10%;}

  h1{font-size: 28px;}
  h1 span{ font-size: 12px; padding-top: 0;}

  /*============================================
  keyvisual
  ============================================*/
  .key-img { display: block;}
  .mainvis h1{
    position: absolute;
    top: 8em;
    left: 2em;
    font-size: 3.2vw;
    letter-spacing: .2px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }

  .mainvis .key-cam{ width: 100%;position:static;margin-top:-6em;margin-bottom:1em;}
  .mainvis .key-cam div{ width: 46%; line-height: 1; padding:0 2%;}

  .mainvis .key-in{ position: static; display:block;width:100%;z-index:1;}
  .mainvis .key-txt{width:100%;}
  .mainvis .key-txt h2 img[src$=".svg"]{width:45%!important; height:auto;}
  .mainvis .key-txt ul{padding:0 1.5em}
  .mainvis .key-txt li{padding:0 0 0 20%;margin-bottom:3em;z-index:2;}
  .mainvis .key-txt li p.key-num{position:absolute;top:-.15vh;left:0;font-size:20vw;}
  .mainvis .key-txt li:first-child p.key-num{left:.15em;}
  .mainvis .key-txt li h3{font-size:5vw;line-height:1.5;margin-bottom:.5em;}
  .mainvis .key-txt li p{font-size:3.5vw;padding-right:0}
  .mainvis .key-about-more{margin-bottom:5em;}
  .mainvis .key-about-more a{padding:1em 3em 1em 2em;font-size:3.2vw;}
  .mainvis .key-about-more a:after{font-size: 3.1vw;right: 1.5vw; }

  svg #sec01-ttl{ fill:#000;}
  section + section{padding: 3.5vw 0;}

  /*============================================
    INDEX contents
  ============================================*/


  /* TOPインストラクター
  ========================================================================== */
  .sec-instrc h2 img{width:65%; margin: 0 auto 2em;}
  .top-inst-info{background:rgba(239,239,239,0.5);padding:0 .5em 1.5em;}

  /*スライダー*/
  .slick-slide{opacity: 0;transition: .25s;}
  .slick-active{ opacity: 1;}
  .slick-dotted.slick-slider{ margin-bottom: 90px;}
  .slick-prev, .slick-next{z-index: 10; width: 30px; height: 30px; top: auto; bottom: -10%;}
  .slick-next{ right: 5%;}
  .slick-prev{ left: 5%;}
  .slick-prev:before, .slick-next:before{ font-family: "Font Awesome 5 Free";font-weight: bold; background: #8dd4cc; display: flex; text-align: center; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50px; line-height: 1; opacity: .95;font-size:3vw;}
  .slick-next:before{ content: "\f0da"; padding-left: .15em; box-sizing: border-box;}
  .slick-prev:before{ content: "\f0d9"; padding-right: .15em; box-sizing: border-box;}
  .slick-dots{ bottom: -8%;}

  @media screen and (max-width: 480px){
  .slick-prev, .slick-next{bottom: -17%;}
  .slick-dots{ bottom: -12%;}
    }

  /*リスト内*/
  .slick-track{ padding:0 0;}
  .slick-slide{ padding: .25em;}
  .slick-slide p{font-size: 3vw; width: 100%; margin: 0 auto;color:#353538;}
  .slick-slide p.name{font-size:3.75vw;padding: 1em 0 .6em;}
  .slick-slide p.name span{font-size:2.6vw;}


  /* TOPスタジオ
  ========================================================================== */
  .sec-st h2 img{width:45%; margin: 0 auto 2em;}
  .st-box{ display: block; margin: 0;}
  .st-box > div{ width: 100%;padding:.5em;margin-bottom:1.2em;}
  .st-infobox{padding:1em;text-align:center;}
  .st-at p{font-size:7vw;font-weight:700;letter-spacing: .3em;padding:.5em 0 .5em;}
  .st-at p span{font-size: 3.5vw;}
  .st-at p span.new{font-size: 3.5vw;letter-spacing:1px;}
  .st-infobox p.tel{font-size: 6vw;font-weight:700;padding:.75em 0 .5em;letter-spacing: .1em;}
  .st-infobox p.add{font-size: 3.2vw;padding: 0 1em 1em;}
  .st-infobox p.lead{font-size: 3.5vw;padding:0 1em 1em;}


  /* TOPニュース
  ========================================================================== */
  .sec-news h2 img{width:45%; margin: 0 auto 2em;}

  .news-box{ display: block; margin-top: 1em;}
  .news{ width: 100%;}

  .news-contents ul {display: block;margin-bottom:3em;}
  .news-contents ul li {width: 100%; padding: 2em 0;border-bottom: 1px dashed #47474c!important;}
  .news-contents ul li:nth-child(even){border-left: 0px dashed #47474c;}
  .news-contents ul li:nth-child(4){border-bottom: none!important;}
  .news-contents .post{padding: 0 0 0 ;}
  .news-contents ul li:nth-child(even) .post{padding: 0 0 0 0;}
  .news-contents .post p.img{ width: 15%;}
  .news-contents .post p.deta{ width: 77%;font-weight: bold; padding: 0 0em;font-size:4vw;}
  .news-contents .post p.more{ display:none;}

  /* .news-more{text-align:center;margin-bottom:6em;} */
  /* .news-more a{padding:1em 3em 1em 2em;position:relative;font-size:3.5vw;}
  .news-more a:after{top: 50%; right: 1em; transform: translate(0,-50%); font-size: 3vw;} */

  /* TOPバナー
  ========================================================================== */
  .top-baner ul{margin-bottom:3em;flex-wrap: wrap;}
  .top-baner li{ width: 49%;margin-bottom:.5em;}
  .top-baner li h3{font-family: 'Oswald', sans-serif; font-weight:700;font-size:4vw; letter-spacing: .2em;position:absolute;bottom:0%;left:0;padding:.5vh 0 1vh;width:100%;}
  .top-baner li h3 span{ display: block; font-size: 3vw; letter-spacing: normal;font-weight:normal;}

  .top-baner li:nth-child(5n){ width: 100%;position:relative;border:1px solid #eee;margin-top:1em;}
  .top-baner li:nth-child(5n) a{display:flex;}
  .top-baner li:nth-child(5n) img{width:25%;height:100%;vertical-align:middle;}
  .top-baner li:nth-child(5n) h3{color:#47474c;text-align: center; background:#f8f8f8; position:static;width:80%;vertical-align:middle;padding:2em 0;}
  .top-baner li:nth-child(5n) h3 span{display:inline;color:#47474c;padding-left:1em;}
  .top-baner li:nth-child(5n) {
    width: 100%;
    position: relative;
    border: 1px solid #eee;
    margin-top: 1em;
  }
  .top-baner li:nth-child(5n) img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }
  .top-baner li:nth-child(5n) h3 {
    color: #47474c;
    text-align: center;
    background: #f8f8f8;
    position: static;
    width: 400%;
  }

  /* TOP系列スクール
  ========================================================================== */
  /* .other-sc{ padding-top:0;margin-bottom:3em;} */
  .other-sc h2 img{height:6.5vh;  margin: 0 auto 1em;}
  .other-sc-box a{ display: block; width: 50%;}


  /* TOP系列スタジオ
  ========================================================================== */
  /* .other-st{margin-bottom:4em;} */
  .other-st h2 img{height:6.5vh;  margin: 0 auto 1em;}
  .other-st-box a{ width: 33.3%;border-right:1px solid #fff;}

  /*============================================
    footer
  ============================================*/
  footer .inner{padding:0 1.5em!important;}
  .sec-foot .bk-blk{ padding: 3em 0;}
  .sec-foot .bk-gray p{ padding: 1.5em 0; font-size: 2.5vw;line-height:1.8;}
  .sec-foot .bk-blk > .inner{ display:block; letter-spacing: .05em;padding:0 1em!important;}

  .foot-nav{ width: 100%;}
  .foot-nav p.logo{ width: 65%;margin:0 auto;display:block;}
  .foot-nav ul{margin-top: 4vh;}
  .foot-nav ul li{ padding-bottom: 1vh;position:relative;}
  .foot-nav ul li:nth-child(odd){ width: 50%;}
  .foot-nav ul li:nth-child(even){ width: 50%;}
  .foot-nav ul li a{ padding-left: 1em;font-size: 3.2vw;}
  .foot-nav ul li:before{font-size: 1em;color:#fff;}

  .foot-intxt{ width: 100%; font-size: 2.5vw;margin-top:2em;}
  .foot-intxt span{font-size: 3.4vw;padding-bottom:.3em;}

  p.copy{width:100%; text-align: center!important; font-size: 3vw; padding: 1em 0;margin-top:3em;}



  /*============================================
    PAGE : contents
  ============================================*/

  #site-header.page .header-inner p.logo{ width: 50vw;}
  .keyvis{ margin-top: 60px;}
  #container.under #content{ padding: 0 0 2em;z-index:11;}
  #container.feature #content{ padding: 2em 0 2em;z-index:11;}

  #container.under .top-cmnt{ display: block;}

  #under .key-in.inner{ padding:0 1em 0;}
  #under .mainvis h1 {width:100%;font-size: 9vw;line-height:1.1; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: rl-tb; writing-mode: horizontal-tb;bottom:60%;left:50%;transform: translate(-50%,40%);top:auto;padding: .2em .35em .35em;}
  #under.store .mainvis h1{background: rgba(255,255,255,.8);width:100%;padding: .35em .15em .5em;}
  #under .mainvis h1 span{ font-size: 4vw;padding: .5em 0 0;}
  #under .mainvis .key-cam{ width: 100%;bottom:-2em;left:0;;display:flex;margin-bottom:.5em;}
  #under .mainvis .key-cam div{ width: 46%; line-height: 1; padding:0 2%;}

  #under.no-main .mainvis .key-in{padding:8em 2em 0em;}
  #under.no-main .mainvis h1{margin:3em 0 0;}


  /*============================================
    pan-kuzu
  ============================================*/

  .breadcrumbs{margin-top:3em;}
  .breadcrumbs .inner{padding:.5em 1.5em!important;}
  .breadcrumbs ol {padding: .4em 0em;}
  .breadcrumbs li {line-height:1.1;font-size:.8em;}


  /*============================================
  　FEATURE
  ============================================*/
  .feature-wrap{width:100%;margin-bottom:0em;}
  .feature-wrap ul{width:100%;margin-bottom:2em;}
  .feature-wrap li{width:100%;background:#efefef;position:relative;}
  .feature-wrap li img{height:auto;width:100%;object-fit: cover;position:relative;z-index:2}
  .feature-wrap li h2{font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;font-weight:700; font-size: 4.8vw;margin-bottom:1.25em;letter-spacing:0em;color:#dd6276;text-align:center;line-height:1.6;width:100%;}
  .feature-wrap li h2 span{font-weight:700;}
  .feature-wrap li.text{padding:3em 2em 4em;font-size:3.5vw;line-height:1.8;}
  .feature-wrap li.left{float:none}
  .feature-wrap li.right{float:none}
  .feature-wrap li p.num{top:-.5em;left:0;font-size:25vw;z-index:3;color:rgba(221,98,118,0.35);}
  .feature-wrap li p.more{text-align:center;margin-top:2.5em;}
  .feature-wrap li p.more a{padding:1em 3em 1em 2em;font-size:3.5vw;}
  .feature-wrap li p.more a:after{position: absolute; top: 50%; right: 1em; transform: translate(0,-50%); font-size: 3.5vw;}


  /*============================================
  　SYSTEM
  ============================================*/
  body.system .inner{padding:0 1.5em}
  body.system .sec-ttl{ width: 45%!important; margin: 0 auto 1.5em;}

  body.system .cat-wrap{margin-bottom:3em;}
  body.system .cat-wrap ul{display: block;padding:0 .5em 3em;}
  body.system .cat-wrap li{width: 100%;padding:0 2vw;margin-top:4em;}
  body.system .cat-wrap li:first-child{margin-top:2em;}
  body.system .cat-wrap li .text-box{text-align:center;padding:1.25em .75em .75em;width:76%;margin:0 12% 0 12%;}
  body.system .cat-wrap li img{position:absolute;left:-2em;bottom:-2.4em;width:40%;}
  body.system .cat-wrap li:nth-child(2) img{left:70%;}
  body.system .cat-wrap li:nth-child(3) img{left:-1.5em;}
  body.system .cat-wrap li h3{font-weight:700;font-size:7vw;margin-bottom:.1em;}
  body.system .cat-wrap li p{padding-left:0em;}
  body.system .cat-wrap li p.age{font-weight:600;font-size:4.8vw;padding-bottom:.25em;margin-bottom:.25em;}
  body.system .cat-wrap li p.age span{display:inline;font-size:4vw;}
  body.system .cat-wrap li p.time{font-size:3vw;}
  body.system .cat-wrap li p.time span{font-size:4.2vw;}
  body.system .cat-wrap p.cat-ttl{font-weight:700;font-size:5.6vw;margin-bottom:.6em;padding:0 .5em;}
  body.system .cat-wrap p.cat-ttl span{display: block;}
  body.system .cat-wrap p.cat-lead{text-align:left;font-size:3.5vw;padding:0 .5em;}

  body.system .system-wrap{margin-bottom:2em;}
  body.system .system-wrap ul{width: 100%; display: block;padding:0 .5em 0;}
  body.system .system-wrap li{width:100%;}
  body.system .system-wrap li:first-child{margin-bottom:3em;}
  body.system .system-wrap li p.icon{margin:0 auto 1em;}
  body.system .system-wrap li p.icon img{width:60px;}
  body.system .system-wrap li p.inttl{font-weight:700;font-size:5.6vw;margin-bottom:.6em;line-height:1.6;}
  body.system .system-wrap li p.intxt{font-size:3.5vw;line-height:1.7;}

  .table_wrap + .table_wrap {margin-top: 2em;}
  .table_wrap h3{font-size: 1.7em;margin-bottom:1em;}
  .table_wrap h3 span{font-size: .7em;display:inline;}

  .system_table {width: 100%;font-size: 1em;}
  .system_table i{padding:0 .25em 0 .5em; font-size: 1.2em!important;}
  .system_table th,.system_table td {padding: .7em .5em;}
  .system_table th:first-child {width: 25%;}
  .system_table.system_table_last th:first-child {width: auto;}
  .system_table tbody td span {font-size: .7em;display:block;}

  .campaign_table tbody td span {display:inline}
  .system_table .normal-price{font-size: 1em!important;}
  .system_table .campaign-price{font-size:1.5em!important;}
  .system_table .up{font-size: 1em!important;}
  .system_table .tb-xs{font-size:.8em;margin:.5em 0 0}
  .system_table .tb-s{font-size:.9em;}
  .system_table .tb-m{font-size:1em;}

  .different-sec{margin-top:3em;padding:2.5em 0 3em;}
  .different-sec-ttl{font-size:1.5em;}

  .system_table tbody th.osusume-th .osusume{left:-.6em;top:50%;transform: translate(0%,-50%);width:50px; height:50px;border-radius:80px;border:2px solid #fff;}
  .system_table tbody th.osusume-th .osusume span{font-size: 1vw;}

  @media screen and (max-width: 480px){
  .system_table tbody th.osusume-th .osusume{left:-0.5em;top:-.2em;transform: translate(0%,0%);width:30px; height:30px;border-radius:30px;letter-spacing:-.2em;border:1px solid;}
  .system_table tbody th.osusume-th .osusume span{font-size: 2.1vw;padding:0;margin:0;}
  }

  .attention_list {font-size:1em;margin-top: 1.5em;}
  .attention_list li {padding-left:1.5em;position:relative;margin-bottom:.75em;}
  .attention_list li:before {position:absolute;left:0;content:"※";color:#ff5b85;font-weight:bold;}

  .system_link_list {margin-top: 2em;margin-bottom: 3em;}
  .system_link_list p {font-size:1.1em;}
  .system_link_list .link_list {width:100%;display: block;}
  .system_link_list li {width:100%;text-align: center;}
  .system_link_list .link_list li a {border: solid 1px #42dcda;padding:.75em;margin-bottom:.75em;}

  .lesson_table {width: 100%;font-size: 1em;}
  .lesson_table th,.lesson_table td {padding: .7em .5em;width: 20%!important;background:#fff;}
  .c_ora {color:#fbbd6f;font-weight:bold;}
  .c_pin {color:#ff5b85;font-weight:bold;}
  .lesson_table {width: 100%;font-size: 1em;}
  .lesson_table thead span{display:block;font-size: .7em;}
  .lesson_table thead th,.lesson_table tbody th{font-size: .8em;line-height:1.4;}
  .lesson_table thead td{background:#f6f6f6;}
  .lesson_table .logo-academy img{width:70%;margin:0 auto;}
  .lesson_table .logo-other img{width:90%;margin:0 auto;}

  .recept-table {font-size:1em;margin-bottom:4em;}
  .recept-table th,.recept-table td {display:block;}
  .recept-table th {font-size:.6em;}
  .recept-table td {padding: .7em;text-align:center;}
  .recept-table .dial {font-size:1.4em;}


  /*============================================
  　GUIDANCE
  ============================================*/
  .sec-guide01, .sec-guide02, .sec-guide03{ font-size: 1em;}
  .guide h2{text-align:center;margin-bottom:0em;}
  .guide h2 span{ font-size: 2.5em;}
  .guide h2 img{width:120px;margin:0 auto .2em;}
  .guide .sec-guide03 h2 img{width:100px;margin:0 auto 0;}
  .guide p.ttl-txt{ letter-spacing: 0em; font-size: 1.3em; padding-bottom: 2em;}

  .web-ttl{font-size:1.8em;margin-bottom:0;line-height:1.2;}
  .web-desc{text-align:center;margin-bottom:1em;}
  .web-btn{margin-bottom:4em;}
  .web-btn a{width:80%;font-size:1.2em;}
  .studio-ttl{font-size:1.8em;margin-bottom:1em;}

  .guide01_box1,.guide01_box2 .boxin{padding:0 0em;}

  .guide01_box1{ flex-direction: column; padding-bottom: 2em;}
  .guide01_box1 p:nth-child(1){ width: 50%; margin: 0 auto 2em;}
  .guide01_box1 p:nth-child(2){ width: 100%; padding: 0 .25em; text-align: justify;}

  .guide01_box2 .boxin{ width: 100%;}
  .guide01_box2 .boxin > div{ width: 32%;padding:1em 0}

  .sec-guide01 p.at{ font-size: .9em;text-align:left;}
  .guide01_box2 .boxin > div p:nth-child(1){ font-size: .9em;}
  .guide01_box2 .boxin > div:nth-child(1) p:nth-child(2) span{ width: 65%; padding-top: .8em;}
  .guide01_box2 .boxin > div:nth-child(2) p:nth-child(2) span{ width: 55%; padding-top: .7em;}
  .guide01_box2 .boxin > div:nth-child(3) p:nth-child(2) span{ padding-top: .65em;}

  .sec-guide01 > .cam p > span{ display: block;}



  .sec-guide02{ margin-top: 5vh;}
  .sec-guide02 .inner{ padding: 2em 2em 60px;}
  .guide02_box1{ width: 100%; display: block}
  .guide02_box1 > .guide02in{ width: 75vw; height: 75vw;margin:0 auto 1em;}
  .guide02_box1 > .guide02in p.txt{ font-size: 1em; letter-spacing: 0em;line-height:1.9;margin-bottom:1em;}
  .guide02_box1 > .guide02in p.txt span{ font-size: 1.8em;}
  .guide02_box1 > div p.icn{ padding-top: 1em;}
  .guide02_box1 > div:nth-child(1) p.icn{ width: 22%;}
  .guide02_box1 > div:nth-child(2) p.icn{ width: 15%;}

  .sec-guide02 .cam p.inttl{ width: 70%; margin-top: -1.88em;}
  .sec-guide02 .cam p.inttl span{ padding: .88em 0;}
  .sec-guide02 .cam p.intxt > span{ display: block; letter-spacing: -.05em;}
  .sec-guide02 .cam p.intxt span.at{ letter-spacing: normal;}
  .sec-guide02 .cam{ margin: 7vh auto 3.5vh;}
  .sec-guide02 .cam > div a{ width: 90%;}
  .sec-guide02 .cam > div{ padding-bottom: 1.88em;}

  .guide_lesson{ width: 95%;  border-radius: 5px; flex-direction: column;}
  .guide_lesson .txt{ width: 90%; margin: 0 auto; padding-bottom: 0;}
  .guide_lesson .txt p.inttl{ justify-content: center;}
  .guide_lesson .txt p.inttl span:nth-child(1){ width: 3em; position: absolute; left: 0;}
  .guide_lesson .txt p.inttl span:nth-child(2){ padding: 0; font-size: 1.44em;}
  .guide_lesson .txt p.intxt{ padding: 2em 0 1em; text-align: justify; letter-spacing: normal;}
  .guide_lesson .img{ padding: 0 0 2em; margin: 0 auto; width: 55%;}

  .guide_lesson_btm{ width: 95%; margin-bottom: 0;}
  .guide_lesson_btm .fx-clm{ display: flex; flex-direction: column-reverse; padding: 0 0 2em;}
  .guide_lesson_btm .fx-clm > div{ width: 90%;}
  .guide_lesson_btm .fx-clm > div > div{ width: 50%; flex-direction: column;}
  .guide_lesson_btm p.ttl{letter-spacing: .08em; font-size: 1.4em; padding-bottom: .25em;}
  .guide_lesson_btm p.intxt{ justify-content: center; }
  .guide_lesson_btm p.inimg{ width: 60%; margin: 1em auto 2em;}
  .guide_lesson_btm p.txt{ font-size: .88em; padding: 0 1em;}


  /*============================================
  　SCHEDULE
  ============================================*/
  .sc-wrap{margin-bottom:3em;}
  .kidssc-tabs {padding:0;}
  .kidssc-tab-item {padding:1em 0; font-size: 1em; letter-spacing:0;margin-bottom:1.5em;}

  .sc-box h2{font-size:2em;font-weight:700;margin-bottom:.4em}
  .sc-box table{margin-bottom:1em;width:100%;padding:0;border-bottom:none;border-left:none;border-right:none;}
  .sc-box td{padding:0;display:block;border-left:2px solid #d0ab80;border-right:2px solid #d0ab80;}
  .sc-box td.time{width:100%;font-size:1.4em;font-weight:bold;padding:.4em;text-align:left;position:relative;z-index:-1;}
  .sc-box td.time span{font-size:.7em;display:inline;font-weight:bold;padding-left:.5em;}
  .sc-box .clipbox{width: 70px;height:70px;overflow: hidden;position: relative;}
  .sc-box td.info{width:100%;padding:1em .75em .75em;border-bottom:2px solid #d0ab80;margin-bottom:1.5em;}
  .sc-box td.info li:last-child{padding-left:.75em;}
  .sc-box p.inst-name{font-size:1.3em;font-weight:bold;margin-bottom:.3em;padding-left:.5em;}
  .sc-box p.inst-name span{font-size:.8em;padding-left:.4em}
  .sc-box p.class-name{font-size:1em;}
  .sc-box p.st-name{font-size:1em;}
  .sc-box td.info .jr-sc-trialbt button{width:30%;font-size:.9em;padding: .6em;}
  .sc-box td.info .jr-sc-trialbt button i{display:none;}
  .sc-box td.info .tri-btn{position:absolute;right:-.2em;top:-2.4em;transform: translate(0, -2.5em);overflow:hidden;z-index:3;}


  /*============================================
  　STORE
  ============================================*/
  body.store .inner{padding:0 2.4em;}
  body.store .sec-ttl{ width: 45%!important; margin: 0 auto 1.5em;}

  .branch-lede{margin-bottom:2em}
  .branch-lede-copy {font-size: 1.5em;line-height:1.5;font-weight:bold;margin-bottom:1em}
  .branch-lede .text {text-align: left; font-size: 1em;}
    .b-photo-main {
      padding: .5em 1.5em;
    }
  .b-photo-ttl {margin-bottom: .4em;}
  .b-photo-main .text p{font-size: 3.2vw!important;height: auto;}
  .branch-photo-list .slick-dots {padding: 1em 1em 0;}
  .access-block  {test-align:left;padding:0 .5em;}
  .access-map {float: none;width: 100%;}
  .access-gmap {margin-bottom: 2em;}
  .access-info {float: none;width: 100%;margin-bottom: 3em;}
  .ad-pickup {text-align: left;}
  .ad-detail .ad-dial{text-align:center;margin-bottom:.5em;font-size: 5.5vw;}


  /*============================================
  　GENRE
  ============================================*/
  body.genre #content{position:relative;z-index:-2;}
  .genre-wrap{width:100%;padding-top:.5em;margin-bottom:4em;margin-top:-4em;}
  .genre-wrap ul{width:100%;}
  .genre-wrap li{width:100%;background:#efefef;}
  .genre-wrap li h2{font-size: 2.4em;font-weight:300;margin-bottom:.1em;letter-spacing:-.01em;}
  .genre-wrap li h2 span{font-weight:700;}
  .genre-wrap li.text{padding:1em 2em 2em;font-size:1.1em;line-height:1.8;}
  .genre-wrap li.left{float:none}
  .genre-wrap li.right{float:none}


  /*============================================
  　FAQ
  ============================================*/
  /* .qa-box{margin-bottom:1em;} */
  .qa-lede-copy{font-size: 1.1em;text-align:center;padding:1em .5em;font-weight:500;}
  .qa-lede-copy span{display:block;}
  .qa-text-box{padding:1.5em .3em;font-size: 1.1em;font-weight:normal;}
  .qa-text-box h3.q{font-size: 1.2em;padding-bottom:1em;font-weight:500;}
  .qa-text-box i{font-size: 1.2em;padding-right:0.5rem;}


  /*============================================
  　CLOSE
  ============================================*/
  .close-box {line-height:1.5;padding:0 1em;}
  .close-box p{font-size:1em;text-align:left;}
  .close-lede-desc {font-size:1em;margin-bottom:2em;text-align:left;}
  .close_table{font-size:1em;margin-top:2em;margin-bottom:2em;}
  .branch-info-ttl{font-size: 1.4em;font-weight: bold;text-align: center; margin:0 0 1em;}
  .studio-add{font-size:1em;}
  .studio-add th{font-size:1em;}
  .studio-add td{font-size:1em;}
  .studio-add td a{display:block;padding-left:0em;font-size:1.1em;font-weight:bold;}


  /*============================================
  　INSTRUCTOR
  ============================================*/
  .inst-top-lead{margin-bottom:3em;padding:0 2em}
  .inst-top-lead h2{font-size: 5vw;margin-bottom:1em;letter-spacing:2px;}
  .inst-top-lead p{font-size: 3.5vw;text-align:left;line-height:1.7;}

  .inst-top-wrap{margin-bottom:0;}
  .inst-top-wrap li{
    width:47%;
    box-shadow: none;
    background:transparent;
    padding:0em;margin-bottom:3em;
  }
  .inst-top-wrap li img{width:100%;border:3px solid #d0ab80;}
  .inst-top-wrap li .top-inst-info{background:none;padding:1.5em 0 1em;font-size:3vw;line-height:1.8;}
  .inst-top-wrap li .top-inst-info .name{font-weight:700;font-size:4.6vw;margin-bottom:.5em;line-height:1.3;}
  .inst-top-wrap li .top-inst-info .name span{font-size:3vw;padding-left:.5em;}


  body#under.instructor #content{padding: 12vh 0 0;}
  body.instructor .inner{padding:0 0;width:100%;}
  .inst-main{width:100%;}
  .inst-main2 {width:100%;margin:0 auto 3em;padding:2em 2.4em 2em;}

  .inst-cover {margin:2.5em auto 2em;max-width:75%;}
  .inst-cover img {display:block;margin:0 auto 0;width:100%;}
  .inst-lede dl {text-align:left;font-size:1em;margin-bottom:1.5em;}
  .inst-lede dt {font-size: 1.2em;text-align:center!important;}
  .inst-lede .name dt {margin-bottom:.25em;}
  .inst-lede .name dd h1 {font-size: 2.7em!important;text-align:center!important;margin-top:0em!important;margin-bottom:1em!important;}
  .inst-lede .name dd span{font-size: .8em;padding-left:1em;}
  .inst-lede .genre dt {margin-bottom: .5em;}
  .inst-lede .genre dd span{display:block;}
  .inst-lede .genre dd {font-size: 1.8em;text-align:center!important;}
  .inst-sec-ttl {font-size: 1em;}
  .inst-coat {padding:1.5em 2em;background:#f9f9f9;border-radius:0;font-size: 1.2em}
  .inst-coat iframe{width:100%;height:250px;}
  .inst-coat-ttl {font-size: 1em;margin-bottom:1em;text-align:center!important;}
  .inst-col h2 img{width:42%;margin:0 auto 1em;}
  .inst-col-a {float: none;width: 100%;}
  .inst-col-b {float: none;width: 100%;}
  .inst-col-c {float: none;width: 100%;}
  .inst-col-d {float: none;width: 100%;}
  .inst-sec {margin-bottom: 3em;}
  .inst-prof-info {margin-top:1em;margin-bottom:3em;}
  .inst-prof-info p {font-size:1.1em;}
  .inst-lesson-box{font-size:1em;margin-top:1em;padding:1em;}
  .inst-lesson-info {font-size:1em;display: table-cell;width: 55%;line-height:1.1;vertical-align: middle;}
  .inst-lesson-info p {line-height:1.7;font-size:1.1em;}
  .inst-lesson-info p.time {margin-left:-.6em;}
  .inst-lesson-info p.class{font-weight:bold;}
  .inst-lesson-btn {padding:1em 1em 1em .5em;font-size:1em;}
  .inst-lesson-btn:after {font-size:.9em;}
  .inst-lesson-btn span {display: block;}


  /*============================================
  　TOPICS(NEWS)
  ============================================*/
  body#under.topics-post #content{padding: 8vh 0 0;}

  .topics-box {width:100%;padding:0 0;margin:0;}
  .topics-box li{padding:0 0 2em;margin-bottom:2em;}
  .topics-box li:last-child{margin-bottom:0em;}
  .topics-date {font-size:.8em;margin-bottom:.3em;}
  .topics-title {font-size:1.1em;font-weight:bold;}

  .knowledge-box li{width:100%;}
  .knowledge-box li a{width:100%;display: flex; flex-wrap: wrap; justify-content: space-between;}
  .knowledge-box li div:first-child{width:25%;}
  .knowledge-box li div:last-child{width:70%;}

  /* .topics-post-wrap{margin:2em auto 3em;padding:2em 1em 0;} */
  .topics-post-wrap h1{font-size: 1.6em!important;margin-bottom:1em;letter-spcing:0;text-align:center;line-height:1.5!important;}
  .topics-post-wrap h2{font-size:1.3em;line-height:1.5;}
  .topics-post-txt {font-size:1.1em;line-height:1.6;}
  .topics-post-txt img{margin:2em auto;display:block;height:auto;max-width:100%;}

  .topics-post-wrap2 img{width:100%;margin:0 auto 1em;display:block;}
  .topics-post-wrap2 #mv_image{margin-top:1em;}
  .campaign-box {padding: 2.5em 0em;}
  .campaign-box p{padding:0 0em;text-align:left;font-size:1em;line-height:1.7;}
  .topics-post-wrap2 .news_link{border:1px solid #ccc;text-align:center !important;background:#fff;}
  .topics-post-wrap2 .news_link p{text-align:center !important;}
  .campaign-box p span{font-weight:bold;color:#dd6276;display:block;font-size:1.0em;padding-top:1em;}
  .mt-2m{margin-top:-1em;}


  /*============================================
  　LESSON NOTE
  ============================================*/
  body.blog .inner{padding:0 1.5em;}
  .note-sec p{margin:2em 0;text-align:center;font-size:1.1em;}
  .note-block {width:100%;margin:0 auto;padding:0 1em;}
  .note-box {float:none;width: 100%;margin-bottom:2em;}
  .note-box:nth-child(even) {float:none;}
  .note-box .bg-color {background-color: rgba(0, 0, 0, .2);padding:3.5em 1.5em 3em;position:relative;}
  .note-name {width:100%;color:#fff;margin-bottom:.5em;text-align: center;font-weight: normal;}
  .note-name .en {display: block;line-height: 1.3;font-size: 30px;font-weight: bold;}
  .note-name .ja {display: block;line-height: 1.2;font-size: 14px;font-weight: normal;}

  .bloglist {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .bloglist li{padding:1.5em;margin-bottom:1em;list-style:none;}
  .bloglist li:first-child{padding:1.5em;}
  .blog-date {font-size:2em;font-weight:400;color:#333;padding-bottom:.4em;margin-bottom:.6em;}
  .blog-date-small {padding-left:.5em;font-size:.6em;font-weight:200;}
  .blog-ttl {font-size:1.4em;line-height:1.5;margin-bottom:1em;letter-spacing:0;}
  .blog-text {font-size:1.1em;line-height:1.5;margin-bottom:2em;-webkit-text-size-adjust: 100%;}

  /* lesson note post
  ------------------------------------------- */
  .blogpost-box {margin-bottom:3em;width:100%;margin:0 auto;float:none;padding:1.5em;font-size:1em;}
  .blogpost-date {font-size:2em;font-weight:400;color:#333;padding-bottom:.4em;margin-bottom:.6em;}
  .blog-date-small {padding-left:.5em;font-size:.6em;font-weight:200;}
  .blogpost-ttl {font-size:1.4em;line-height:1.4;margin-bottom:2em;letter-spacing:0;}
  .blogpost-text {font-size:1.1em;line-height:1.6;margin-bottom:2em;-webkit-text-size-adjust: 100%;}
  .blogpost-text img{margin:2em auto !important;height:auto;}
  .blog-back-bt{margin-top:2em;padding-top:2em;}
  .blog-back-bt a{padding:1em;border:2px solid #aaa;color:#999;display:block;margin:0 auto 1em;width:100%;text-align:center;}
  .blog-back-bt i {padding-right:.5em;}
  .blog-back-bt  a:hover{color:#fbbd6f;border:2px solid #fbbd6f;}
  .category-school-box {width:100%;float:none;margin:0 auto;padding:2em 0 0;text-align:center;}
  .blog-category-ttl {font-size:1.8em;font-weight:200;color:#333;margin-bottom:.3em;text-align:center;font-family: 'Questrial', sans-serif;}
  .blog-category-text {font-size:1.1em;margin-bottom:1em;text-align:center;}
  .blog-category-list, .blogpost-school-link{margin-bottom:3em;}
  .blog-category-list li, .blogpost-school-link li{display:block;position:relative;margin-bottom:0em;padding:1.5em 0 1.5em 0;border-bottom:none;border-top:1px dashed #ccc;line-height:1.4;font-size:1.1em;}
  .blog-category-list li a, .blogpost-school-link li a{padding-bottom:.2em;font-weight:bold;}


  /*============================================
  　COMPANY
  ============================================*/
  .company-info{margin:-1em 0 4em;}
  .company-info dl{width:100%;border-bottom:1px dotted #CCCCCC;padding:1em 0;}
  .company-info dt{margin-bottom:.2em;text-align:center;clear:left;float:none;width:100%;}
  .company-info dd{text-align:center;}
  .company-info dd span{display:block;}

  .brandtop_box img{width:auto;height:25px;margin-bottom:3em;}
  .pickupbox ul{width:100%;padding:0 1em;}
  .pickupbox ul:before{content:"";display: block;width:46%;order:1;}
  .pickupbox ul:after{content:"";display: block;width:46%;}
  .pickupbox li{width:46%;margin:0 0 2em; 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;}
  .brandimage img{width:100%;overflow:hidden;}
  .pickup_text{width:100%;font-size:.9em;padding:1em 1em 0em;}
  .pickupbox li .br_web_btn{width:80%;background-color:#000;position:absolute;right:0;bottom:0;text-align:center;font-size:.8em;font-weight:normal;padding:0em;}


  /*============================================
  　TRIAL FORM
  ============================================*/
  .form-sec{margin-bottom:3em;}
  .form-sec .inner {padding: 0 0;width:100%;}
  .form-lede {margin-bottom: 2em;padding:0 0;}
  .form-lede-desc{margin-bottom: 2em;padding:0 0;text-align:left;}
  .form-lede-ttl {
    font-size: 1.3em;
    margin-bottom: 1.5em;
    font-weight:bold;
  }
  .form-lede-desc {font-size:1em;line-height:1.6;}
  .form-caution {
    font-size:.8em;
    line-height:1.6;
    font-weight: normal;
    text-align:left;
  }
  .req {font-weight:normal;font-size:1em;}
  .studio-select {position: relative;}
  .form-caution-ttl {font-size:1.2em;font-weight:bold;margin-bottom: 2rem;}
  .comp-recept {margin-bottom: 2rem;}
  .trial-link-branch {padding:.8em;}
  .link-branch-btn {font-size: 1em;}
  .link-branch-btn a:after{margin-right: 5px;font-size: .9em;}
  .expand-menu li {font-size: .9em !important;}
  .expand-menu li a {display: block;padding: 1em 0;}
  .supple-btn {padding:.8em 3em .8em 2em;font-size: 1em;}
  .supple-btn:after {font-size: 1em;right:1em;}

  .form-supple p:not(:last-child) {margin-bottom: 1rem;}
  .input-list li {margin-top: .4em;margin-right: 1em;margin-bottom: .4em;display: inline-block;}
  .input-list li label {padding-left: .4em;}
  .input,textarea {
    width: 100%;
    padding: 1em;
    /* font-size:1em!important; */
    border-radius: 4px;
    border: 1px solid #666;
  }
  .input.input-date {width: 22%;}
  .d-unit {margin: 0 .5em;}
  .select {padding: 8px;font-size: 18px;border: 1px solid #666;}
  .input-head {margin-bottom: 1rem;}
  /* .form-operate {padding: 0 1em;margin:0 0 2em;} */
  .form-operate li {text-align: center;font-size: 1.2em;padding:0 0 ;margin:0 auto;display:block;width: 100%;}
  .form-operate li input {padding: 1em 6em;color: #fff;font-weight: bold;width: 100%;text-align: center;}
  .form-operate li input[disabled] {cursor:not-allowed;background-color: #ccc;}
  .form-operate li input.long-word {padding: 1em 0;}
  .couple-operate {padding: 0 1em;/* margin-bottom:4em; */}
  .couple-operate li {float: none;width: 100%;margin-bottom:1em;}
  .couple-operate li:last-child {float: none;}
  .couple-operate li input {padding: 1em 0;width: 100%;}
  .caution-txt {color: #ff5b85;font-size: 1.1em;text-align: center;}
  .error-list {padding: 1.4em 4%;margin-bottom: 2rem;}
  .caution-ttl {color: #fe8fa4;font-size: 20px;font-weight: bold;margin-bottom: 2rem;text-align: center;}
  /* .cfm-form-lede {margin-bottom: 4rem;} */
  .restriction {margin-bottom: 3rem;text-align: center;font-size: 18px;}
  .stand-btn a{text-align:center;font-size:.8em;font-weight:normal;width:100%;margin:0 auto;box-sizing: border-box;}
  .form-bottom-desc{padding:0 0; margin-bottom:2em;}

}/*  */