@charset "utf-8";
/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
*{margin:0;padding:0;}

body{font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif; font-weight: 500;font-size:15px;color:#514F4F;line-height:170%;letter-spacing:1px;padding-bottom:20px;background:url(../img/bg.jpg) center repeat-y;width:100%;height:100%;text-align:center;}

a:link{color:#555;text-decoration:none;}

a:visited{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;} 
a:active{color:#555;}	

img,table{border:none;}
table,p{font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif; font-weight: 500;font-size:15px;color:#514F4F;line-height:170%;letter-spacing:1px;text-align:justify;text-justify:distribute;}
td{vertical-align:top;}
li{list-style-type:none;}
.mini{font-size:11px;}
.mini2{font-size:12px}
.hid{}

.appli{width:495px;margin:0 0;padding:10px 5px 10px 50px;}
.appli2{width:495px;margin:0 0;padding:10px 10px 20px 50px;}

.sky{color:#007BFF;}
.red{color:#FF0000;}
.blue_sky{color:#55BDF7;}
.pink{color:#FF649B;}
.pink_b{color:#FF649B;font-weight:600;}

.title{font-size:16px;}
.title{margin:0;padding:0;}
.title ol{margin:0px 20px;padding:0;}
.title ol li{list-style-type:decimal}
.title ol li{color:#007BFF;}

.title{font-size:16px;}
.title{margin:10px 10px;padding:0}
.title ul{margin:0;padding:0}
.title ul li{margin-bottom: 20px;}


.title2{
    color: #595757; /* 文字色 */
    padding: 10px 10px 10px 58px; /* 上・右・下・左の余白 */
    position: relative;
}
.title2:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 27px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title2:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 1px;
    width: 100%;
}

.title3 {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
.title3::before,
.title3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.title3::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
.title3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}

.title4{
    color: #EC488B; /* 文字色 */
    padding: 10px 10px 10px 45px; /* 上・右・下・左の余白 */
    position: relative;
}
.title4:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 24px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title4:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}


.title5{margin:0;padding:20px 10px 10px 30px;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF4f8d;
}

h3.title6 {
  position: relative;
  margin:10px 20px 20px;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title6::before,
h3.title6::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title6::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
h3.title6::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}


h3.title7 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  position: relative;
  margin:10px 10px 0 10px;
  padding: 0 1em .5em 1em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title7::before,
h3.title7::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title7::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: rgba(246, 102, 142, .5);
}
h3.title7::after {
  top: .7em;
  left: .7em;
  width: 11px;
  height: 11px;
  background: rgba(251, 189, 206, .5);
}



.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #FFC107;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #FFC107;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.mybox{
    background: none;
    border: 1px solid #f3cbd0;
    margin: 15px 20px;
    padding: 20px;
    position: relative;
}
.mybox:before{
    background-color: #fff;
    font-family: Times new roman,serif;
    font-weight: bold;
    color: #FF649B;
    content: 'Course';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox:after{
    background: none;
    border: 1px solid #f3cbd0;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.mybox2{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 10px;
    padding: 0px 20px;
    position: relative;
}
.mybox2:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    font-size: 18px;
    color: #FF649B;
    content: 'Contents';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox2:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.mybox3{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding: 15px;
    position: relative;
}
.mybox3:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF649B;
    content: 'Column';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox3:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

ul.annai li {
  position: relative;
  margin:0 20px 10px;
}
ul.annai li::after,
ul.annai li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai li::after {
  top: .35em;
  left: -1.2em;
  width: 13px;
  height: 13px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai2 li {
  position: relative;
  margin:0 30px 10px;
}
ul.annai2 li::after,
ul.annai2 li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai2 li::after {
  top: .35em;
  left: -1.2em;
  width: 13px;
  height: 13px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai2 li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai3 li {
  position: relative;
  margin:10px 30px 10px;
}
ul.annai3 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background: -moz-linear-gradient(#FF9AAC,#FF649B);
  background: -webkit-linear-gradient(#FF9AAC,#FF649B);
  background: ladial-gradient(#FF9AAC,#FF649B);
  border-radius: 100%;
}

ul.annai4 li {
  position: relative;
  margin:10px 50px 10px;
}
ul.annai4 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai5 li {
  position: relative;
  margin:0px 5px 0px 30px;
  text-align:left;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul.annai5 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*-- Layout --*/

#container{width:800px;padding:0;margin:0 auto;text-align:left;}

#header_index{width:800px;margin:0 auto;height:500px;margin-left:1px;background:url(../img/headerbg_index.gif) top no-repeat;}
#header{width:800px;margin:0 auto;height:130px;background:url(../img/headerbg.gif) top no-repeat;}
#header	.logo a,#header_index .logo a{width:400px;height:130px;display:block;}
#header	a,#header_index	a{color:#777;}
#header	a:hover,#header_index a:hover{color:#777;text-decoration:none;} 
#header	h1,#header_index h1{font-size:12px;font-weight:200;text-align:right;margin-right:30px;}

#header2{width:800px;margin:0 auto;height:130px;}


#flasharea{width:800px;height:332px;margin:0 0 50px;}

#content{width:800px;margin:0;padding:0;}


/*--column--*/

.underbg{margin-left:1px;}

#main{width:600px;margin:0;}

#main2{ float: left;width: 75%; margin: 0; padding: 0;}
#main2{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#column_main{width:500px;margin:0 0; padding:0 50px 20px;}
#column_main > p {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}
#column_main h3 {margin-top:20px;}

#leftarea2{ float: left; width:25%; margin: 0; padding: 0;text-align:center;}
#leftarea2 li{padding-bottom:12px;padding-right:5px;}
#leftarea2 a:hover img{opacity:0.7;filter:alpha (opacity=70);}

.toggle{display: none;}
.toggle,.close{display: none;}

#leftarea{width:200px;margin:0;text-align:center;}
#leftarea li{padding-bottom:12px;}
#leftarea a:hover img{opacity:0.7;filter:alpha (opacity=70);}

#leftarea_c{width:200px;margin:0;text-align:center;}
#leftarea_c li{padding-bottom:12px;}
#leftarea_c a:hover img{opacity:0.7;filter:alpha (opacity=70);}


#footer{width:500px;height:150px;font-size:12px;margin:50px 30px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
.footerimg{width:500px;height:50px;margin:0px 30px;}
#footer2{width:500px;height:50px;font-size:10px;margin:30px 10px 50px 280px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
#footer2{ clear:both; }
.footer3{width:500px;height:25px;margin:15px 0px 0px 30px;}

#footer4{width:500px;height:150px;font-size:12px;margin:30px 10px 50px 280px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}


/*-- Content--index.html --*/

h3.title_t{margin-left:2px;margin-bottom:10px;}
.sec01{padding-bottom:20px;}
.sec01 p{width:500px; margin:0 0; padding:10px 50px 5px 40px;}
.sec02{width:500px; margin:5px 50px 20px;}
.sec02 p{padding-top:10px;padding-bottom:25px;}
.sec02 p.txt001{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt002{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt003{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt004{width:104px;margin:10px 24px 0 2px;}
.sec03{width:500px;margin:10px 42px 50px;}
.sec03 table{width:500px; height:600;}

#information{width:500px;height:1400px;overflow:scroll;margin:5px 30px 0px;}
ul.inform{font-size:14px;margin:20px 0;padding:0 0;}
ul.list li{font-size:14px;margin:0 0;padding:0 0 12px 0;}
h3.infor_date{font-size:14px;color:#55BDF7;padding-bottom:10px;}
h3.infor_date_top{font-size:14px;color:#55BDF7;padding-bottom:10px;}
p.infor_title{font-size:15px;font-weight: bold;padding-bottom:10px;}

/*-- Content--concept.html --*/

.concept_t{margin:0 0; padding:0px 20px 5px 40px;}
.concept_d{margin-top:50px;}
.concept_i{margin-top:30px;}
.school{width:497px;margin:20px 50px 50px;}

#aisatu{width:500px;height:216px;background:url(../img/concept_img001.gif) no-repeat;position:relative;margin-left:40px;}
#aisatu p{width:300px;top:50px;left:165px;position:absolute;font-size:12px;line-height:165%;}

/*-- Content--course.html --*/
#course{margin-left:2px;}
#course h3{margin:0px;padding:0;}

.table1 table{margin:20px 45px 0;}
p.voice{width:325px;line-height:170%;}
.img001{width:141px;margin-left:29px;}

.under{border-bottom: solid 1px #FF649B;}

#taiken{margin:50px 2px;width:550px;height:248px;display:block;position:relative;background:url(../img/course_img005.jpg) no-repeat;}
#taiken .btn{width:90px;height:33px;position:absolute;right:35px;top:27px;}
#taiken p{width:310px;position:absolute;left:50px;top:112px;}

/*-- Content--course.html --*/
.ossme {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;width:500px;margin:15px 45px;}
.ossme ul{margin:0;padding:0}
.ossme ul li{list-style:none;background:url(../img/icon003.gif) no-repeat 0px 4px;padding-left:15px;}

.price {width:500px;padding-top:19px;background:url(../img/course_img002.gif) no-repeat top;margin:5px 45px;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:11px;line-height:120%;}
.price table{width:495px;border-collapse:collapse;} 
.price th{border:1px #cccccc solid;width:123px;background:#F8F3F9;border-left:none;padding-top:4px;padding-bottom:3px;font-weight:400;text-align:center;vertical-align:middle;} 
.price td{border:1px #cccccc solid;border-top:none;border-left:none;padding-top:4px;padding-bottom:3px;text-align:center;vertical-align:middle;} 
.price td.noborder,.price th.noborder{border-right:none;}


/*-- Content--contact.html --*/
.access_map{width:495px;height:495px;margin:0 0;padding:20px 45px;}
.ad{width:339px;margin-bottom:20px;}
.school2{width:156px;height:216px;}
.access{width:339px;font-size:14px;line-height:160%;}
p.bottom{margin-bottom:15px;}
.time{width:497px;margin:20px 50px 50px; text-align:left;}
.access_blc01{margin:20px 45px;}


#diary .diary {padding-top:15px;border-bottom:1px solid #999999;}

#diary h2 {display:none;}
#diary h3 {margin-bottom:15px;}

#diary .info {margin:5px 10px 15px 0px;}
#diary .info li {display:inline;}


#page ul {margin:0px 0px 20px 0px;}
#page ul li {display:inline;margin-right:10px;}



/*-- Content--tongue-exercises.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 5px;}
.how ol{margin:0 0;padding:0 10px 0 25px;}
.how ol li{margin-bottom: 20px;}
.how ol li{list-style-type:decimal}

/*-- Content--articulation-teeth.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 35px;}
.how ul{margin:0 20;padding:0 0;}
.how ul li{margin-bottom: 20px;}
.how ul li{list-style-type:none;}

.how2 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how2 ul{margin:0 20px;padding:0;}
.how2 ul li{margin-bottom: 10px;}
.how2 ul li{list-style-type:decimal;}

.how3{font-size:17px;}
.how3{margin:10px 10px;padding:0}
.how3 ol{margin:0;padding:0}
.how3 ol li{margin-bottom: 20px;}

.how4 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how4 ul{margin:0 20px;padding:0;}
.how4 ul li{margin-bottom: 20px;}
.how4 ul li{list-style-type:disc;}

}

/*===============================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
*{margin:0;padding:0;}

body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:16px;color:#514F4F;line-height:160%;letter-spacing:1px;padding-bottom:20px;background:none; center repeat-y;width:100%;height:100%;text-align:center;}

.wrap{overflow: hidden;}

a:link{color:#555;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;} 
a:active{color:#555;}	

img,table{border:none;}
table,p{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:16px;color:#514F4F;line-height:160%;letter-spacing:1px;text-align:justify;text-justify:distribute;}
td{vertical-align:top;}
li{list-style-type:none;}
.mini{font-size:11px;}
.mini2{font-size:12px}

.appli{width:95%;max-width: 768px;margin:0 0;padding:10px 10px 10px;}
.appli2{width:95%;max-width: 768px;margin:0 0; padding:10px 10px 20px;}


.sky{color:#007BFF;}
.red{color:#FF0000;}
.blue_sky{color:#55BDF7;}
.pink{color:#FF649B;}
.pink_b{color:#FF649B;font-weight:600;}

.title{font-size:16px;}
.title{margin:0;padding:0;}
.title ol{margin:0px 20px;padding:0;}
.title ol li{list-style-type:decimal}
.title ol li{color:#007BFF;}

.title{font-size:16px;}
.title{margin:10px 10px;padding:0}
.title ul{margin:0;padding:0}
.title ul li{margin-bottom: 20px;}


.title2{
    color: #595757; /* 文字色 */
    padding: 10px 10px 10px 58px; /* 上・右・下・左の余白 */
    position: relative;
}
.title2:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 27px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title2:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: 95%;
}

.title3 {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
.title3::before,
.title3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.title3::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
.title3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}

.title4{
    color: #EC488B; /* 文字色 */
    padding: 10px 10px 10px 50px; /* 上・右・下・左の余白 */
    position: relative;
}
.title4:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 27px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title4:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}


.title5{margin:0;padding:20px 10px 10px;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF4f8d;
}

h3.title6 {
  position: relative;
  margin:10px 20px 20px;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title6::before,
h3.title6::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title6::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
h3.title6::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}


h3.title7 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  position: relative;
  margin:10px 20px 0 10px;
  padding: 0 1em .5em 1em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title7::before,
h3.title7::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title7::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: rgba(246, 102, 142, .5);
}
h3.title7::after {
  top: .7em;
  left: .7em;
  width: 11px;
  height: 11px;
  background: rgba(251, 189, 206, .5);
}



.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #FFC107;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #FFC107;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.mybox{
    background: none;
    border: 1px solid #f3cbd0;
    margin: 15px 10px;
    padding: 20px;
    position: relative;
}
.mybox:before{
    background-color: #fff;
    font-family: Times new roman,serif;
    font-weight: bold;
    color: #FF649B;
    content: 'Course';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox:after{
    background: none;
    border: 1px solid #f3cbd0;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.mybox2{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding: 0px 20px;
    position: relative;
}
.mybox2:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    font-size: 18px;
    color: #FF4f8d;
    content: 'Contents';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox2:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.mybox3{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding: 15px;
    position: relative;
}
.mybox3:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF4f8d;
    content: 'Column';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox3:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


ul.annai li {
  position: relative;
  margin:0 20px 10px;
}
ul.annai li::after,
ul.annai li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai li::after {
  top: .35em;
  left: -1.2em;
  width: 13px;
  height: 13px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

ul.annai2 li {
  position: relative;
  margin:0 20px 10px;
}
ul.annai2 li::after,
ul.annai2 li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai2 li::after {
  top: .35em;
  left: -1.2em;
  width: 13px;
  height: 13px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai2 li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

ul.annai3 li {
  position: relative;
  margin:10px 30px 10px;
}
ul.annai3 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background: -moz-linear-gradient(#FF9AAC,#FF649B);
  background: -webkit-linear-gradient(#FF9AAC,#FF649B);
  background: ladial-gradient(#FF9AAC,#FF649B);
  border-radius: 100%;
}

ul.annai4 li {
  position: relative;
  margin:10px 50px 10px;
}
ul.annai4 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai5 li {
  position: relative;
  margin:0px 10px 0px 30px;
  text-align:left;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul.annai5 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/*-- Layout --*/

#container{width:100%;max-width: 768px;padding:0;margin:0 auto;text-align:left;}

#header_index{width:100%;max-width: 768px;margin:0 auto;height:500px;margin-left:1px;background:url(../img/headerbg_index.gif) top no-repeat;;background-position:0% 0%;}
#header{width:100%;max-width: 768px;margin:0 auto;height:130px;background:url(../img/headerbg.gif) top no-repeat;background-position:0% 0%;}
#header	.logo a,#header_index .logo a{width:100%;max-width: 768px;height:130px;display:block;}
#header	a,#header_index	a{color:#777;}
#header	a:hover,#header_index a:hover{color:#777;text-decoration:none;} 
#header	h1,#header_index h1{font-size:12px;font-weight:200;text-align:right;padding-right:30px;}

#header2{width:100%;max-width: 768px;margin:0 0;height:auto;}

#flasharea{width:100%;max-width: 768px;height:332px;margin:0 0 50px;}

#content{width:100%;max-width: 768px;margin:0;padding:0;}


/*--column--*/

.underbg{margin-left:1px;}

#main{width:100%;max-width: 768px;margin:0;}

#main2{ float: left;width: 75%; margin: 0; padding: 0;}
#main2{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#column_main{width:90%;max-width: 768px;margin:0 0;padding:0 40px 20px 30px;}
#column_main > p {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#leftarea2{ float: left; width:25%; margin: 0; padding: 0;text-align:center; }
#leftarea2 li{padding-bottom:12px;padding-right:5px;}
#leftarea2 a:hover img{opacity:0.7;filter:alpha (opacity=70);}

.toggle{display: none;}
.toggle,.close{display: none;}


#leftarea{width:70%;max-width: 768px;margin:0;text-align:center;}
#leftarea li{padding-bottom:12px;}
#leftarea a:hover img{opacity:0.7;filter:alpha (opacity=70);}

#leftarea_c{display:none;}


#footer{width:90%;max-width: 768px;height:100px;font-size:10px;margin:20px 50px;font-family:Arial, Helvetica, sans-serif;}
.footerimg{width:90%;max-width: 768px;height:50px;margin:20px 50px;}
#footer2{width:90%;max-width: 768px;height:50px;font-size:10px;margin:0px 50px;font-family:Arial, Helvetica, sans-serif;}
#footer2{ clear:both; }
.footer3{width:90%;max-width: 768px;height:0px;margin:20px 0px 0px 50px;}

#footer4{width:90%;max-width: 768px;height:150px;font-size:12px;margin:30px 10px 50px 280px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
#footer4{ clear:both; }

/*-- Content--index.html --*/

h3.title_t{margin-left:2px;margin-bottom:10px;}
.sec01{padding-bottom:20px;}
.sec01 p{width:90%;max-width: 768px; margin:0 0; padding:5px 40px;}
.sec02{width:90%;max-width: 768px; margin:0 0;padding:5px 20px 20px;}
.sec02 p{padding-top:10px;padding-bottom:25px;}
.sec02 p.txt001{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt002{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt003{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt004{width:104px;margin:10px 24px 0 2px;}
.sec03{width:95%;max-width: 768px;margin:10px 15px 50px;}
.sec03 table{width:95%;max-width: 768px;}

#information{width:95%;max-width: 768px;height:auto;margin:5px 30px 0px;}
ul.inform{font-size:14px;margin:20px 0;padding:0 0;}
ul.list li{font-size:14px;margin:0 0;padding:0 0 12px 0;}
h3.infor_date{font-size:14px;color:#55BDF7;padding-bottom:10px;}
h3.infor_date_top{font-size:14px;color:#55BDF7;padding-bottom:10px;}
p.infor_title{font-size:15px;font-weight: bold;padding-bottom:10px;}

/*-- Content--concept.html --*/

.concept_t{width:95%;max-width: 768px;margin:0 0; padding:0px 10px 5px 30px;}
.concept_d{width:95%;max-width: 768px;margin-top:50px;}
.concept_i{width:95%;max-width: 768px;margin-top:30px;}
.school{width:90%;max-width: 768px;margin:20px 20px 0;}

#aisatu{width:95%;max-width: 768px;height:216px;background:url(../img/concept_img001.gif) no-repeat;position:relative;margin-left:20px;}
#aisatu p{width:300px;max-width: 768px;top:50px;left:165px;position:relative;font-size:12px;line-height:165%;}

/*-- Content--course.html --*/
#course{margin-left:2px;}
#course h3{margin:0px;padding:0;}

.table1 table{margin:20px 30px 0;}
p.voice{width:95%;max-width: 768px;}
.img001{width:95%;max-width: 768px;margin-left:29px;}

.under{border-bottom: solid 1px #FF649B;}

#taiken{margin:50px 0px;width:98%;max-width: 768px;height:248px;display:block;position:relative;background:url(../img/course_img005.jpg) no-repeat;}
#taiken .btn{width:90px;height:33px;position:absolute;right:35px;top:27px;}
#taiken p{width:95%;max-width: 768px;position:absolute;left:50px;top:112px;}


/*-- Content--course.html --*/
.ossme {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;width:95%;max-width: 768px;margin:0 0;padding:15px 30px;}
.ossme ul{margin:0;padding:0}
.ossme ul li{list-style:none;background:url(../img/icon003.gif) no-repeat 0px 4px;padding-left:15px;}


.price {width:95%;max-width: 768px;padding-top:19px;background:url(../img/course_img002.gif) no-repeat top;margin:0 0;padding:20px 30px;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:11px;line-height:120%;}
.price table{width:95%;max-width: 768px;border-collapse:collapse;} 
.price th{border:1px #cccccc solid;width:20%;background:#F8F3F9;border-left:none;padding-top:4px;padding-bottom:3px;font-weight:400;text-align:center;vertical-align:middle;} 

.price td{border:1px #cccccc solid;border-top:none;border-left:none;padding-top:4px;padding-bottom:3px;text-align:center;vertical-align:middle;} 

.price td.noborder,.price th.noborder{border-right:none;}


/*-- Content--contact.html --*/
.access_map{width:95%;max-width: 768px;height:495px;margin:0 0;padding:20px 20px;}
.ad{width:95%;max-width: 768px;margin-bottom:20px;}
.school2{width:95%;max-width: 768px;height:216px;}
.access{width:95%;max-width: 768px;font-size:14px;line-height:160%;}
p.bottom{margin-bottom:15px;}
.time{width:95%;max-width: 768px;margin:20px 20px 50px; text-align:left;}
.access_blc01{width:95%;max-width: 768px;margin:20px 20px;}



#diary .diary {padding-top:15px;border-bottom:1px solid #999999;}

#diary h2 {display:none;}
#diary h3 {margin-bottom:15px;}

#diary .info {margin:5px 10px 15px 0px;}
#diary .info li {display:inline;}


#page ul {margin:0px 0px 20px 0px;}
#page ul li {display:inline;margin-right:10px;}


/*-- Content--tongue-exercises.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 15px;}
.how ol{margin:0 0;padding-left:25px;}
.how ol li{margin-bottom: 20px;}
.how ol li{list-style-type:decimal}


/*-- Content--articulation-teeth.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how ul{margin:0;padding:0}
.how ul li{margin-bottom: 20px;}
.how ul li{list-style-type:none;}

.how2 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how2 ul{margin:0 20px;padding:0}
.how2 ul li{margin-bottom: 20px;}
.how2 ul li{list-style-type:decimal;}

.how3{font-size:17px;}
.how3{margin:10px 10px;padding:0}
.how3 ol{margin:0;padding:0}
.how3 ol li{margin-bottom: 20px;}

.how4 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how4 ul{margin:0 20px;padding:0;}
.how4 ul li{margin-bottom: 20px;}
.how4 ul li{list-style-type:disc;}


}



/*===============================================
画面の横幅が668pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 668px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
*{margin:0;padding:0;}

body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:16px;color:#514F4F;line-height:160%;letter-spacing:1px;padding-bottom:20px;background:none; center repeat-y;width:100%;height:100%;text-align:center;}

.wrap{overflow: hidden;}

a:link{color:#555;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;} 
a:active{color:#555;}	

img,table{border:none;}
table,p{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:16px;color:#514F4F;line-height:160%;letter-spacing:1px;text-align:justify;text-justify:distribute;}
td{vertical-align:top;}
li{list-style-type:none;}
.mini{font-size:11px;}
.mini2{font-size:12px}

.appli{width:95%;max-width: 668px;margin:0 0;padding:10px 10px 10px;}
.appli2{width:95%;max-width: 668px;margin:0 0;padding:10px 10px 20px;}

.sky{color:#007BFF;}
.red{color:#FF0000;}
.blue_sky{color:#55BDF7;}
.pink{color:#FF649B;}
.pink_b{color:#FF649B;font-weight:600;}

.title{font-size:16px;}
.title{margin:0;padding:0;}
.title ol{margin:0px 20px;padding:0;}
.title ol li{list-style-type:decimal}
.title ol li{color:#007BFF;}

.title{font-size:16px;}
.title{margin:10px 10px;padding:0}
.title ul{margin:0;padding:0}
.title ul li{margin-bottom: 20px;}

.title2{
    color: #595757; /* 文字色 */
    padding: 10px 10px 10px 45px; /* 上・右・下・左の余白 */
    position: relative;
}
.title2:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 27px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title2:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: 95%;
}

.title3 {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
.title3::before,
.title3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.title3::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
.title3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}

.title4{
    color: #EC488B; /* 文字色 */
    padding: 10px 10px 10px 55px; /* 上・右・下・左の余白 */
    position: relative;
}
.title4:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 27px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title4:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}


.title5{margin:0;padding:20px 10px 10px;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF4f8d;
}


h3.title6 {
  position: relative;
  margin:10px 20px 20px;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title6::before,
h3.title6::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title6::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
h3.title6::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}


h3.title7 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  position: relative;
  margin:10px 20px 0 10px;
  padding: 0 1em .5em 1em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title7::before,
h3.title7::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title7::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: rgba(246, 102, 142, .5);
}
h3.title7::after {
  top: .7em;
  left: .7em;
  width: 11px;
  height: 11px;
  background: rgba(251, 189, 206, .5);
}



.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #FFC107;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #FFC107;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.mybox{
    background: none;
    border: 1px solid #f3cbd0;
    margin: 15px 10px;
    padding: 20px;
    position: relative;
}
.mybox:before{
    background-color: #fff;
    font-family: Times new roman,serif;
    font-weight: bold;
    color: #FF649B;
    content: 'Course';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox:after{
    background: none;
    border: 1px solid #f3cbd0;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.mybox2{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding:  0px 20px;
    position: relative;
}
.mybox2:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    font-size: 18px;
    color: #FF4f8d;
    content: 'Contents';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox2:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.mybox3{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding: 15px;
    position: relative;
}
.mybox3:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF4f8d;
    content: 'Column';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox3:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


ul.annai li {
  position: relative;
  margin:0 20px 10px;
}
ul.annai li::after,
ul.annai li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai li::after {
  top: .35em;
  left: -1.2em;
  width: 13px;
  height: 13px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai2 li {
  position: relative;
  margin:0 20px 10px;
}
ul.annai2 li::after,
ul.annai2 li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai2 li::after {
  top: .35em;
  left: -1.2em;
  width: 13px;
  height: 13px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai2 li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

ul.annai3 li {
  position: relative;
  margin:10px 30px 10px;
}
ul.annai3 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background: -moz-linear-gradient(#FF9AAC,#FF649B);
  background: -webkit-linear-gradient(#FF9AAC,#FF649B);
  background: ladial-gradient(#FF9AAC,#FF649B);
  border-radius: 100%;
}


ul.annai4 li {
  position: relative;
  margin:10px 50px 10px;
}
ul.annai4 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai5 li {
  position: relative;
  margin:0px 10px 0px 30px;
  text-align:left;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul.annai5 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



/*-- Layout --*/

#container{width:100%;max-width: 668px;padding:0;margin:0 auto;text-align:left;}

#header_index{width:100%;max-width: 668px;margin:0 auto;height:500px;margin-left:1px;background:url(../img/headerbg_index.gif) top no-repeat;;background-position:0% 0%;}
#header{width:100%;max-width: 668px;margin:0 auto;height:130px;background:url(../img/headerbg.gif) top no-repeat;background-position:0% 0%;}
#header	.logo a,#header_index .logo a{width:100%;max-width: 668px;height:130px;display:block;}
#header	a,#header_index	a{color:#777;}
#header	a:hover,#header_index a:hover{color:#777;text-decoration:none;} 
#header	h1,#header_index h1{font-size:12px;font-weight:200;text-align:right;padding-right:20px;}

#header2{width:100%;max-width: 668px;margin:0 0;height:auto;}

#flasharea{width:100%;max-width: 668px;height:332px;margin:0 0 50px;}

#content{width:100%;max-width: 668px;margin:0;padding:0;}

/*--column--*/

.underbg{margin-left:1px;}

#main{width:100%;max-width: 668px;margin:0;}

#main2{ float: left;width: 75%; margin: 0; padding: 0;}
#main2{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#column_main{width:90%;max-width: 668px;margin:0 0;padding:0 20px 20px;}
#column_main > p {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#leftarea2{ float: left; width:25%; margin: 0; padding: 0;text-align:center; }
#leftarea2 li{padding-bottom:12px;padding-right:5px;}
#leftarea2 a:hover img{opacity:0.7;filter:alpha (opacity=70);}

.toggle{display: none;}
.toggle,.close{display: none;}

#leftarea{width:70%;max-width: 668px;margin:0;text-align:center;}
#leftarea li{padding-bottom:12px;}
#leftarea a:hover img{opacity:0.7;filter:alpha (opacity=70);}

#leftarea_c{display:none;}



#footer{width:90%;max-width: 668px;height:50px;font-size:10px;margin:20px 30px;font-family:Arial, Helvetica, sans-serif;}
.footerimg{width:90%;max-width: 668px;height:20px;margin:20px 30px;}
#footer2{width:90%;max-width: 668px;height:50px;font-size:11px;margin:20px 0px 30px 120px;font-family:Arial, Helvetica, sans-serif;}
#footer2{ clear:both; }
.footer3{width:90%;max-width: 668px;height:0px;margin:20px 30px;}

#footer4{width:90%;max-width: 668px;height:150px;font-size:12px;margin:30px 10px 50px 280px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
#footer4{ clear:both; }

/*-- Content--index.html --*/

h3.title_t{margin-left:2px;margin-bottom:10px;}
.sec01{padding-bottom:20px;}
.sec01 p{width:90%;max-width: 668px; margin:0 0; padding:10px 20px 5px;}
.sec02{width:90%;max-width: 668px; margin:0 0; padding:5px 20px 20px;}
.sec02 p{padding-top:10px;padding-bottom:25px;}
.sec02 p.txt001{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt002{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt003{width:104px;margin:10px 24px 0 2px;}
.sec02 p.txt004{width:104px;margin:10px 24px 0 2px;}
.sec03{width:95%;max-width: 668px;margin:10px 15px 50px;}
.sec03 table{width:95%;max-width: 668px; height:auto;}

#information{width:95%;max-width: 668px; height:auto;margin:5px 5px 0px 15px;}
ul.inform{font-size:14px;margin:20px 0;padding:0 0;}
ul.list li{font-size:14px;margin:0 0;padding:0 0 12px 0;}
h3.infor_date{font-size:14px;color:#55BDF7;padding-bottom:10px;}
h3.infor_date_top{font-size:14px;color:#55BDF7;padding-bottom:10px;}
p.infor_title{font-size:15px;font-weight: bold;padding-bottom:10px;}

/*-- Content--concept.html --*/

.concept_t{width:95%;max-width: 668px;margin:0 0; padding:0px 10px 5px 30px;}
.concept_d{width:95%;max-width: 668px;margin-top:50px;}
.concept_i{width:95%;max-width: 668px;margin-top:30px;}
.school{width:90%;max-width: 668px;margin:20px 20px 0;}

#aisatu{width:95%;max-width: 668px;height:216px;background:url(../img/concept_img001.gif) no-repeat;position:relative;margin-left:20px;}
#aisatu p{width:300px;max-width: 668px;top:50px;left:165px;position:relative;font-size:12px;line-height:165%;}

/*-- Content--course.html --*/
#course{margin-left:2px;}
#course h3{margin:0px;padding:0;}

.table1 table{margin:20px 30px 0;}
p.voice{width:98%;max-width: 668px;}
.img001{width:98%;max-width: 668px;margin-left:29px;}

.under{border-bottom: solid 1px #FF649B;}

#taiken{margin:50px 0px;width:98%;max-width: 668px;height:248px;display:block;position:relative;background:url(../img/course_img005.jpg) no-repeat;}
#taiken .btn{width:90px;height:33px;position:absolute;right:35px;top:27px;}
#taiken p{width:95%;max-width: 668px;position:absolute;left:50px;top:112px;}


/*-- Content--course.html --*/
.ossme {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;width:95%;max-width: 668px;margin:0 0;padding:15px 30px;}
.ossme ul{margin:0;padding:0}
.ossme ul li{list-style:none;background:url(../img/icon003.gif) no-repeat 0px 4px;padding-left:15px;}


.price {width:95%;max-width: 668px;padding-top:19px;background:url(../img/course_img002.gif) no-repeat top;margin:0 0;padding:20px 30px;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;font-size:11px;line-height:120%;}
.price table{width:95%;max-width: 668px;border-collapse:collapse;} 
.price th{border:1px #cccccc solid;width:20%;background:#F8F3F9;border-left:none;padding-top:4px;padding-bottom:3px;font-weight:400;text-align:center;vertical-align:middle;} 

.price td{border:1px #cccccc solid;border-top:none;border-left:none;padding-top:4px;padding-bottom:3px;text-align:center;vertical-align:middle;} 

.price td.noborder,.price th.noborder{border-right:none;}


/*-- Content--contact.html --*/
.access_map{width:95%;max-width: 668px;height:495px;margin:0 0;padding:20px 20px;}
.ad{width:95%;max-width: 668px;margin-bottom:20px;}
.school2{width:95%;max-width: 668px;height:216px;}
.access{width:95%;max-width: 668px;font-size:14px;line-height:160%;}
p.bottom{margin-bottom:15px;}
.time{width:95%;max-width: 668px;margin:20px 20px 50px; text-align:left;}
.access_blc01{width:95%;max-width: 668px;margin:20px 20px;}



#diary .diary {padding-top:15px;border-bottom:1px solid #999999;}

#diary h2 {display:none;}
#diary h3 {margin-bottom:15px;}

#diary .info {margin:5px 10px 15px 0px;}
#diary .info li {display:inline;}


#page ul {margin:0px 0px 20px 0px;}
#page ul li {display:inline;margin-right:10px;}


/*-- Content--tongue-exercises.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 15px;}
.how ol{margin:0;padding-left:20px;}
.how ol li{margin-bottom: 20px;}
.how ol li{list-style-type:decimal}


/*-- Content--articulation-teeth.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how ul{margin:0;padding:0}
.how ul li{margin-bottom: 20px;}
.how ul li{list-style-type:none;}

.how2 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how2 ul{margin:0;padding:0}
.how2 ul li{margin-bottom: 20px;}
.how2 ul li{list-style-type:decimal;}

.how3{font-size:17px;}
.how3{margin:10px 10px;padding:0}
.how3 ol{margin:0;padding:0}
.how3 ol li{margin-bottom: 20px;}

.how4 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 45px;}
.how4 ul{margin:0 20px;padding:0;}
.how4 ul li{margin-bottom: 20px;}
.how4 ul li{list-style-type:disc;}

}


/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
*{margin:0;padding:0;}

body{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:16px;color:#514F4F;line-height:150%;letter-spacing:1px;padding-bottom:20px;background:none; center repeat-y;width:100%;height:auto;text-align:center;}

.wrap{overflow: hidden;}

a:link{color:#555;text-decoration:none;}
a:visited{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;} 
a:active{color:#555;}	

img,table{border:none;}
table,p{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:16px;color:#514F4F;line-height:150%;letter-spacing:1px;text-align:justify;text-justify:distribute;}
td{vertical-align:top;}
li{list-style-type:none;}
.mini{font-size:11px;}
.mini2{font-size:12px}
.hid{display: none;}

.appli{width:95%;max-width: 640px;margin:0 0;padding:10px 10px 10px;}
.appli2{width:95%;max-width: 640px;margin:0 0; padding:10px 10px 20px;}

.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFBC 0%) repeat scroll 0 0;}

.sky{color:#007BFF;}
.red{color:#FF0000;}
.blue_sky{color:#55BDF7;}
.pink{color:#FF649B;}
.pink_b{color:#FF649B;font-weight:600;}

.title{font-size:16px;}
.title{margin:0;padding:0;}
.title ol{margin:0px 0px 0px 15px;padding:0;}
.title ol li{list-style-type:decimal}
.title ol li{color:#007BFF;}

.title{font-size:16px;}
.title{margin:5px 10px;padding:0}
.title ul{margin:0;padding:0}
.title ul li{margin-bottom: 10px;}


.title2{
    color: #595757; /* 文字色 */
    font-size: 18px;
    padding: 10px 5px 10px 33px; /* 上・右・下・左の余白 */
    position: relative;
}
.title2:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 19px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title2:after{
    border-bottom: 2px dotted #ffb2b2; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.title3 {
  position: relative;
  margin:10px 0 0;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
.title3::before,
.title3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.title3::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
.title3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}

.title4{
    color: #EC488B; /* 文字色 */
    padding: 10px 10px 10px 40px; /* 上・右・下・左の余白 */
    position: relative;
}
.title4:before{
    content: '＊*'; /*花に見せかけるためのアスタリスク*/
    color: #fff; /* アスタリスクの色 */
    display: inline-block;
    font-size: 24px; /* アスタリスクの大きさ */
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.title4:after{
    border-bottom: 2px dotted #EAA8BF; /* 下線 */
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.title5{margin:0;padding:20px 10px 10px;
    font-family: cursive,serif;
    font-weight: bold;
    font-size: 18px;
    color: #FF4f8d;
}

h3.title6 {
  position: relative;
  margin:10px 5px 20px 10px;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title6::before,
h3.title6::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title6::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(246, 102, 142, .5);
}
h3.title6::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(251, 189, 206, .5);
}



h3.title7 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  position: relative;
  margin:10px 10px 0 20px;
  padding: 0 2em .5em 1em;
  border-bottom: 1px solid #ffb2b2;
}
h3.title7::before,
h3.title7::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3.title7::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 16px;
  height: 16px;
  background: rgba(246, 102, 142, .5);
}
h3.title7::after {
  top: .7em;
  left: .7em;
  width: 11px;
  height: 11px;
  background: rgba(251, 189, 206, .5);
}



.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #FFD05D;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #FFD05D;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #FFC107;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 17px;
    background: #FFF;
    color: #FFC107;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.mybox{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 10px;
    padding: 20px;
    position: relative;
}
.mybox:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    font-size: 18px;
    color: #FF649B;
    content: 'Course';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.mybox2{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding:  0px 20px;
    position: relative;
}
.mybox2:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    font-size: 18px;
    color: #FF4f8d;
    content: 'Contents';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox2:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.mybox3{
    background: none;
    border: 1px solid #fbbdce;
    margin: 15px 0px 20px;
    padding: 15px;
    position: relative;
}
.mybox3:before{
    background-color: #fff;
    font-family: cursive,serif;
    font-weight: bold;
    color: #FF4f8d;
    content: 'Column';
    padding: 2px 10px;
    position: absolute;
    top: -10px;
    left: 30px;
    text-align: center;
}
.mybox3:after{
    background: none;
    border: 1px solid #fbbdce;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


ul.annai li {
  position: relative;
  margin:0 20px 10px;
}
ul.annai li::after,
ul.annai li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai li::after {
  top: .35em;
  left: -1.2em;
  width: 14px;
  height: 14px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai2 li {
  color:#3DBFF2;
  position: relative;
  margin:0 10px 10px 20px;
}
ul.annai2 li::after,
ul.annai2 li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.annai2 li::after {
  top: .35em;
  left: -1.2em;
  width: 14px;
  height: 14px;
  background-color: #EC407A;
  border-radius: 100%;
}
ul.annai2 li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

ul.annai3 li {
  position: relative;
  margin:10px 15px 10px;
}
ul.annai3 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background: -moz-linear-gradient(#FF76A0,#FF649B);
  background: -webkit-linear-gradient(#FF76A0,#FF649B);
  background: ladial-gradient(#FF76A0,#FF649B);
  border-radius: 100%;
}


ul.annai4 li {
  position: relative;
  margin:10px 10px 10px 20px;
}
ul.annai4 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


ul.annai5 li {
  position: relative;
  margin:0px 10px 0px 40px;
  text-align:left;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul.annai5 li::after {
  display: block;
  content: '';
  position: absolute;
  top: 1em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #EC407A;
  border-bottom: 1px solid #EC407A;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*-- Layout --*/

#container{width:100%;max-width: 640px;margin:0 auto;padding:0;text-align:left;}

#header_index{width:100%;max-width: 640px;margin:0 auto;height:450;margin-left:1px;background:url(../img/headerbg_index.gif) top no-repeat;background-position:0% 0%;}
#header{width:100%;max-width: 640px;margin:0 0;height:130px;background:url(../img/headerbg.gif) top no-repeat;background-position:3% 20%;}
#header	.logo a,#header_index .logo a{width:100%;max-width: 640px;margin:0 0;height:130px;display:block;}
#header	a,#header_index	a{color:#777;}
#header	a:hover,#header_index a:hover{color:#777;text-decoration:none;} 
#header	h1,#header_index h1{display:none;}

#header2{width:100%;max-width: 640px;margin:0 0;height:auto;}


#flasharea{width:90%;height:332px;margin:0 0 50px;}

#content{width:100%;max-width: 640px;margin:0;padding:0;}



#leftarea{display:none;}
#leftarea_c{display:none;}

/*--column--*/

.underbg{width:100%;max-width: 640px;height:5px;margin-left:1px;}

#main{width:95%;max-width: 640px;margin:0;}

#main2{ float: none;width: 100%; margin: 0; padding: 0;}
#main2{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#column_main{width:90%;max-width: 640px;margin:0 0;padding:0px 20px 5px;}
#column_main > p {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;}

#leftarea2{ float: none; width:100%; margin: 0; padding: 0;text-align:center; }
#leftarea2 li{padding-top:8px;padding-bottom:8px;}
#leftarea2 a:hover img{opacity:0.7;filter:alpha (opacity=70);}


.menu{display: none;width: 100%;}
.menu .inmenu{display: block;padding: 12px 10px;background: -moz-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: -webkit-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: linear-gradient(to right,#bba53f 0%,#cfb745 100%);color: #fff;text-decoration: none;}
.menu a:hover img{opacity:0.7;filter:alpha (opacity=70);}
.toggle{display: block;position: relative;width: 100%;background: -moz-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: -webkit-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: linear-gradient(to right,#bba53f 0%,#cfb745 100%);}
.close{display: block;position: relative;width: 100%;background: #fff;}

.toggle a{display: block;padding: 12px 0 10px;color: #fff;text-align: center;text-decoration: none;background: -moz-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: -webkit-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: linear-gradient(to right,#bba53f 0%,#cfb745 100%);}
.toggle:before{display: block;content: "";position: absolute;top: 50%;left: 10px;width: 20px;height: 20px;margin-top: -10px;background: #fff;}
.toggle a:before, .toggle a:after{display: block;content: "";position: absolute;top: 50%;left: 10px;width: 20px;height: 4px;background: -moz-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: -webkit-linear-gradient(to right,#bba53f 0%,#cfb745 100%);
background: linear-gradient(to right,#bba53f 0%,#cfb745 100%);}
.toggle a:before{margin-top: -6px;}
.toggle a:after{margin-top: 2px;}


#footer{ word-wrap: break-word;width:95%;max-width: 640px;height:120px;font-size:11px;margin:20px 10px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif; }
.footerimg{width:95%;max-width: 640px;margin:10px 0 20px;height:50px}	
#footer2{ word-wrap: break-word;width:95%;max-width: 640px;height:130px;font-size:11px;margin:30px 20px 0px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
#footer2{ clear:both; }
.footer3{width:95%;max-width: 640px;height:0px;margin:10px 0px 0px 0px;}

#footer4{word-wrap: break-word;width:95%;max-width: 640px;height:150px;font-size:12px;margin:30px 10px 50px;font-family:Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;}
#footer4{ clear:both; }


/*-- Content--index.html --*/

h3.title_t{margin-top:10px;margin-left:2px;margin-bottom:10px;}
.sec01{padding-bottom:20px;}
.sec01 p{width:90%;max-width: 640px; margin:0 0; padding:10px 20px 5px;}
.sec02{width:90%; max-width: 640px;margin:0 0;padding:5px 20px 30px;}
.sec02 p{padding-top:10px;padding-bottom:25px;}
.sec02 p.txt001{width:104px;margin:10px 20px 0;}
.sec02 p.txt002{display:none;}
.sec02 p.txt003{display:none;}
.sec02 p.txt004{width:104px;margin:10px 20px 0px;}
.sec03{width:95%;max-width: 640px;margin:10px 15px 50px;}
.sec03 table{width:95%;max-width: 640px; height:auto;}


#information{width:95%;max-width: 640px; height:auto;margin:5px 5px 0px 10px;}
ul.inform{font-size:14px;margin:15px 10px 10px 0;padding:0 0;}
ul.list li{font-size:15px;margin:0 0;padding:0 0 12px 0;}
h3.infor_date{font-size:14px;color:#55BDF7;padding-bottom:10px;}
h3.infor_date_top{font-size:14px;color:#55BDF7;padding-bottom:10px;}
p.infor_title{font-size:15px;font-weight: bold;padding-bottom:10px;}

/*-- Content--concept.html --*/

.concept_t{width:95%;max-width: 640px;margin:0 0; padding:10px 10px 5px;}
.concept_d{width:95%;max-width: 640px;margin-top:50px;}
.concept_i{width:95%;max-width: 640px;margin-top:30px;}
.school{width:90%;max-width: 640px;margin: 0px 0;padding:20px 20px;}

#aisatu{width:95%;max-width: 640px;height:300px;background:none;position:center;margin-left:0;}
#aisatu p{width:95%;max-width: 640px;margin:0;padding:0;left:15px;font-size:14px;}

/*-- Content--course.html --*/
#course h3{width:95%;max-width: 640px;margin:0px;padding:0;}

.table1 table{width:98%;max-width: 640px;margin:20px 10px 0 30px;}
p.voice{width:98%;max-width: 640px;}
.img001{width:98%;max-width: 640px;margin:0 0 0 25px;}

.under{border-bottom: solid 1px #FF649B;}

#taiken{margin:50px 0px;width:550px;height:248px;display:block;position:relative;background:url(../img/course_img005.jpg) no-repeat;}
#taiken .btn{width:70px;height:33px;position:absolute;right:230px;top:31px;}
#taiken p{width:310px;position:absolute;left:50px;top:112px;}


/*-- Content--course.html --*/
.ossme {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;width:95%;max-width: 640px;margin:0 0;padding:30px 10px 15px;}
.ossme ul{margin:0;padding:0}
.ossme ul li{list-style:none;background:url(../img/icon003.gif) no-repeat 0px 4px;padding-left:15px;}


.price {width:98%;max-width: 640px;padding-top:19px;background:url(../img/course_img002.gif) no-repeat top;margin:0 0;padding:15px 8px;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:11px;line-height:120%;}
.price table{width:98%;max-width: 640px;border-collapse:collapse;} 
.price th{border:1px #cccccc solid;width:20%;background:#F8F3F9;border-left:none;padding-top:4px;padding-bottom:3px;font-weight:400;text-align:center;vertical-align:middle;} 

.price td{border:1px #cccccc solid;border-top:none;border-left:none;padding-top:4px;padding-bottom:3px;text-align:center;vertical-align:middle;} 

.price td.noborder,.price th.noborder{border-right:none;}


/*-- Content--contact.html --*/
.access_map{width:95%;max-width: 640px;height:300px;margin:0 0;padding:20px 10px;}
.ad{width:95%;max-width: 640px;margin-bottom:20px;}
.school2{width:95%;max-width: 640px;height:216px;margin-left:30px;}
.access{width:95%;max-width: 640px;font-size:14px;line-height:160%;}
p.bottom{margin-bottom:15px;}
.time{width:95%;max-width: 640px;margin:20px 8px 50px; text-align:left;}
.access_blc01{width:95%;max-width: 640px;margin:20px 20px;}


#diary .diary {padding-top:15px;border-bottom:1px solid #999999;}

#diary h2 {display:none;}
#diary h3 {margin-bottom:15px;}

#diary .info {margin:5px 0px 0px 0px;}
#diary .info li {display:inline;}


#page ul {margin:0px 0px 20px 0px;}
#page ul li {display:inline;margin-right:10px;}


/*-- Content--tongue-exercises.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:0px 0px;padding:10px;}
.how ol{margin:0;margin-left:25px;padding:0;}
.how ol li{margin-bottom: 20px;}
.how ol li{list-style-type:decimal}


/*-- Content--articulation-teeth.html --*/
.how {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:0px 0px;padding:10px;}
.how ul{margin:0;padding-left:45px}
.how ul li{margin-bottom: 20px;}
.how ul li{list-style-type:decimal;}

.how2 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 20px;}
.how2 ul{margin:0;margin-left:15px;padding:0}
.how2 ul li{margin-bottom: 20px;}
.how2 ul li{list-style-type:decimal;}

.how3{font-size:17px;}
.how3{margin:10px 10px;padding:0}
.how3 ol{margin:0;padding:0}
.how3 ol li{margin-bottom: 20px;}

.how4 {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-weight: 500;margin:15px 15px;}
.how4 ul{margin:0 10px 0 20px;padding:0;}
.how4 ul li{margin-bottom: 20px;}
.how4 ul li{list-style-type:disc;}

}