@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: bold;
  src: url("/common/fonts/noto/noto-thin.eot");
  /* IE9 Compat Modes */
  src: url("/common/fonts/noto/noto-thin.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-thin.woff") format("woff"), url("/common/fonts/noto/noto-thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("/common/fonts/noto/noto-light.eot");
  src: url("/common/fonts/noto/noto-light.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-light.woff") format("woff"), url("/common/fonts/noto/noto-light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("/common/fonts/noto/noto-demilight.eot");
  src: url("/common/fonts/noto/noto-demilight.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-demilight.woff") format("woff"), url("/common/fonts/noto/noto-demilight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/noto/noto-regular.eot");
  src: url("/common/fonts/noto/noto-regular.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-regular.woff") format("woff"), url("/common/fonts/noto/noto-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/noto/noto-medium.eot");
  src: url("/common/fonts/noto/noto-medium.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-medium.woff") format("woff"), url("/common/fonts/noto/noto-medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/noto/noto-blod.eot");
  src: url("/common/fonts/noto/noto-blod.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-blod.woff") format("woff"), url("/common/fonts/noto/noto-blod.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("/common/fonts/noto/noto-black.eot");
  src: url("/common/fonts/noto/noto-black.eot?#iefix") format("embedded-opentype"), url("/common/fonts/noto/noto-black.woff") format("woff"), url("/common/fonts/noto/noto-black.ttf") format("truetype"); }

@font-face {
  font-family: 'Pt';
  src: url("/common/fonts/pt.eot");
  src: url("/common/fonts/pt.eot?#iefix") format("embedded-opentype"), url("/common/fonts/pt.woff") format("woff"), url("/common/fonts/pt.ttf") format("truetype"); }



/* -----------------
 tips & reset
----------------- */
.m05{margin:5px;} .m10{margin:10px;} .m15{margin:15px;} .m20{margin:20px;} .m25{margin:25px;} .m30{margin:30px;}
.mB05{margin-bottom:5px;} .mB10{margin-bottom:10px;} .mB15{margin-bottom:15px;} .mB20{margin-bottom:20px;} .mB25{margin-bottom:25px;} .mB30{margin-bottom:30px;}
.p05{padding:5px;} .p10{padding:10px;} .p15{padding:15px;} .p20{padding:20px;} .p25{padding:25px;} .p30{padding:30px;}
.pB05{padding-bottom:5px;} .pB10{padding-bottom:10px;} .pB15{padding-bottom:15px;} .pB20{padding-bottom:20px;} .pB25{padding-bottom:25px;} .pB30{padding-bottom:30px;}

.mgnB05,.mb05 {margin-bottom: 5px;}
.mgnB10,.mb10 {margin-bottom: 10px;}
.mgnB15,.mb15 {margin-bottom: 15px;}
.mgnB20,.mb20 {margin-bottom: 20px;}
.mgnB30,.mb30 {margin-bottom: 30px;}
.mgnB40,.mb40 {margin-bottom: 40px;}
.mgnB50,.mb50 {margin-bottom: 50px;}
.mgnB60,.mb60 {margin-bottom: 60px;}

.mt40{margin-top:40px;}
.mt80{margin-top:80px;}

.pdg05 {padding: 5px;}
.pdg15 {padding: 15px;}
.pdg10 {padding: 10px;}
.pdg20 {padding: 20px;}

.pdgS05 {padding: 0 5px;}
.pdgS10 {padding: 0 10px;}

.pdgL20 {padding: 0 0 0 20px;}
.pdgL30 {padding: 0 0 0 30px;}

.mgnS05 {margin: 0 5px;}
.mgnS10 {margin: 0 10px;}

.tal{text-align: left}
.tac{text-align: center;}
.tar{text-align: right}

a img{opacity:1;}
a:hover img{
  opacity:0.7;
}

figure{
  margin:0;padding:0;
}

a:link {
  color: #000;
    text-decoration: none;
}
a:visited,
a:hover {
  color: #000;
    text-decoration: underline;
}
.cotent-07 a:link,
.cotent-07 a:visited,
.cotent-07 a:hover {
  color: #FFF;
        text-decoration: underline;

}

/*
font
*/

/*font-family: 'Ovo', 'serif';*/
/*font-family: 'Montserrat', 'sans-serif';*/

/* -----------------
 common
----------------- */
html{
    background:#fff;

}
body{
    
    font: 13px Opens San, "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 15px;
      -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
      font-weight: normal;
  font-style: normal;
    text-rendering: optimizeLegibility;
    padding: 0;
    margin:0;
    color:#111516;
      -webkit-text-size-adjust: none;
}



/* -----------------
 header
----------------- */

.header{
    position: relative;
    background: #fff;
    overflow: hidden;
    border-bottom: solid 1px #eee;
}

.header-inner{
    min-width: 1000px;
    margin: 0 auto;
    padding:10px 20px;
    box-sizing:border-box;
}
.header-inner h1{
    /* float:left; */
    background: #fff;
    padding: 0px 0 0 15px;
    width: 220px;
    margin: 0 auto;
}
.header-inner h1 img{
  width:100%;

}
.header-inner nav{
    /* float: right; */
    /* min-width: 600px; */
/*    padding: 0px 20px 0px 0;*/
    box-sizing: border-box;
    text-align: center;
}
.header-inner nav ul {
    overflow: hidden;
    font-family: 'Pt';
    font-weight: bold;
    font-size: 115%;
    text-align: center;
    width: 900px;
    margin: 0 auto;
}
.header-inner nav ul li{
    float: right;
    /* padding-left: 20px; */
    padding: 20px 20px 0px 0px;
}
.header-inner nav ul li.ico-facebook{
      padding: 19px 20px 0px 22px;
}
.header-inner nav ul li.ico-instagram{
  padding: 13px 31px 0px 0px;
}
.header-inner nav ul li i{
  font-size: 200%;
  vertical-align: top;
}
.header-inner nav ul li a{
  text-decoration:none;
  position: relative;
  padding-bottom: 5px;
  padding-top: 0px;
}
.header-inner nav ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  -webkit-transition: .3s;
  transition: .3s;
}

.header-inner nav ul li a:hover:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #000;
}
.header-inner nav ul li.ico-facebook a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    content: "\f230";
    margin-right: 0;
    font-size: 36px;
    position: absolute;
    top: -8px;
    left: -30px;
    }
.header-inner nav ul li.ico-instagram a:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    content: "\f16d";
    /* margin-left: 5px; */
    font-size: 36px;
    /* position: absolute; */
    /* left: -11px; */
    }


.header-inner nav ul li.my-page a:after{
    content: '';
    background-color: #fff;

}
.header-inner nav ul li.my-page a:hover:after{
    content: '';
    background-color: none;

}
.header.fixed{
  position: fixed;
  width: 100%;
  opacity: 1;
  z-index: 100;
  background: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  /*transition:background,opacity .3s linear;
  -webkit-transition:background,opacity .3s linear;*/
}

.inner {
    width: 850px;
    margin: 30px auto -40px;
    padding: 60px 0 40px;
}
section{
    min-width:850px;
    text-align: center;
    padding-top: 50px;
    margin-top: -50px;
    overflow: hidden;
}
section h1{
        font-size: 240%;
        font-weight: bold;
        margin-bottom: 20px;
        font-family: 'Pt';
        letter-spacing: 0.1em;
        border-bottom: solid 2px #000;
        padding-bottom:10px;
}
/*
section .sub-catch{
        font-size: 160%;
        font-weight: bold;
        margin-bottom: 5px;
        font-family: 'Pt';
      
}
*/
section .sub-catch {
    display: none;
    font-family: 'Pt';
/*    letter-spacing: 0.1em;*/
    font-size: 170%;
    text-align: center;
/*    padding: 0px 20px 5px;*/
}
section .sub-catch-txt{
        margin-bottom: 20px;
    font-weight: bold;
  font-size: 110%;
}
ma{
    /* margin-bottom: 20px; */
}
.cotent-01{
    background: url(../img/bg-01.jpg) no-repeat center top;
        background-size:100% auto;

    min-height: 681px;
    color:#fff;
}
.cotent-01 .catch{
    padding: 160px 0 0;
}
.cotent-02{
   
}
.cotent-03{
 background: url(../img/bg-02.jpg) no-repeat center top;
        background-size:100% auto;

    color:#fff;
}
.cotent-04{}
.cotent-05{
 background: url(../img/bg-03.jpg) no-repeat center top;
        background-size:100% auto;
    color:#fff;
}
.sub-05-02{
    margin-bottom: 30px;
}
.cotent-06{}
.sub-06-02{
    margin-bottom: 60px;
}
.sub-06-03{
        font-size: 120%;
    font-weight: bold;
}
.cotent-07{
     background: url(../img/bg-04.jpg) no-repeat center top;
        background-size:100% 100%;
    color:#fff;
}

.sub-07-02{
    border:solid 1px #fff;
    padding: 20px;
    margin-bottom: 60px;
    font-weight: bold;
}
.sub-07-03{
    font-size: 140%;
    font-weight: bold;
}
.company-table {
    width: 800px;
    margin: 0 auto;
}
.company-table tr{
    border-bottom:solid 1px #eee;
}
.company-table th,.company-table td{
    padding: 20px 20px;
}
.company-table th{
  width:100px;
  font-weight:bold;
}
.company-table td{
    text-align: left;
}
.cotent-08{
}
.cotent-08 iframe{
    border:none;
}
.cotent-08 i{
    font-size: 40px;
    vertical-align: top;
}
.cotent-08 p.sub-08-03 i{
    font-size: 30px;
    vertical-align: top;
}
p.sub-08-03 a{
    border:solid 3px #472310;
    text-align: center;
    display: inline-block;
    padding: 20px 30px;
    font-size: 21px;
    font-weight: bold;
    color:#472310;
    transition: all 0.6s;
    text-decoration: none;
    width: 800px;
}
p.sub-08-04 a{
    border:solid 3px #472310;
    background: #472310;
    text-align: center;
    display: inline-block;
    padding: 20px 30px;
    font-size: 26px;
    font-weight: bold;
    color:#fff;
/*    transition: all 0.6s;*/
    text-decoration: none;
    width: 800px;


}
p.sub-08-03 a:hover {
    color:#fff;
    background:#472310;
}

p.sub-08-04 a:hover {
    color:#472310;
    background:#fff;
}
.cotent-08 p{
    margin-bottom: 30px;
}
.form-area{
    
}
.form-group{
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.form-group label{
    vertical-align: top;
    display: inline-block;
    width: 20%;
}
.form-group input,
.form-group textarea{
    width: 70%;
}
.form-group input[type=radio]{
    width: auto;
    
}
.form-area input[type=button]{
    display: inline-block;
    border-radius: 4px;
    background: #c94702;
    color:#fff;
    padding: 10px 40px;
    text-align: center;
    border:none;
    font-size: 120%;
    font-weight: bold;
    margin: 0 10px;
}
.form-area button{
    display: inline-block;
    border-radius: 4px;
    background: #472310;
    color:#fff;
    padding: 10px 40px;
    text-align: center;
    border:none;
    font-size: 120%;
    font-weight: bold;
        margin: 0 10px;

}
.confirm-btn{
    text-align: center;
}
.form-table {
    width: 100%;
    margin-bottom: 20px;
}
.form-table tr{
    border-bottom: solid 1px #ccc;
}
.form-table td{
    padding: 10px 0 20px;
}
.txt-left{
    text-align: left;
}
.footer{
    text-align: center;
    background: #eee;
    padding: 0;
    font-size: 12px;
}
.pagetop{
    padding: 20px 0 40px;
    background: #fff;
}
.pagetop i{
           font-size: 30px;
           color:#eee;
           
 
}
.contact-box{
    width: 800px;
    margin: 60px auto 0;
}
.footer .footer-inner{
  overflow:hidden;
  text-align:left;
  max-width:1000px;
  margin:0 auto;
  padding: 40px 0 40px;
}
.footer .footer-inner .footer-navi{
    
    float:left;
    width:200px;
}
.footer .footer-inner h2{
  font-family:'Pt';
  font-weight:bold;
  margin-bottom:10px;

}
.footer .footer-inner .footer-navi li{

}
.footer .footer-inner .address-box{
  float:left;
  width: 300px;
  margin-right:40px
}
.footer .footer-inner .map-area{
  float:left;
  width: 300px;
}
.footer .copy{
    display: block;
    padding: 40px 0;
    background: #fff;
    color: #BFBFBF;
    font-size: 14px;
}

.info-box{
    overflow: hidden;
}

.info-box dd{
    
}
.info-box dt{
    width: 80px;
    float: left;
    font-family: 'Raleway', sans-serif;
    padding-top: 12px;
    padding-left: 10px;
}
.info-box dd{
    padding: 10px 0 10px 120px;
        border-bottom: solid 1px #eee;
    text-align: left;
    
    
}
.info-box dd span{
    display: inline-block;
    width: 50px;
    padding: 3px;
    margin-right: 10px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 70%;
    font-weight: bold;
}

.info-box dd span.blog{   border:solid 1px #472310; color:#472310; }
.info-box dd span.topics{   border:solid 1px #ff2626; color:#ff2626; }

.bx-controls {
    display: none;
}
.p-box-outer {
    overflow: hidden;
}

.p-box-sub {
    width: 405px;
height: auto;
position: relative;
    margin-right: 40px;
    float: left;box-sizing: border-box;}
.p-box-sub .img-box{
position: relative;
}
.p-box-sub .img-box img{
    width: 100%;
    height: auto;
}
.p-box-sub .detail{background: rgba(0,0,0,0.6);color: #fff;position: absolute;text-align: left;display: inline-block;top: 0px;font-size: 110%;left: 0;
padding:10px;
width:100%;
box-sizing:border-box;
}
.p-box-sub .detail .title{
        font-size: 120%;
        font-weight: bold;
        /* margin-bottom: 10px; */
        font-family: 'Pt';
}
.p-box-01 .detail{
}
.p-box-02 {
    margin-right: 0px;

}
.p-box-02 .detail{
    /* top: 190px; */
    /* right: 0; */
    /* left: 95px; */
}



.p-box-sub-wide {
    width: 640px;
height: auto;
position: relative;
    box-sizing: border-box;
    margin: 0 auto 60px;
}

.p-box-sub-wide-last {
    margin: 0 auto;
}

.p-box-sub-wide .img-box{
position: relative;
}
.p-box-sub-wide .img-box img{
    width: 100%;
    height: auto;
}
.p-box-sub-wide .detail{background: rgba(0,0,0,0.6);color: #fff;position: absolute;text-align: left;display: inline-block;top: 0;left: 0;padding: 10px 20px 0;font-size: 120%;width: 100%;box-sizing: border-box;overflow: hidden;}
.p-box-sub-wide .detail .title{
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 10px;
        font-family: 'Pt';
        float: left;
}
.p-box-sub-wide .detail .txt{
  float: right;
/*  padding-top: 5px;*/
}


.p-box-sub-balance {
    width: 800px;
    height: auto;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto 60px;
}

.p-box-sub-balance-last {
    margin: 0 auto;
}

.p-box-sub-balance .img-box{
position: relative;
}
.p-box-sub-balance .img-box img{
    width: 100%;
    height: auto;
}
.p-box-sub-balance .detail{background: rgba(250,250,250,1);/* color: #fff; */position: absolute;text-align: center;display: inline-block;top: 66px;left: 250px;padding: 53px 20px 0;font-size: 161%;width: 40%;box-sizing: border-box;overflow: hidden;height: 200px;}
.p-box-sub-balance .detail .title{
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 30px;
        font-family: 'Pt';
        /* float: left; */
}
.p-box-sub-balance .detail .txt{
  /* float: right; */
  /*  padding-top: 5px;*/
font-family: 'Libre Baskerville', serif;
}


/*INSTAGRAM*/
.stit {
    margin-top: 20px;
}
.instagram-area{
  overflow:hidden;
  zoom:1;
    margin-top:30px;
}

.instagram-area > a{
  float:left;
  display:block;
  margin:0 1.5% 30px;
  width:30.333%;
}
.instagram-area > a img{
  width:100%;
  transition:all .1s linear;
  -webkit-transition:all .1s linear;
}
.instagram-area > a:hover img{
  opacity:.7;
}
.insta-more{
  margin:0 auto;
  width:80px;
  height:80px;
  line-height:80px;
  text-align: center;
  border:2px solid #000;
  cursor:pointer;
  border-radius:50%;
  -webkit-border-radius:50%;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
    margin-bottom:85px;

}
.insta-more:hover{
  color:#FFF;
  background:#000;
}
.insta-more[disabled="disabled"]{
  display:none;
}

/* ----------------------------
BLOG & TOPICS*/

.side {
    width:170px;
    box-sizing: border-box;
    margin: 0 28px 0 0;
    float: left;
    text-align: left;
}
.side h2{
    margin-bottom: 20px;
    font-family: 'Pt';
    margin-bottom: 20px;
}
.side .side-box{
    border-top: solid 2px #000;
    padding: 30px 0 100px;
}
.side .side-box li{
    list-style: none;
}

.entry{
    float: right;
    width: 650px;
    box-sizing: border-box;
    text-align: left;
}
.entry .entry-box{
    border-top: solid 2px #000;
    padding: 30px 0 100px;
}
.entry .entry-box h1{
        font-weight: bold;
        font-size: 20px;
        /* color:#472310; */
        margin:0;
        border-bottom: none;
        text-align: left;
}
.entry .entry-box .date{
    font-size: 11px;
    color:#472310;
    font-weight: bold;
    margin-bottom: 20px;

}
.entry .entry-box img{
    width: 100%;
    height: auto;
    
}


.entry-detail {
}

/* ----------------------------
pager */

.tablenav {
  color: #c3c3c3;
  margin: 1em auto 7em;
  line-height:2em;
  text-align:center;
}

a.page-numbers, .tablenav .current {
  color: #c3c3c3;
  border:1px solid #CCC;
  text-decoration:none;
   font-size:16px; 
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  padding-left: 1em;
}

a.page-numbers:hover {
  color:white;
  background-color: #c3c3c3;
}

.tablenav .current {
  color: white;
  border-color: #c3c3c3;
  font-weight:bold:
;   background-color: #c3c3c3;
}

.tablenav .next, .tablenav .prev {
  border:1px solid #CCC;
  background:transparent;
  text-decoration:underline;
  font-size:16px;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  padding-left: 1em;
}


.number-area{overflow: hidden;margin-bottom: 50px;}
.number-area .number-detail{
float: left;
  width: 70%;
  text-align: left;
}
.number-area .number-detail .num-title{
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
}
.number-area .number-detail .num-title span{
    display: inline-block;
    margin-right: 10px;
}
.number-area .number-detail .text{padding-left: 27px;font-size: 110%;}
.number-area .img-photo{
float: right;
width: 30%;
}
.number-area .img-photo img{
width: 100%;
height: auto;
}

.coaching-contents{
}
.coating-price-txt-box{
    margin-bottom: 40px;
}
.coating-price-txt-box-catch{
      font-size: 110%;
    font-weight: bold;
    /* line-height: 2; */
    margin-bottom: 40px;
}

.coaching-contents .coaching-txt-border-box{
  border:solid 2px #666;
  padding: 15px;
  margin-bottom: 60px;
}
.coaching-contents .coaching-txt-border-box p{
  margin-bottom: 20px;
}
.coaching-last-txt-area {
  text-align: center;
}
.coaching-last-txt-area p{
  margin-bottom: 40px;
}
.coaching-last-txt-area span{
font-size: 200%;
  display: block;
  margin-top: 20px;
  color: #f90461;
}

.coaching-last-txt-area .num-01{
}
.coaching-last-txt-area .num-01 span{
}
.coaching-last-txt-area .num-02{
}
.coaching-last-txt-area .num-02 span{
}
.coaching-last-txt-area .num-03{
}
.coaching-last-txt-area .num-03 span{
  font-weight: bold;
}
.big-catch-txt{
  font-size: 140%;
  margin: 60px 0px;
    font-weight: bold;
}


.program-list ul{
  overflow: hidden;
}
.program-list ul li{
  float: left;
  width: 50%;
  padding: 0 4% 10%;
  box-sizing: border-box;
  text-align: left;
  height: 240px;
  
}
.program-list ul li h5{
  border:solid 4px #000;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.program-list ul li h6{
  margin-bottom: 10px;
  font-weight: bold;
}
.common-table, .common-table th, .common-table td{
  border:solid 1px #ddd;
  border-collapse: collapse;
}
.common-table thead th{
  text-align:center;
  background:#d5d5d5;
  font-weight:bold;

}
 .common-table th, .common-table td{
  padding: 15px;
  /* display: block; */
}
.plan-name{
  background: #eee;
  font-size: 16px;
   font-family: 'Pt';
    font-weight: bold;
}
.common-table{
  width: 100%;
  margin-bottom: 0px;
}
.common-table td{
  text-align: left;
}
.common-table td.price{
  text-align: center;
  font-weight: bold;
}
.price-box .menu-title{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}
.price-box .menu-title:before{
  content:"-";
  padding-right: 10px;
}
.btn-outer {
  text-align: center;
}
.btn-outer .btn {
  display: inline-block;
  padding: 10px 100px;
  border: solid 4px #000;
  font-weight: bold;
  position: relative;
  transition: all 0.5s;
}
.btn-outer .btn:hover {
  background: #eee;
}
.btn-outer .btn:before, .btn-outer .btn:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 9px;
    border-top: 1px solid #000;
  }
  .btn-outer .btn:before {
    margin-top: -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .btn-outer .btn:after {
    margin-top: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

.mw_wp_form{
  width:80%;
  margin:0 auto;
  padding:30px 0 0 0;
}
.mw_wp_form p{
  margin-bottom:30px
}
.attention{
  color:#ff0000;
}
.mw_wp_form p em{
  display:inline-block;
  width:240px;
  margin-bottom: 0px;
}
.kiyaku{
  overflow-y: scroll;
  height: 400px;
  /* width: 80%; */
  margin: 0 auto;
  border: solid 1px #eee;
  padding: 20px;
}
.mw_wp_form input[type="submit"] {
  background: #000;
  text-align:center;
  display:block;
  padding:10px 100px;
  margin: 30px auto;
color:#fff;
font-weight:bold;
font-size:1.2em;
  outline:none;
  border: 5px solid #000;
}


.prive-detail-box{
    text-align: left;
    border-top:none;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 60px 0;
}
                            
.prive-detail-title{
  font-size:120%;
  font-weight:bold;
  margin-bottom:10px;
  text-align: center;
}

.text-box{
  margin-right:25px;
}
.border-box{
  border: none;
  margin: 2em 0;
  padding: 2em;
}
.academy-page{
  clear:both;
}

.academy-ds{
  margin:10px;
  text-align:left;
  height:100px
}

.academy-ds img{
  float:left;
  margin-right:20px;
}

.academy-ds p{
  padding:15px 0px;
  font-size:1.1em;
}
.academy-img img{
  width:280px　!important;
}
.academy-img{
  text-align:center;
  margin:10px;
}
.service-box{
  margin:10px 0px 10px
}

.service-box p{
  margin:10px;
}

.service-box table{
  margin: 20px auto;  
}

.service-table{
  border:solid 1px;
  width:95%;
  text-align:center;
}

.service-box td{
  border:solid 1px;
}

.hour{
  width:15%;
  background-color:#fffef1;
}

.theme{
  width:35%;
  background-color:#fffef1;
}

.curriculum{
  width:40%;
  background-color:#fffef1;
}

.part{
  background-color:#fffef1;
}

.btn{
  margin:20px 0px;
  text-align:center;
}

.trial-box{
  width:240px;
  display:inline-block;
  margin:0px 10px 20px 0px;
}

.trial-box img{
  width:110px;
  float:left;
}

.trial-box p{
  font-size:0.8em;
}

.trial-box h4{
  font-weight:bold;
}

.kotei{
  position:fixed; top:170px; left:1000px;
  z-index:1000;
}

.prive-detail-box{
overflow:hidden;
}

.course-box h3{
border-bottom:3px double;
font-size:1.2em;
font-weight:bold;
text-align:center;
padding:10px;
margin-bottom:20px;
}

.nintei-sub{
font-weight:bold;
text-align:center;
margin-bottom:20px;
font-size:1.2em;
}

.form-box h2{
font-size:1.5em;
font-weight:bold;
text-align:center;
}

.form-box p{
text-align:center;
margin-top:15px;
}

.course p{
padding:10px;
}

.left-txt{
text-align:left;
padding:10px;
}

.common-table th{
font-size:1.3em
}

.course-box1{
float:left;
width:45%;
padding:20px;
}

.course-box1 h3{
border-bottom:3px double;
font-size:1.2em;
font-weight:bold;
text-align:center;
padding:10px;
margin-bottom:20px;
}

.course-top{
height:100px;
}

.prive-detail-box h4 {
border-bottom: solid 3px #fad4e2;
position: relative;
margin-bottom:10px;
padding-bottom:10px;
font-size:1.2em;
font-weight:bold;
}

.prive-detail-box h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #f90461;
bottom: -3px;
width: 20%;
}

.fixbtn{
position: fixed;
bottom:30px;
right:100px;
z-index: 999;
}
.course-box{
margin:30px 10px;
}

/*リニューアル*/
.pointbox{
  overflow:hidden;
  display:table;
  margin:35px 0px;
  width:100%;
}

.pointleft{
  width:15%;
  display:table-cell;
}

.pointleft h2{
  font-size:1.3em;
  font-weight:bold;
  padding-top:30px;
  color:#fff;
}

.pointicon{
  background: #f90461;
  height: 110px;
  width: 110px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.pointright{
  width:85%;
  text-align:left;
  display:table-cell;
  vertical-align:top;
}

.pointright h2{
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:10px;
}

.servicebox {
    overflow: hidden;
border:solid;
}

.s-box-sub {
  width: 270px;
  height: auto;
  position: relative;
  margin-right: 13px;
  float: left;
  box-sizing: border-box;
}
.s-box-sub .img-box{
  position: relative;
}
.s-box-sub .img-box img{
  width: 100%;
  height: auto;
}
.s-box-sub .detail{background: rgba(249,4,97,0.6);color: #fff;position: absolute;text-align: left;display: inline-block;top: 80px;font-size: 100%;left: 0;
  padding:10px;
  width:100%;
  box-sizing:border-box;
}
.s-box-sub .detail .title{
  font-size: 100%;
  font-weight: bold;
  /* margin-bottom: 10px; */
  font-family: 'Pt';
}
.s-box-sub p{
  font-size: 90%;
  text-align:left;
}
.sub-txt{
  font-size:1.3em;
  font-weight:bold;
  margin:40px 0px;
}
.click{
background: url(../img/click.gif) no-repeat;
background-size:20% auto;
background-position:80% 0%;
height:60px;
}

/*リニューアル2P*/
.sub-box{
  margin:30px;
  font-weight:bold;
  font-size:120%;
}

.sub-box-txt{
  font-weight:bold;
  font-size:100%;
  margin-bottom:30px;
}

.borderbox{
  border:solid 1px;
  display:table;
  margin:10px;
  width:100%;
}

.imgleft{
  display:table-cell;
  width:40%;
  padding:40px 20px;
  vertical-align:middle;
}

.txtright{
  display:table-cell;
  width:60%;
  padding:40px 20px;
  text-align:left;
  vertical-align:top;
}


/*リニューアル3P*/
.commonleft{
  text-align:left;
}

.lesson{
  border:solid 1px #a4a4a4;
  display:table;
  margin:30px 0px;
}

.lesson-l{
  display:table-cell;
  width:30%;
  padding:10px;
  vertical-align:middle;
  font-weight:bold;
}

.lesson-r{
  display:table-cell;
  width:70%;
  text-align:left;
  vertical-align:top;
}
.lesson-r2{
  display:table-cell;
  width:70%;
  text-align:left;
  vertical-align:top;
}
.lesson-r p{
  border-left:solid 1px #a4a4a4;
  padding:15px;
  margin:15px;
}
.lesson_r_box{
  border-left:solid 1px #a4a4a4;
  padding:15px;
  margin:15px;
}
.lesson_rec{
  margin-top:15px;
  border:solid 2px #ff9ac0;
  border-radius:20px;
  padding:15px 20px;
}
.lesson_rec h3 {
position: relative;
background-color: #ff9ac0;
padding: 10px;
border-radius: 10px;
font-weight:bold;
color:#fff;
font-size:1.1em;
}

.lesson_rec h3::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-top: 12px solid #ff9ac0;
top: 100%;
left: 5%;
}

.rec_txt{
margin-top:15px;
line-height:2em;
}
.s-box-sub2 {
  width: 400px;
  height: auto;
  position: relative;
  margin-left: 10px;
  float: left;
  box-sizing: border-box;
}
.s-box-sub2 .img-box{
  position: relative;
}
.s-box-sub2 .img-box img{
  width: 100%;
  height: auto;
}
.s-box-sub2 .detail{background: rgba(249,4,97,0.6);color: #fff;position: absolute;text-align: left;display: inline-block;top: 130px;font-size: 130%;left: 0;
  padding:10px;
  width:100%;
  box-sizing:border-box;
}
.s-box-sub2 .detail .title{
  font-size: 110%;
  font-weight: bold;
  /* margin-bottom: 10px; */
  font-family: 'Pt';
}
.s-box-sub2 p{
  font-size: 100%;
  text-align:left;
}
.sub-txt2{
  font-size:1.3em;
  font-weight:bold;
  margin:40px 0px;
}

.txtpink{
  color:#f90461;
}

.msr_newslist04 {
  width: 100%;
  margin: 20px 0px;
}
.msr_newslist04 li {
  border-bottom: 1px solid #cdcdcd;
  font-size: 1em;
}
.msr_newslist04 li{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000000;
  display: table;
  padding: 20px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
}

.msr_newslist04 li div {
  padding-bottom: 10px;
  width: 144px;
}
.msr_newslist04 li p {
  vertical-align: middle;
}

.con-b{
overflow:hidden;
display:table;
}

.con-l{
  display:table-cell;
  width:65%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding-right:20px;
}

.con-r{
  display:table-cell;
  width:35%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  vertical-align:top;
}

.con-r img{
  padding-top:25px;
  width:100%;
}

/* カテゴリの設定 */
.msr_newslist04 li .cat01, .msr_newslist04 li .cat02 {
  background-color: #f90461;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: table-cell;
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 7px;
  text-align: center;
  width: 90px;
}
.msr_newslist04 li .cat02 {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  box-sizing: border-box;
  color: #000000;
}
.sub-box{
  text-align:center;
}
.mainimg img{
  width:100%;
}
.btn img{
  border-radius: 1em;
}
.pv-b{
  margin:50px 0px;
  text-align:left;
}
.pv-b dt{
  margin-top:30px;
  font-weight:bold;
}
.personal_flow{
display:flex;
flex-wrap:wrap;
text-align:left;
padding:35px 25px;
margin-bottom:30px;
}

.personal_flow h3{
  width:100%;
font-size:1.2em;
text-align:center;
margin-bottom:20px;
font-weight:bold;
}

.personal_flow{
border:#f876a7;
border-style:double;
}

.personal_flow .personal_l{
  width:67%;
  padding:15px 0px 15px 25px;
}
.personal_flow .personal_l p{
  text-indent:-1em;
}

.personal_flow .personal_r{
  width:28%;
  text-align:center;
  padding-top:20px;
}
.dna_txt_box{
text-align:left;
margin:30px 0px;
}

.dna_txt_box p{
font-size:1.2em;
line-height:1.8em;
}

.under{
background: linear-gradient(transparent 60%, #fdbbd1 0%);
font-weight:bold;
}
.rec_txt .bold{
font-weight:bold;
color:#f90461;
}
.font-b{
font-weight:bold;
}
.lesson_des h3{
  text-align:center;
  margin:15px 0px;
  font-weight:bold;
}

.lesson_des table{
  border:solid 1px;
  width:85%;
  margin:15px auto;
}

.lesson_des th{
  border:solid 1px #949494;
  text-align:center;
  padding:10px;
  width:25%;
  background:#ff9ac0;
  color:#fff;
  font-weight:bold;
}

.lesson_des td{
  border:solid 1px #949494;
  padding:10px;
  text-align:center;
  font-weight:bold;
}
.date{
  margin:10px 0px;
}
.form_des{
	font-size:0.9em;
}
.form_des ul{
	list-style-type:disc;
}
.mw_wp_form_confirm .form_des {
  display: none;
}
.mb15{
  margin-bottom:25px;
}
@media screen and (min-width:768px){
.frame {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 1000px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: none;
}


    .sp{
        display: none;
    }
    .bx-box {
        width: 850px;
        margin: 20px auto 0;
    }
    .bx-wrapper {
      margin-bottom:40px;
    }
      .bx-box img{
        width: 850px;
        height: auto;
      }
    .servie-main-iamge-box img{
      width:100%;
    }
    .fb-box{
      width:500px;
      margin:0 auto;
    }
    .fb-page{
      width:500px;
      margin:0 auto;
    }

textarea{
  border:solid 1px #ccc;
  width:60%;
}
/*追加*/

.table-style01 {
	border-top: 1px solid #ddd;
	width: 100%;
}
.table-style01 th {
	width: 10%;
	padding: 20px 0;
	border: none;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.table-style01 td {
	padding: 25px 0 25px 5%;
	border: none;
	border-bottom: 1px solid #ddd;
}
.form-box textarea, .form-box input[type=text], .form-box input[type=email] {
	width: 90%;
	border-radius: 0;
	border: #ccc 1px solid;
	padding: 15px 20px;
	font-size: 100%;
}
.form-box textarea {
	height: 250px;
}
.form-box select {
	-webkit-appearance: menulist;
	font-size: 100%;
	width: 50%;
	padding: 10px;
	background: #fff;
	border-radius: 0;
	border: #ccc 1px solid;
}
optgroup {
	color: #000;
}
select option {
	color: #ccc;
}
.must {
	color: #ee2930;
}
.form-box table {
	margin: 30px 0;
	width: 100%;
}

.calendar iframe{
width:100%;
margin-bottom:30px;
}
.center{
width:100%;
margin:30px auto;
}

a.btn_12 {
  display: flex;
    justify-content: space-evenly;
    align-items: center;
  text-align: center;
  text-decoration: none;
  width: 180px;
  margin: auto;
  padding: 1rem 4rem 1rem 3rem;
  font-weight: 700;
font-size:1.4em;
  background: #eb6877;
  color: #fff;
  border-radius: 100vh;
  position: relative;
  transition: 0.5s;
}

a.btn_12:hover {
  background: #ffb6d1;
  color: #fff;
}


}
@media screen and (max-width:767px){
textarea{
  border:solid 1px #ccc;
  width:100%;
}
  .frame {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 1000px;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: none;
}
.common-table th, .common-table td {
    /* display: block; */
}
.mw_wp_form{
  padding: 100px 0 0;
}
  .mw_wp_form p em{
  width: 100%;
  display:block;
  font-weight: bold;
}
.mw_wp_form p input{
  width: 100%;
  border: solid 1px #ccc;
}
.mw_wp_form p input[type="radio"],
.mw_wp_form p input[type="checkbox"]{
  width: 10%;
}
.kiyaku{
  overflow-y: scroll;
  height: 400px;
  /* width: 80%; */
  margin: 0 auto;
  border: solid 1px #eee;
  padding: 20px;
}
.mw_wp_form input[type="submit"] {
  background: #000;
  text-align:center;
  display:block;
  padding:10px 100px;
  margin: 30px auto;
color:#fff;
font-weight:bold;
font-size:1.2em;
  outline:none;
  border: 5px solid #000;
}
  
    .footer .footer-inner .footer-navi li{
display: inline-block;
        padding: 5px;
}
.contact-box{
    width: 100%;
        margin: 60px auto 0;

}
    section h1{
        font-size: 200%;
        margin-bottom: 20px;
}
section .sub-catch {
    font-size: 160%;
    padding: 10px 0 5px;
}
    .footer .footer-inner .footer-navi,
    .footer .footer-inner .address-box{
    
    float:none;
    width:100%;
        padding: 10px;
}
 
    .side {
    width:100%;
    box-sizing: border-box;
    margin: 0;
    float: none;
    text-align: left;
}
    .bx-box {
        padding-top: 17%;
    }
    li{
        list-style: none;
    }
    body{width: 100%;
    }
    .header-inner {
    min-width: 100%;
    margin: 0 auto;
}
    .header-inner h1{
    float:left;
    background: #fff;
    padding: 17px 0;
    width: 25%;
        min-width: 25%;
        box-sizing: border-box;
}
        .header-inner h1 img{
            width: 100%;
            height: auto;
        }
.header-inner nav{
    float: right;
    min-width: 74%;
    padding:10px;
    width: 74%;
    box-sizing: border-box;
}
    .header-inner nav ul li {
        padding-left: 0;
    }
    .header-inner nav li img{
        width: 100%;
        height: auto;
        
    }
    /*MENU */
    
    
    #header{
      position: fixed;
      width: 100%;
      z-index: 10000;
      margin:0 0 56px;
        top:0;
    /*
      box-shadow: 0px 6px 6px -4px rgba(0,0,0,0.4);
      -webkit-box-shadow: 0px 6px 6px -4px rgba(0,0,0,0.4);
      -moz-box-shadow: 0px 6px 6px -4px rgba(0,0,0,0.4);
    */

    }
    .headerInner{
      overflow: hidden; }
    .headerInner:after{
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden; }
    #header{
      background: #fff;
    }
    .helpers,
    #topnav{
      display: none;}
    #logo{
      width: 180px;
      margin:20px;
      }
    #logo img{
      width: 100%;
    vertical-align: text-top;
    }
    
.HiddenCheckbox {
      display: none;}
    /*.MenuContainer {
      display: inline-block;
      margin: 20px;
      float: right;}*/
    .MenuContainer {
      float: right;
      display: block;
      padding: 28px 20px 0px;
      height: 100%;
      margin-top: -85px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .MenuHeader {
      color: #333333;
      display: inline-block;
      float: left;
      font-weight: 100;
      line-height: 30px;
      margin: 0 0 0 15px;
      opacity: 0;
      position: relative;
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
      -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
      transition: transform 0.6s, opacity 0.5s;
      z-index: 20000;}
    .MenuIcon {
      cursor: pointer;
      display: block;
      float: none;
      height: 16px;
      position: relative;
      width: 26px;
      z-index: 20000;}
    .MenuIcon::before {
      box-shadow: #ccc 0 7px 0;
      height: 2px;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top;
      width: 26px;}
    .MenuIcon::after {
      bottom: 0;
      height: 2px;
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom;
      width: 26px;}
    .MenuIcon::before,
    .MenuIcon::after {
      background: #ccc;
      display: block;
      content: '';
      position: absolute;
      -webkit-transition: box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
      transition: box-shadow 0.2s linear, transform 0.4s 0.2s;}
    .Menu {
      z-index: 10000;
      background: #fff;
      bottom: 0;
      left: -100%;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: left 0.4s;
      transition: left 0.4s;
    overflow-y: scroll;
    }
    .HiddenCheckbox:checked ~ .MenuHeader {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      position: fixed;}
    .HiddenCheckbox:checked ~ .MenuIcon::before {
      box-shadow: transparent 0 0 0;
      -webkit-transform: rotate(45deg) translate3d(3px, -7px, 0);
      transform: rotate(45deg) translate3d(3px, -7px, 0);
      position: fixed;}
    .HiddenCheckbox:checked ~ .MenuIcon::after {
      -webkit-transform: rotate(-45deg) translate3d(3px, 7px, 0);
      transform: rotate(-45deg) translate3d(3px, 7px, 0);
      position: fixed;
      top: 55px;
      }
    .HiddenCheckbox:checked ~ .Menu {
      /*right: 0;*/
      left:0;
      position: fixed;}
    .Menu-list {
      list-style-type: none;
      margin: 60px 0 0;
      padding: 0;}
    .Menu-item {
      margin: 0;
      font-size: 16px;
      text-align:center;
      border-bottom: solid 1px #ccc;
      padding:10px 0;
      }
    .Menu-link {
      display: block;
      overflow: hidden;
      padding: 8px 22px;
      position: relative;
      text-decoration: none;
      z-index: 1;}


    .Menu-item p {
      font-family: 'Raleway', sans-serif;
      font-size: 16px;
    }

    .Menu-item span {

        font-size: 12px;
        color: #999;
    }
    .Menu-item a {
            text-decoration: none;
        }
    .menu li a:hover,
    .menu li a:focus {
      color: #666;
    }
    
    .menu p{
      font-weight: bold;
    }
    .menu span{

        font-size: 12px;
        color: #999999;
    }

    .bx-controls {
        display: none !important;
    }

    
    
    .content {
            position: relative;
    top: -16px;
    }
    section img{
        width: 100%;
    }
    .pc{
        display: none;
    }
    .inner {
    width: 96%;
    margin: 6% 2% 2%;
    padding: 30px 0;
        box-sizing: :border-box;
}
    section{
        width: 100%;
        min-width: 100%;
        background-size: 100% auto;
            padding-top: 100px;
    margin-top: -50px;
    }
    .cotent-01{
    background: url(../img/bg-01.jpg) no-repeat center top;
        background-size:cover;
    min-height: 100%;
    color:#fff;
}
.cotent-01 .catch{
    padding: 10% 0 0;
    font-weight: bold;
    line-height: 1.8em;
    font-size: 110%;
}
    .cotent-01 .catch span{
        display: inline-block;
    }
    .catch-01 {
    font-size: 140%;
    font-weight: bold;
        margin-bottom: 20px;
    }
    .catch-02 {
        font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;

    }
    .catch-03 {
    font-weight: bold;
    }

.sub-02-02 {
    width: 90%;
    margin: 0 auto;
}

    
.cotent-02{
   
}
.cotent-03{
 background: url(../img/bg-02.jpg) no-repeat center top;
        background-size:cover;

    color:#fff;
}
.cotent-04{}
.cotent-05{
 background: url(../img/bg-03.jpg) no-repeat center top;
        background-size:cover;
    color:#fff;
}
    .sub-04-02{
        font-weight: bold;
        font-size: 120%;
    }
    .sub-04-02 p{
      margin-bottom: 0px !important;
  }
.sub-05-02{
    margin-bottom: 60px;
}


.cotent-06{}
.sub-06-02{
    margin:0 auto 60px;
    width: 60%;
}
    .sub-06-02 li:eq(1){
        text-align: left;
    }
    .sub-06-02 li:eq(2){
        
    }
        .sub-06-02 li:eq(3){
        
    }
.cotent-07{
     background: url(../img/bg-04.jpg) no-repeat center top;
        background-size:100% 100%;
    color:#fff;
}
.sub-07-02{
    border:solid 1px #fff;
    padding: 20px;
    margin-bottom: 60px;
    font-weight: bold;
}
.company-table {
    width: 100%;
    margin: 0 auto;
}
.company-table tr{
    border-bottom:solid 1px #fff;
}
.company-table th{
        width: 28%;

}
    .company-table th,.company-table td{
    padding: 10px;
}
.company-table td{
    text-align: left;
}
.cotent-08{
}
.cotent-08 i{
    font-size: 40px;
    vertical-align: top;
}
    .sub-08-02 {
        width: 90%;
        margin: 0 auto;
    }
p.sub-08-03 a,p.sub-08-04 a{
    width: 100%;
        box-sizing: border-box;
    font-size: 100%;
    padding: 10px;
}
    .arrow{
        color:#472310;
        font-size: 200%;
    }
    .sub-08-02-02{
        font-size: 110%;
        font-weight: bold;
    }
    
    .p-box-sub {
width: 100%;
height: auto;
position: relative;margin: 0;padding: 0;float: none;}
.p-box-sub .img-box{
position: relative;padding: 0;margin: 0;}
.p-box-sub .img-box img{
    width: 100%;
    height: auto;
}
.p-box-sub .detail{
   background: #000;
    color: #fff;
    position: relative;
    text-align: left;
    display: inline-block;
    top: 0%;
    left: 0;
    padding: 10px;
    font-size: 110%;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 30px;
    }
.p-box-sub .detail .title{
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 10px;
        font-family: 'Pt';
}
.p-box-01 .detail{
}
.p-box-02 .detail{
    /* top: 30%; */
    /* right: 0; */
    /* left: 0%; */
    /* width: 100%; */
}
    
.p-box-sub-wide {
    width: 100%;
height: auto;
position: relative;
    box-sizing: border-box;
    margin: 0 auto;
}
.p-box-sub-wide .img-box{
position: relative;
}
.p-box-sub-wide .img-box img{
    width: 100%;
    height: auto;
}
.p-box-sub-wide .detail{
background: rgba(0,0,0,0.6);
color: #fff;
    position: relative;
    text-align: left;
    display: inline-block;
    padding: 10px 20px;
    font-size: 120%;
    width: 100%;
}
.p-box-sub-wide .detail .title{
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 10px;
        font-family: 'Pt';
}
    
    .entry {
    float: none;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}
    
    .entry-title {
        padding-top: 33%;
    }
  
  .p-box-sub-balance {
    width: 100%;
    
}

.p-box-sub-balance-last {
    margin: 0 auto;
}

.p-box-sub-balance .img-box{position: relative;display: none;}
.p-box-sub-balance .img-box img{
    width: 100%;
    height: auto;
}
.p-box-sub-balance .detail{
  background: #fff;
  /* background-size: cover; */
  position: relative;
  text-align: center;
  /* display: inline-block; */
  top: auto;
  left: auto;
  padding: 3%;
  font-size: 120%;
  width: 96%;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
  }
.p-box-sub-balance .detail .title{
        font-size: 140%;
        font-weight: bold;
        margin-bottom: 10px;
        font-family: 'Pt';
        /* float: left; */
}
.p-box-sub-balance .detail .txt{
  /* float: right; */
  /*  padding-top: 5px;*/
font-family: 'Libre Baskerville', serif;
}

  
  .number-area .number-detail{
float: none;
  width: 100%;
}

.number-area .number-detail .text{padding-left: 27px;font-size: 110%;}
.number-area .img-photo{
float: none;
width: 80%;
  margin: 20px auto 0;
}

  .program-list ul li {
    float: none;
    width: 100%;
    padding: 0 4% 10%;
    box-sizing: border-box;
    text-align: left;
    height: auto;
}
.first-sp-area{
    background: #f0ecf4;
    width: 90%;
    margin: 0 auto 20px;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}
.first-sp-area .first-sp-area-title{
    font-family: 'Pt';
    font-size: 160%;
}
.first-sp-area-title-02{
  font-size:120%;
  font-weight:bold;
  margin-bottom: 10px;
  
}
.first-sp-area .first-sp-area-detail-01{
    margin-bottom: 20px;
}
.first-sp-area .first-sp-area-detail-02{
    margin-bottom: 20px;
    color: #6a5583;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.first-sp-area-detail-last{
  width:90%;
  margin:0 auto;
}


.servie-main-iamge-box{
  width:90%;
  margin:0 auto 20px;
}
.service-detail-box{
  background: #f0ecf4;
    width: 96%;
    margin: 0 auto 20px;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.servie-main-iamge-box .sp{}
.servie-main-iamge-box .img-01{}
.servie-main-iamge-box ul{}
.servie-main-iamge-box ul li{
    padding-bottom: 50px;
    /* background: url(/common/img/ico-yubi.png) no-repeat center bottom; */
    /* background-size: 50px; */
}
.servie-main-iamge-box ul li .service-img{}
.servie-main-iamge-box ul li .service-img img{}
.servie-main-iamge-box ul li .service-img-txt{
  color:#9b925f;
  margin-bottom:20px;
}
.servie-main-iamge-box ul li .service-title{
    font-family: 'Pt';
    font-size: 160%;
    margin-bottom: 10px;
}
.servie-main-iamge-box ul li .service-catch{
    text-align: left;
    margin-bottom: 20px;
}
.servie-main-iamge-box ul li .service-detail{
    text-align: left;
}

.corse-box{
    padding: 20px 0;
}
.corse-01-txt{
    color: #ff929c;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.corse-02-txt{
  color: #b2e7ca;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}

  .fb-page{
      width:100%;
      margin:0 auto;
    }
.footer .footer-inner .map-area{
  float:none;
  width: 90%;
  margin:0 auto;
}
.footer .footer-inner .map-area iframe{
  width:100%!important;
  
}

  .news-detail{
  padding-top: 100px;
    margin-top: -100px;    
  }
  .news-title-area{
    
  }
  .news-title-area .inner{
    width: 96%;
    margin: 6% 2% -30px;
    padding: 50px 0 0;
    box-sizing: :border-box;
}
.text-box{
  margin-right:0px;
  margin-bottom:10px;
}
.academy-ds{
height:230px;
}

.academy-ds img{
float:none;
margin-right:0px;
}

.academy-ds p{
padding:0px 0px;
font-size:1em;
}
.academy-img img{
margin:10px;
width:65%;
}
.btn img{
width:250px;
}

.btn{
margin:0px;
}
.kotei{
position:fixed; top:105px; left:270px;
z-index:1000;
}
.kotei img{
width:120px;
}
.course-box{
float:none;
width:100%;
}
.course-box1{
float:none;
width:90%;
}
/*追加*/
.table-style01 th {
	display: block;
	width: 100%;
	padding: 15px 0 0;
	border:none;
	font-weight:bold;
}
.table-style01 td {
	display: block;
	width: 100%;
	padding: 5px 0 15px;
}
.form-box select {
	width: 100%;
}
.form-box table {
	margin: 0px 0;
}
.form-box .btn-submit li {
	display: block;
	margin: 0 0 10px;
}
.form-box textarea, .form-box input[type=text], .form-box input[type=email] {
	font-size: 16px;
	width: 92%;
	padding: 10px 10px;
}
.center{
  width:100%;
  margin:10px auto;
}
.fixbtn{
position: fixed;
bottom:5px;
right:5px;
z-index: 999;
}

.fixbtn img{
width:80%;
}

/*追加1*/
.pointleft{
  width:15%;
  display:table-cell;
}

.pointleft h2{
  font-size:1em;
  padding-top:20px;
}

.pointicon{
  height: 80px;
  width: 80px;
}

.pointright{
  width:70%;
font-size:0.9em;
}

.pointright h2{
  font-size:1.2em;
}

.s-box-sub {
  width: 90%;
  margin:10px auto;
  float: none;
}
.s-box-sub .img-box img{
  width: 100%;
  height: auto;
}
.s-box-sub .detail{background: rgba(249,4,97,0.6);color: #fff;position: absolute;text-align: left;display: inline-block;top: 155px;font-size: 100%;left: 0;
  padding:10px;
  width:100%;
  box-sizing:border-box;
}
.s-box-sub .detail .title{
  font-size: 130%;
}
.s-box-sub p{
  font-size: 90%;
}
.sub-txt{
  font-size:1.3em;
  font-weight:bold;
  margin:40px 0px;
}

/*追加P2*/
.sub-box{
  margin:15px;
  font-size:120%;
}

.sub-box-txt{
  font-size:80%;
  margin-bottom:30px;
line-height:2em;
}

.borderbox{
  display:inline-block;
  margin:0px;
  width:100%;
}

.imgleft{
  display:inline-block;
  width:80%;
padding:10px;
}

.txtright{
  display:inline-block;
  width:90%;
  padding:10px;
}

/*リニューアル3P*/
.lesson{
  display:inline-block;
}

.lesson-l{
  display:inline-block;
  width:100%;
  padding:30px 10px 10px;
}

.lesson-r{
  display:inline-block;
  width:100%;
}
.lesson-r2{
  display:inline-block;
  width:100%;
}
.lesson-r p{
  border-left:none;
  border-top:solid 1px #a4a4a4;
  padding:10px;
  margin:10px;
}
.lesson_r_box{
  border-top:solid 1px #a4a4a4;
  border-left:none;
  padding:15px;
  margin:15px;
}
.s-box-sub2 {
  width: 90%;
  margin: 20px auto;
  float: none;
}
.s-box-sub2 .detail{background: rgba(249,4,97,0.6);color: #fff;position: absolute;text-align: left;display: inline-block;top: 145px;font-size: 130%;left: 0;

}
.click{
background-size:25% auto;
background-position:99% 0%;
height:50px;
}
.personal_flow h3{
width:100%;
}

.personal_flow .personal_l{
width:100%;
padding:15px 0px 15px 25px;
}

.personal_flow .personal_r{
width:50%;
padding-top:10px;
margin:0 auto;
}
.step img{
width:30%;
}
a.btn_12 {
  display: flex;
    justify-content: space-evenly;
    align-items: center;
  text-align: center;
  text-decoration: none;
  width: 180px;
  margin: auto;
  padding: 1rem 4rem 1rem 3rem;
  font-weight: 700;
font-size:1.4em;
  background: #eb6877;
  color: #fff;
  border-radius: 100vh;
  position: relative;
  transition: 0.5s;
}

a.btn_12:hover {
  background: #ffb6d1;
  color: #fff;
}

{
    
  }
}