@charset "utf-8";
/* CSS Document */
#slimmenu{ display:none;}
#navArea{ display:none;}
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#444444;-webkit-text-size-adjust:100%; font-weight:500; font-family:"Zen Kaku Gothic New",'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1280px;}
#body-top{ background:url(../images/common/bt-left.png),url(../images/common/bt-right.png),url(../images/common/bt-top.png),#fff7f7; background-position:0 0,right 0,center 0,0 0; background-repeat:no-repeat;}
h1{ text-indent:-9999px; height:0px;}


/*▼ヘッダー▼*/
#header{ position:relative;}
#header #hmid{ max-width:1280px; margin:auto; overflow:hidden; padding-bottom:15px; position:relative;}
#header .left { float:left; padding:35px 0 0;}
#header .left a{ text-decoration:none; display:inline-block; position:relative;}
#header .left a .p-01{ font-size:15px; font-weight:bold; color:#fc80af; line-height:1em; text-align:center; position:absolute; top:5px; left:60px; right:0; margin:auto; font-family:"M PLUS 1 Code", monospace;}
#header .left a .clinic .p-02 span{ color:#eb6ea5;}
#header .left .p-02{ font-size:14px; margin:5px 0 0 50px; font-family:"M PLUS 1 Code", monospace;}

#header .right{ float:right; overflow:hidden; padding:15px 0px 0 0;}
#header .right .inner{ overflow:hidden; margin-bottom:15px; max-width:520px;}
#header .right .btn{ width:250px; padding:0px 0 0 0; text-align:center; float:right; margin-top:10px; font-family:"M PLUS 1 Code", monospace;}
#header .right .btn a{ background:url(../images/common/ico-onpu.png),linear-gradient(to right, #fc80af, #ffb5d1); background-position:15px 20px,0 0; background-repeat:no-repeat; font-size:16px; font-weight:bold; color:#fff; border-radius:20px; padding:10px 0 10px; text-decoration:none; display:block; position:relative; border:2px solid #fff7f6;}
#header .right .btn a img{ position:absolute; right:15px; top:25px;}
#header .right .btn a:hover{ background:#fff url(../images/common/ico-onpu-on.png)15px 20px no-repeat; color:#fc80af; opacity:1; border:2px solid #fc80af;}

#header .right .tel{ float:left; text-align:center; margin:5px 15px 0 0;}
#header .right .p-tel{ font-size:32px; font-weight:bold; letter-spacing:-1px; line-height:1em; margin:0 0 10px; vertical-align:middle; padding-top:5px; border-top:5px dotted #fc80af;}
#header .right .p-tel a{ background:url("../images/common/ico-tel.png") left 8px no-repeat; color:#eb6fa5; display:inline-block; text-decoration:none; padding-left:23px; font-family:"M PLUS Rounded 1c", sans-serif;}
#header .right .p-01 { font-size:16px; font-weight:700; margin-bottom:5px; font-family:"M PLUS 1 Code", monospace;}



/*▼メインナビゲーション▼*/
#navi{ text-align:right;}
#navi ul{ display:inline-block; text-align:center;}
#navi li { font-size:18px; font-weight:500; text-align:center; display:inline-block; position:relative; font-family:"M PLUS Rounded 1c", sans-serif;}
#navi li p{ font-family:"M PLUS 1 Code", monospace;}
#navi li:before{ content:""; display:block; width:1px; height:48px; background:#d4cec8; position:absolute; right:0; top:0;}
#navi li:last-child:before{ display:none;}
#navi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:34px 25px 10px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#fc80af;}
#navi li a:hover p{ transition:0.3s; color:#fc80af;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:0px;width:100%;height:2px;background:#fc80af;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ margin-right:0px;}

#navi li a img{ position:absolute; left:0; right:0; top:0px; margin:auto; transition:.3s;}
#navi li a img.on{ opacity:0;}
#navi li a:hover img.on{ opacity:1; z-index:2;}
#navi li a:hover img:first-child{ opacity:0;}



/*▼メインビジュアル▼*/
#mp{ }
#mp .area-01{ width:1024px; height:469px; margin:auto;}
#mp .area-01 p{ font-size:52px; font-weight:bold; color:#fc80af; text-align:right; letter-spacing:3px; padding-top:180px; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff; font-family:"M PLUS Rounded 1c", sans-serif;}
#mp .area-01 p span{ font-size:24px; font-weight:500; line-height:2em; letter-spacing:13x; display:block; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;}

#about #mp{ background:url(../images/about/mp.png)center top no-repeat;}
#lesson #mp{ background:url(../images/lesson/mp.png)center top no-repeat;}
#contact #mp{ background:url(../images/contact/mp.png)center top no-repeat;}


#hmp {
  position:relative;
  max-width:1500px;
  height:797px;
  margin:0 auto 80px;
  overflow:hidden;
}

#hmp .slide {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:760px;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity 1.5s ease-in-out;
  z-index:0;
}

#hmp .slide.active {
  opacity:1;
  z-index:1;
}
#hmp .img-bottom{ position:absolute; left:0; right:0; bottom:0; margin:auto; z-index:2;}
#hmp .area-01{ width:1024px; margin:auto; overflow:hidden; padding-top:150px; position:relative; z-index:2;}
#hmp .area-01 p{ font-size:50px; font-weight:500; color:#fc80af; line-height:2em; position:relative; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff; float:right; font-family:"M PLUS Rounded 1c", sans-serif;}
#hmp .area-01 p img{ position:absolute; right:0; top:-70px;}



/*フッターナビ*/
#footer {}
#footer #fmid{ width:1024px; margin:auto; overflow:hidden; padding:70px 0;}

#footer #fmid .left{ float:left;}
#footer #fmid .left a{ text-decoration:none; display:inline-block; position:relative;}
#footer #fmid .left a .p-01{ font-size:16px; font-weight:bold; color:#fc80af; margin-bottom:15px; font-family:"M PLUS 1 Code", monospace;}
#footer #fmid .left .p-02{ font-size:16px; font-weight:500; margin:15px 0 0px; font-family:"M PLUS 1 Code", monospace;}

#footer #fmid .right{ float:right; text-align:right;}
/*ナビ*/
#footer #fmid .right #fnavi{ display:inline-block; padding:20px 0 30px;}
#footer #fmid .right #fnavi li { font-size:18px; font-weight:500; display:inline-block; letter-spacing:normal; padding-right:30px; position:relative; font-family:"M PLUS 1 Code", monospace;}
#footer #fmid .right #fnavi li a{ padding:0 0 8px; color:#4c4949; text-decoration:none; position:relative; display:block; transition:.3s;}
#footer #fmid .right #fnavi li:last-child{ padding-right:0px; margin-right:0px;}

#footer #tamonten { clear:both; text-align:right; line-height:1.7em; font-size:11px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#4c4949; text-decoration:none; opacity:1; filter:alpha(opacity=100);}



.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:60px; height:60px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}



/*▼エリア・共通設定▼*/
#main{}
.box{ width:1280px; margin:auto; padding:70px 0;}

.h2-01{ font-size:36px; font-weight:bold; text-align:center; margin-bottom:50px; font-family:"M PLUS Rounded 1c", sans-serif;}
.h2-01 span{ color:#fc80af;}
.h2-01 img{ display:block; margin:0 auto 10px;}

.more{ width:400px; font-size:22px; font-weight:bold; text-align:center; margin:50px auto; font-family:"M PLUS Rounded 1c", sans-serif;}
.more a{ background:#fff url(../images/common/arrow.png)right 25px top 20px no-repeat; border:2px solid #fc80af; color:#fc80af; padding:15px 0; border-radius:50px; text-decoration:none; display:block;}
.more a:hover{ background:#fc80af url(../images/common/arrow.png)right 25px top 20px no-repeat;; color:#fff; opacity:1;}





/*----------  ホーム home  ----------*/
/*----------  ホーム home  ----------*/
/*----------  ホーム home  ----------*/

#home .bk-01{ background:url(../images/home/bk-01.png)center top no-repeat; height:600px;}
#home #box-01{ width:1280px; margin:auto;}
#home #box-01 .area-01{ width:700px; padding-top:70px;}
#home #box-01 .area-01 h2{ font-size:36px; font-weight:bold; color:#fc80af; line-height:1.8em; margin-bottom:30px; position:relative; font-family:"M PLUS Rounded 1c", sans-serif;}
#home #box-01 .area-01 p { font-size:18px; line-height:1.8em;}
#home #box-01 .area-01 p span{ font-size:24px; font-weight:bold; color:#5ec825; display:block; padding:10px 0; font-family:"M PLUS Rounded 1c", sans-serif;}
#home #box-01 .area-01 .img{ position:absolute; right:0; top:20px;}

#home #box-02{ background:url(../images/home/bk-bottom2.png),url(../images/home/bk-ico.png); background-position:center bottom,center 95px; background-repeat:no-repeat; padding:100px 0 170px;}
#home #box-02 .area-01{ width:1280px; margin:auto; text-align:center; position:relative;}
#home #box-02 .area-01 .img{ position:absolute; left:0; right:0; top:0; margin:auto;}
#home #box-02 .area-01 .entry{ display:inline-block; margin-right:40px; vertical-align:top; position:relative; z-index:2;}
#home #box-02 .area-01 .entry p{ font-size:20px; font-weight:500; padding-top:20px; font-family:"M PLUS 1 Code", monospace;}
#home #box-02 .area-01 .entry p span{ font-size:26px; font-weight:bold; color:#fc80af; display:block; line-height:1.5em; font-family:"M PLUS Rounded 1c", sans-serif;}
#home #box-02 .more{ margin-bottom:0;}


#home #box-03{ background:#fff url(../images/home/bk-bottom.png)center bottom no-repeat; padding:80px 0;}
#home #box-03 .area-01{ width:1024px; margin:0 auto 50px;}
#home #box-03 .area-01 h2{ font-size:42px; margin-bottom:15px;}
#home #box-03 .area-01 h2 img{ margin:0 auto 5px;}
#home #box-03 .area-01 .p-01{ background:url(../images/common/fukidashi.png); width:697px; height:90px; text-align:center; margin:0 auto 15px; font-family:"M PLUS Rounded 1c", sans-serif;}
#home #box-03 .area-01 .p-01 span{ font-size:24px; font-weight:bold; color:#5ec825; display:inline-block; padding-top:20px;}
#home #box-03 .area-01 .p-02{ font-size:20px; text-align:center; line-height:1.8em; font-family:"M PLUS 1 Code", monospace;}

#home #box-03 .area-02{ width:1024px; margin:auto; text-align:center;}
#home #box-03 .area-02 .entry{ background:#fff7f7; border:4px solid #fc80af; border-radius:50px; position:relative; font-size:30px; font-weight:bold; color:#fc80af; line-height:90px; margin-bottom:50px; font-family:"M PLUS Rounded 1c", sans-serif;}
#home #box-03 .area-02 .entry .img{ width:150px; height:150px; border-radius:50%; background:#fff; border:4px solid #fc80af; box-sizing:border-box; position:absolute; left:-5px; top:-25px;}
#home #box-03 .area-02 .entry .img img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
#home #box-03 .area-02 .entry:nth-child(2n){ background:#f0ffe8; border:4px solid #5ec825; color:#5ec825;}
#home #box-03 .area-02 .entry:nth-child(2n) .img{ border:4px solid #5ec825; left:inherit; right:-5px;}


#home .bk-inst{ background:url(../images/home/bk-inst.png)center top no-repeat;}
#home #box-04{ position:relative; padding:50px 0 80px;}
#home #box-04 h2{ font-size:40px; font-weight:bold; color:#fa4b8e; text-align:center; margin-bottom:50px; font-family:"M PLUS Rounded 1c", sans-serif;}
#home #box-04 h2 span{ display:inline-block; padding:50px 50px 0; background:url(../images/home/follow.png)0 0 no-repeat;}
#home #box-04 .area-01{ overflow:hidden;}
#home #box-04 .area-01 .entry{ width:240px; float:left; margin-right:20px;}
#home #box-04 .area-01 .entry:last-child{ margin-right:0;}
#home #box-04 .area-01 .entry a{ height:240px; display:block; text-decoration:none; border-radius:15px;}
#home #box-04 .more{ width:320px; margin:0; position:absolute; right:0; top:80px;}


#home #box-05{ padding:80px 0; background:#fff7f7; border-radius:50px 50px 0 0;}
#home #box-05 .area-01{ width:1024px; margin:auto;}
#home #box-05 .area-01 table{ width:100%; border-top:1px solid #ffc9c9;}
#home #box-05 .area-01 table tr{ border-bottom:1px solid #ffc9c9;}
#home #box-05 .area-01 table tr th{ width:240px; padding:30px 0; font-weight:bold; color:#fa4b8e; text-align:left; vertical-align:top;}
#home #box-05 .area-01 table tr th span{ background:#fc80af; width:100px; font-weight:500; color:#fff; text-align:center; padding:5px 0; display:inline-block; margin-left:15px; border-radius:30px; font-family:"M PLUS 1 Code", monospace;}
#home #box-05 .area-01 table tr th span.news{ background:#5ec825;}
#home #box-05 .area-01 table tr td{ padding:30px 0;}
#home #box-05 .area-01 table tr td span{ font-size:20px; font-weight:bold; display:block; margin:0 0 15px; font-family:"M PLUS 1 Code", monospace;}


#box-contact{ background:url(../images/home/bk-contact.png)right top no-repeat; display:flex;}
#box-contact .googlemap{ flex:1; height:600px;}
#box-contact .area-01{ width:900px; height:600px; padding:100px 0 0 80px; box-sizing:border-box; position:relative;}
#box-contact .area-01 .img{ position:absolute; right:120px; top:160px;}
#box-contact .area-01 .logo{ display:inline-block; text-decoration:none; margin-bottom:25px;}
#box-contact .area-01 .p-01{ font-size:18px; line-height:1.7em; padding-left:25px; background:url(../images/home/ico-pin.png)left 3px no-repeat; margin-bottom:30px; font-family:"M PLUS 1 Code", monospace;}
#box-contact .area-01 h3{ font-size:20px; font-weight:bold; line-height:1.2em; margin-bottom:10px; font-family:"M PLUS 1 Code", monospace;}

#box-contact .area-01 .p-tel{ font-size:46px; font-weight:bold; line-height:1em; margin-bottom:30px; font-family:"M PLUS Rounded 1c", sans-serif;}
#box-contact .area-01 .p-tel a{ background:url(../images/common/ico-tel2.png)left 7px no-repeat; color:#fc80af; display:inline-block; line-height:1em; text-decoration:none; padding-left:35px;}
#box-contact .area-01 .btn{ width:400px; text-align:center; font-family:"M PLUS Rounded 1c", sans-serif;}
#box-contact .area-01 .btn a{ background:url(../images/common/ico-onpu2.png),linear-gradient(to right, #fc80af, #ffb5d1); background-position:35px 25px,0 0; background-repeat:no-repeat; font-size:22px; font-weight:bold; color:#fff; border-radius:50px; line-height:1.35em; padding:15px 0; text-decoration:none; display:block; position:relative; border:2px solid #fff;}
#box-contact .area-01 .btn a img{ position:absolute; right:30px; top:33px;}

#box-contact .area-01 .btn a:hover{ background:#fff url(../images/common/ico-onpu2-on.png)35px 25px no-repeat; color:#fc80af; opacity:1; border:2px solid #fc80af;}




/*----------  教室について about  ----------*/
/*----------  教室について about  ----------*/
/*----------  教室について about  ----------*/

#about #box-01{ width:1024px; padding-bottom:100px;}
#about #box-01 .p-01{ font-size:18px; font-weight:500; text-align:center; line-height:2em;}
#about #box-01 .area-01{ text-align:center; overflow:hidden; padding:50px 0;}
#about #box-01 .area-01 .entry{ float:left; margin-right:40px;}
#about #box-01 .area-01 .entry p{ font-size:20px; font-weight:500; padding-top:20px; font-family:"M PLUS 1 Code", monospace;}
#about #box-01 .area-01 .entry p span{ font-size:26px; font-weight:bold; color:#fc80af; display:block; line-height:1.5em; font-family:"M PLUS Rounded 1c", sans-serif;}


#about #box-02{ background:#fff url(../images/home/bk-bottom.png)center bottom no-repeat; padding:80px 0 200px;}
#about #box-02 .area-01{ width:1024px; margin:0 auto 70px; overflow:hidden;}
#about #box-02 .area-01 .tb{}
#about #box-02 .area-01 .tb p{ font-size:20px; font-weight:500; line-height:1.8em; margin-bottom:30px;}
#about #box-02 .area-01 .tb .name{ width:650px; height:66px; background:url(../images/about/bk-name.png); font-size:38px; font-weight:bold; color:#fc80af; padding-left:60px; box-sizing:border-box; font-family:"M PLUS Rounded 1c", sans-serif;}
#about #box-02 .area-01 .tb .name span{ font-size:20px; font-weight:500; color:#5ec825; display:inline-block; margin-left:20px; position:relative; top:-5px; font-family:"M PLUS 1 Code", monospace;}
#about #box-02 .area-01 img{ float:right; margin-top:30px;}

#about #box-02 .area-02{ width:1024px; margin:auto; background:#f3fcee; padding:50px 50px; border-radius:30px; box-sizing:border-box; overflow:hidden;}
#about #box-02 .area-02 .left{}
#about #box-02 .area-02 .left h3{ font-size:36px; font-weight:bold; color:#5ec825; margin-bottom:20px; font-family:"M PLUS Rounded 1c", sans-serif;}
#about #box-02 .area-02 .left li{ font-size:18px; font-weight:500; margin-bottom:10px; padding-left:20px; position:relative;}
#about #box-02 .area-02 .left li:before{ content:""; width:15px; height:15px; background:#5ec825; border-radius:50%; display:inline-block; position:absolute; left:0; top:5px;}
#about #box-02 .area-02 .right{ width:430px; float:right; background:#fff; padding:40px 30px 40px; border-radius:20px; box-sizing:border-box;}
#about #box-02 .area-02 .right h4{ font-size:24px; font-weight:bold; color:#fb8480; padding-bottom:5px; border-bottom:2px solid #fb8480; position:relative; margin-bottom:20px; font-family:"M PLUS 1 Code", monospace;}
#about #box-02 .area-02 .right h4 img{ position:absolute; right:0; top:-20px;}
#about #box-02 .area-02 .right ul li{ font-size:18px; margin-bottom:10px; padding-left:1em; text-indent:-1em;}



#about #box-03{ width:1024px; padding:70px 0;}
#about #box-03 .area-01{ margin-bottom:70px;}
#about #box-03 .area-01 table{ width:100%; background:#fff; margin-bottom:50px;}
#about #box-03 .area-01 table th{ background:#ffc9c9; width:270px; padding:20px 30px; font-size:18px; font-weight:500; color:#fff; text-align:left; border:1px solid #ffc9c9; box-sizing:border-box; vertical-align:middle; border-bottom:1px solid #fff; font-family:"M PLUS 1 Code", monospace;}
#about #box-03 .area-01 table td{ padding:20px 30px; font-size:18px; border:1px solid #ffc9c9; font-family:"M PLUS 1 Code", monospace;}
#about #box-03 .area-01 table tr:last-child th{ border-bottom:1px solid #ffc9c9;}

#about #box-03 .area-02{ overflow:hidden; margin-bottom:50px;}
#about #box-03 .area-02 .entry{ width:500px; float:left; margin-bottom:25px; position:relative;}
#about #box-03 .area-02 .entry:nth-child(2){ float:right;}
#about #box-03 .area-02 .entry:nth-child(n+3){ width:320px; margin-right:32px;}
#about #box-03 .area-02 .entry:last-child{ margin-right:0;}
#about #box-03 .area-02 .entry a{ display:block; text-decoration:none; border-radius:20px;}





/*----------  レッスン・料金案内 lesson  ----------*/
/*----------  レッスン・料金案内 lesson  ----------*/
/*----------  レッスン・料金案内 lesson  ----------*/

#lesson #box-01{ width:1024px;}
#lesson #box-01 .area-01{ background:url(../images/lesson/bk-ico.png)center 120px no-repeat; text-align:center; margin-bottom:30px;}
#lesson #box-01 .area-01 p{ font-size:28px; font-weight:bold; color:#5ec825; line-height:2em; font-family:"M PLUS Rounded 1c", sans-serif;}
#lesson #box-01 .area-02{ overflow:hidden;}
#lesson #box-01 .area-02 .img{ float:right;}
#lesson #box-01 .area-02 .tb{ float:left; position:relative; padding:150px 0 100px;}
#lesson #box-01 .area-02 .tb p{ font-size:24px; font-weight:500; line-height:2em; font-family:"M PLUS 1 Code", monospace;}
#lesson #box-01 .area-02 .tb p span{ color:#fc80af;}
#lesson #box-01 .area-02 .tb .ico-01{ position:absolute; top:0; right:0;}
#lesson #box-01 .area-02 .tb .ico-02{ position:absolute; bottom:0; right:-50px;}

#lesson #box-02{ background:url(../images/lesson/bk-left.png),url(../images/lesson/bk-right.png),#fff; background-repeat:no-repeat; background-position:0 120px,right bottom 70px; padding:80px 0 80px;}
#lesson #box-02 .area-01{ width:1024px; margin:auto;}
#lesson #box-02 .area-01 .entry{ background:#f3fcee url(../images/lesson/bk-piano.png)right bottom no-repeat; border-radius:10px; margin-bottom:25px;}
#lesson #box-02 .area-01 .entry img{ vertical-align:middle; margin-right:50px;}
#lesson #box-02 .area-01 .entry p{ font-size:20px; font-weight:500; line-height:2em; display:inline-block; width:590px; vertical-align:middle; font-family:"M PLUS 1 Code", monospace;}

#lesson #box-03{ width:1024px; padding-bottom:120px;}
#lesson #box-03 .area-01{ margin-bottom:70px;}
#lesson #box-03 .area-01 p{ font-size:20px; font-weight:500; line-height:1.8em;}
#lesson #box-03 .area-01 p span{ color:#fc80af;}
#lesson #box-03 .area-02{ margin-bottom:70px;}
#lesson #box-03 .area-02 table{ width:100%; table-layout:fixed; background:#fff;}
#lesson #box-03 .area-02 table th{ background:#ffc9c9; font-size:20px; font-weight:bold; color:#fff; text-align:center; padding:20px 0; border:1px solid #ffc9c9; border-right:1px solid #fff; font-family:"M PLUS 1 Code", monospace;}
#lesson #box-03 .area-02 table th:last-child{ border-right:1px solid #ffc9c9;}
#lesson #box-03 .area-02 table td{ font-size:18px; padding:15px 15px; border:1px solid #ffc9c9; font-family:"M PLUS 1 Code", monospace;}
#lesson #box-03 .area-02 table td:nth-child(2) { text-align:center;}
#lesson #box-03 .area-02 table td:nth-child(3) { text-align:right;}
#lesson #box-03 .area-02 ul{ padding-top:20px;}
#lesson #box-03 .area-02 ul li{ font-size:16px; padding-left:1em; text-indent:-1em; letter-spacing:normal;}
#lesson #box-03 .area-03{ background:#fff; border:5px solid #5ec825; border-radius:30px; padding:40px 50px;}
#lesson #box-03 .area-03 h3{ font-size:36px; font-weight:bold; color:#5ec825; margin-bottom:20px; font-family:"M PLUS Rounded 1c", sans-serif;}
#lesson #box-03 .area-03 li{ font-size:18px; font-weight:500; margin-bottom:10px; padding:5px 0 5px 25px; background:url(../images/lesson/ico-li.png)left 2px no-repeat; margin-bottom:20px;}
#lesson #box-03 .area-03 li:last-child{ margin-bottom:0;}






/*----------  お問い合わせ contact  ----------*/
/*----------  お問い合わせ contact  ----------*/
/*----------  お問い合わせ contact  ----------*/
#contact #box-01{ width:1024px;}
#contact #box-01 .area-01{ background:#fff; border-radius:30px; padding:20px 20px 20px 90px; overflow:hidden;}
#contact #box-01 .area-01 .tb{ text-align:center;padding-top:40px;}
#contact #box-01 .area-01 .tb h2{ font-size:28px; font-weight:bold; margin-bottom:20px; font-family:"M PLUS Rounded 1c", sans-serif;}
#contact #box-01 .area-01 .tb h2 span{ color:#fc80af;}
#contact #box-01 .area-01 .tb .p-tel{ font-size:56px; font-weight:bold; line-height:1em; margin-bottom:15px; font-family:"M PLUS Rounded 1c", sans-serif;}
#contact #box-01 .area-01 .tb .p-tel a{ background:url(../images/contact/ico-tel.png)left 10px no-repeat; color:#fc80af; display:inline-block; line-height:1em; text-decoration:none; padding-left:45px;}
#contact #box-01 .area-01 .tb .p-01{ font-size:30px; font-weight:500; text-align:center;}
#contact #box-01 .area-01 .tb .p-02{ font-size:20px; font-weight:500; text-align:center; margin-bottom:30px;}
#contact #box-01 .area-01 .img{ float:right;}


#contact #box-02 { padding:80px 20px 20px; width:1024px; box-sizing:border-box;}
#contact #box-02 h2{ margin-bottom:50px;}
#contact #box-02 .area-01{ margin:0 auto 50px;}
#contact #box-02 .area-01 li{ font-size:18px; font-weight:500; line-height:2em; padding-left:1em; text-indent:-1em;}

#contact #box-02 .area-02 .area-mailform{}
#contact #box-02 .area-02 .area-mailform table{ width:100%; margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table td{ padding:0px 8px 20px; display:block;}
#contact #box-02 .area-02 .area-mailform table td.td-01{font-size:20px; font-weight:bold; vertical-align:top; padding:20px 8px 5px; font-family:"M PLUS 1 Code", monospace;}
#contact #box-02 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table .ul-01 li{ display:inline-block; margin-right:20px;}
#contact #box-02 .area-02 .area-mailform table .ul-01 li:last-of-type{ margin-right:0px;}

#contact #box-02 .area-02 .area-mailform table select{ padding:3px; font-size:18px;}
#contact #box-02 .area-02 .area-mailform table input{ padding:3px; font-size:18px;}
#contact #box-02 .area-02 .area-mailform table textarea{ padding:3px; font-size:18px;}
#contact #box-02 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-02 .area-02 .area-mailform table button{}
#contact #box-02 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#fc80af; font-size:12px; padding:2px 7px; line-height:1.5em; margin-left:7px; position:relative; display:inline-block; border-radius:5px; position:relative; top:-3px;}
#contact #box-02 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-02 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-02 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-02 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-02 .area-02 .area-mailform .w01{width:98%;}
#contact #box-02 .area-02 .area-mailform .w02{width:43.7%;}

#contact #box-02 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px;}
#contact #box-02 .area-02 .area-mailform .tb-01{}
#contact #box-02 .area-02 .area-mailform .tb-03{ text-align:center; display:inline-block; margin-left:20px;}
#contact #box-02 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-02 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#ffc9c9 solid 1px; background:#FFF; margin:auto; margin-bottom:20px; }
#contact #box-02 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-02 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

#contact #box-02 .area-02 .area-mailform .btn{ width:350px; font-size:20px; font-weight:bold; color:#fff;  background:#fff; border:2px solid #fc80af; color:#fc80af; padding:20px 0; border-radius:50px; display:block; text-decoration:none; box-sizing:border-box; position:relative; transition:0.5s; margin:20px auto 0; cursor:pointer; font-family:"M PLUS Rounded 1c", sans-serif;}
#contact #box-02 .area-02 .area-mailform .btn:hover{ background:#fc80af; color:#fff; opacity:1;}




/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(30px);
  opacity:0;
}

.scroll_up.on {
  transform:translateY(0);
  transition:0.9s ease-in-out;
  opacity:1.0;
}
.scroll_on {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(0px);
  opacity:0;
}

.scroll_on.on {
  transform:translateY(0);
  opacity:1.0;
}

.scroll_right.on {
    opacity:1.0;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    transform:translateX(0);
}



/*ズラして表示する*/
.on.time02{transition-delay:.2s;}
.on.time03 {transition-delay:.4s;}
.on.time04 {transition-delay:.6s;}
.on.time05 {transition-delay:.8s;}