@charset "UTF-8";

/* 基本設定 */

*{padding:0;margin:0;}

.wapper{
width: 100%;	
background: #ffaa55;	

}



.container {
	background-color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	max-width :1080px;
}

.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.pc-header{
width:100%;	
max-width: 1080px;
height: 90px;
background-image: url("../images/pc-header-back.jpg"); 
background-repeat:  no-repeat;
}


.pc-header-left {
float: left;	
width: 40%;		
}
.pc-header-left > p {
font-size:24px;
font-weight: normal;	
color:#000000;
text-decoration: none;	
padding-top:16px;	
padding-left:36px;		
font-family: tbudrgothic-std, sans-serif;

}
.pc-header-left > p >a {
text-decoration: none;
color:#000000;	
}
.pc-header-orange{
color:#ff8000;	
}
.pc-header-green{
color:#55aa00;	
}
.pc-header-blue{
color:#0080ff;	
}

.pc-header-right {
float: left;	
width: 60%;
}

.pc-header-right > p {
font-size:12px;
font-weight: normal;	
color:#000000;
text-align: right;
line-height: 120%;	
padding-top:20px;	
padding-right:0px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


.pc-header-right > p > a {
  color:#000000;
  text-decoration: none;
}
.pc-header-right > p > a:hover {
  color:#000000;
  text-decoration: underline;
}



/* スマホヘッダーメニュー */

/* スマホヘッダーメニュー */

/* SPヘッダー3ハンバーガーのみ */
.sp-header {	
position: fixed;	
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
	z-index: 25;
background: #ffc2b5;		
	height: 50px;
margin-top:0px;	
  box-shadow: 0px 1px 3px #dfdfdf;		
}
.sp-header1 {	
position: fixed;	
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
	z-index: 25;
background: #ffc2b5;		
	height: 50px;
margin-top:0px;		
}
.sp-header-menu1{
width: 80%;	
margin: 0 auto;
float:left;	
height: 50px;
padding-top:8px;

}
.sp-header-menu1> a{
font-size:17px;	
color: #552b00;
text-decoration: none;
padding-left:3%;
letter-spacing: 2px;	
font-family: tbudrgothic-std, sans-serif;	
}


.sp-header-menu2{
width: 9%;	
margin-top:3px;
margin-right:2%;	
float:right;	
height: 33.5px;	
padding-top:12px;
padding-left:1%;

}

/* spハンバーガー */
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 11%;
  height: 52px;
  vertical-align: middle;	
padding-left: 10%;	
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 1px;
  background: #4a4a4a;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
padding-top:5%;	
padding-left:5%;	
background: #ffead5;		
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > li
{
	position: relative;
	width: 95%;
  color: black;
  border-left: solid 0px orange;/*左側の線*/
  margin-bottom: 6px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 12px 0;
  border-bottom:1px dashed #552b00;	
  list-style-type: none!important;
}
#nav-content > li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #552b00;
  border-right: solid 1px #552b00;
  position: absolute;
  top: 50%;
 right: 25px;
  margin-top: -4px;
  transform: rotate(45deg);
}


#nav-content  > li > a {
	font-weight: normal;
color: #552b00;	
	text-decoration: none;
display:block;
padding-left:10%;
letter-spacing: 2px;	
font-family: tbudrgothic-std, sans-serif;		
}



/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}



.row.blockDisplay {
	display: block;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 520px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 520px) {
img { max-width: 100%; }
}



/* ＰＣメニュートップページ */

.menu-top {
	position: relative;
	width: 100%;
	height: 40px;
	max-width: 1080px;
	margin: 0 auto;
	padding:0;
}
.menu-top ul{
	padding:0;	
}

.menu-top > li {
	float: left;
	list-style: none;
	text-align: center;
	letter-spacing: 1px;
padding-top:6px;	

}


.menu-top > li a {
	display: block;
	color: #552b00;
	text-decoration: none;
	font-size:12px;
	line-height: 120%;
padding-top:7px;
letter-spacing: 2px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;}

.menu-top > li a:hover {
	color: #552b00;
}





.init-bottom{
	font-size: 12px;
}

.menu-top:before,
.menu-top:after {
  content: "";
  display: table;
}

.menu-top:after {
  clear: both;
}

.menu-top {
  *zoom: 1;
}

.menu-top > .menu__single-home {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #e2aa72;
background: rgb(255, 239, 108, 0.2);	
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  12% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-home:hover {	
 opacity: 0.8;		
}
.menu-top > .menu__single-profile {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;
background: rgb(255, 239, 108, 0.2);		
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  12% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-profile:hover {	
 opacity: 0.8;		
}
.menu-top > .menu__single-lesson {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);		
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  3% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-lesson:hover {	
 opacity: 0.8;		
}
.menu-top > .menu__single-ryoukin {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);			
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  15% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-ryoukin:hover {	
 opacity: 0.8;		
}
.menu-top > .menu__single-accses {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);	
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  20% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-accses:hover {	
 opacity: 0.8;		
}
.menu-top > .menu__single-taikenlesson {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);		
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  11% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-taikenlesson:hover {	
 opacity: 0.8;		
}

.menu-top > .menu__single-toiawase {
width: 156px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #ffffff;	
background: rgb(255, 239, 108, 0.2);			
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  16% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu-top > .menu__single-toiawase:hover {	
 opacity: 0.8;		
}









/* ＰＣメニュー */

.menu {
	position: relative;
	width: 100%;
	height: 40px;
	max-width: 1080px;
	margin: 0 auto;
	padding:0;
border-bottom:0px dotted #b16a23;
}
.menu ul{
	padding:0;	
}

.menu > li {
	float: left;
	list-style: none;
	text-align: center;
	letter-spacing: 1px;
padding-top:6px;	

}


.menu > li a {
	display: block;
	color: #552b00;
	text-decoration: none;
	font-size:12px;
	font-weight: normal;
	line-height: 120%;
padding-top:7px;
letter-spacing: 2px;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;			
}

.menu > li a:hover {
	color: #552b00;
}


.menu__single:hover {
  background: #c7e2c7;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}



.init-bottom{
	font-size: 12px;
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

/**
 * single menu
 */
.menu > .menu__single-home {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;
background: rgb(255, 239, 108, 0.2);			
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  12% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-home:hover {	
 opacity: 0.8;		
}
.menu > .menu__single-profile {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;
background: rgb(255, 239, 108, 0.2);		
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  12% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-profile:hover {	
 opacity: 0.8;		
}
.menu > .menu__single-lesson {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);			
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  3% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-lesson:hover {	
 opacity: 0.8;		
}
.menu > .menu__single-ryoukin {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);			
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  15% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-ryoukin:hover {	
 opacity: 0.8;		
}
.menu > .menu__single-accses {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);		
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  19% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-accses:hover {	
 opacity: 0.8;		
}
.menu > .menu__single-taikenlesson {
width: 154px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #b16a23;	
background: rgb(255, 239, 108, 0.2);		
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  11% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-taikenlesson:hover {	
 opacity: 0.8;		
}

.menu > .menu__single-toiawase {
width: 156px;
line-height: 100%;	
height: 40px;	
border-right:0px dashed #ffffff;	
background: rgb(255, 239, 108, 0.2);			
  	background-image: url("../images/onpu1.svg"); 
	background-repeat:  no-repeat;
	background-position:  16% 50%; /*フレーム下部画像*/
	background-size: 7%;		
}
.menu > .menu__single-toiawase:hover {	
 opacity: 0.8;		
}



/* 基本Pタグ設定 */

p{
    margin: 10px auto;
	padding-left: 1%;
	padding-right: 0%;
    font-size: 16px;
	text-align: left;
	letter-spacing: 2px;
	width: 96%;
	max-width: 680px;
	line-height: 170%;
	color:#2a2a2a;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;}

p.spsite{
	padding-left: 4%;
	padding-right: 4%;
    font-size: 16px;
	text-align: left;
	letter-spacing: 1px;
	width: 96%;
	color:#2a2a2a;	
line-height: 190%;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;}

/* pcサイトで使っているCSS*/
/* pc見出しタグ */

.pc-page-midashi{
margin-top:-60px;	
}

h1{
font-size: 22px;
width: 800px;	
text-align: left;
margin:auto;	
color: #552b00;	
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:3px;
padding-left:55px;	
margin-top:60px;	
margin-bottom:40px;	
font-weight: bold;
border-bottom:3px dashed rgb(85, 43, 0, 0.5);
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/midashi-back.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 4%;	
}

.pc-h1-komiji{
font-size:17px;	
}


h2{
font-size: 22px;
width: 800px;	
text-align: left;
margin:auto;	
color: #552b00;	
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:3px;
padding-left:55px;	
margin-top:100px;	
margin-bottom:40px;	
font-weight: bold;
border-bottom:3px dashed rgb(85, 43, 0, 0.5);
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/midashi-back.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 4%;		
}

h3{
font-size: 22px;
width: 100%;	
line-height: 130%;	
text-align: left;
margin:auto;	
color: #804000;	
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:8px;
padding-left:14%;	
margin-top:0px;	
margin-bottom:40px;	
font-weight: bold;
border-bottom:2px dashed #804000;
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/midashi-back.svg"); 
	background-repeat:  no-repeat;
	background-position:  2% 78%; /*フレーム下部画像*/
	background-size: 8%;		
}
.sp-h3-komoji{
font-size:12px;
line-height: 100%;	
}

h4{
font-size: 22px;
width: 100%;	
line-height: 130%;	
text-align: left;
margin:auto;	
color: #804000;	
letter-spacing: 2px;			
padding-top:15px;
padding-bottom:8px;
padding-left:14%;	
margin-top:50px;	
margin-bottom:40px;	
font-weight: bold;
border-bottom:2px dashed #804000;
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/midashi-back.svg"); 
	background-repeat:  no-repeat;
	background-position:  2% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.pc-midashi-eigo{
width: 100%;	
font-size:30px;
margin-top:10px;
margin-bottom:30px;	
text-align: center;
font-family: 'Tangerine', cursive;	
}

.sp-midashi-eigo{
width: 70%;	
font-size:24px;
color:#000000;	
padding-top:10px;
padding-bottom:30px;	
margin:auto;	
text-align: center;
font-family: 'Tangerine', cursive;	
}



/* pcトップメイン*/
.pc-main{
width: 100%;
height: 400px;	
 padding-top:10px;	
background-image: url("../images/pc-main.jpg");	
}

.pc-top-main-title{
  position: relative;
  display: block;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  margin:auto;	
background: rgb(255, 255, 255, 0.9);	
}
.pc-top-main-title > p {
  position: absolute;
  width: 100%;
font-size:32px;
letter-spacing: 3px;	
  left: 0;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
  line-height: 170%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.pc-top-main-title-span{
font-size: 30px;	
}
/* pcトップページ紹介span*/
.pc-top-main-span{
color:#ff0080;
font-weight: bold;	
}

/* pcトップページ区切り線*/
.pc-kugirisen1{
width: 850px;
margin:auto;	
margin-top:60px;
margin-bottom:80px;	
}
/* pcトップページ最初のレッスン紹介、写真と文章*/

.pc-top-lessonshoukai{
width: 1080px;
padding:30px 0;	
background-image: url("../images/pc-top-shoukai-back.jpg") ;
background-repeat: repeat-y;	
margin-bottom:0px;	
}
.pc-top-lessonshoukai-naka{
width: 900px;
margin:auto;
margin-top:45px;	
margin-bottom:70px;	
}
.pc-top-lessonshoukai-photo{
float: left;	
width: 450px;
text-align: center;
padding-top:24px;	
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);	
}
.pc-top-lessonshoukai-photo2{
float: left;	
width: 450px;
text-align: center;
padding-top:24px;	
    transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);	
}
.pc-top-lessonshoukai-bun{
float: left;	
margin:auto;	
width: 320px;
height: 200px;	
margin-top:40px;
margin-right:65px;
margin-left:65px;	
padding:10px;
background: rgb(255, 255, 255, 0.8);	
}
.pc-top-lessonshoukai-bun > p{
font-size:16px;
letter-spacing: 2px;	
}




/* pcトップページ各レッスン*/

.pc-top-kakulessen-zentai{
width: 100%;
margin-top:60px;	
padding:50px 0;		
background-image: url("../images/pc-lesson-back.jpg") ;
background-repeat: repeat-x repeat-y;		
	
}
.pc-top-kakulessen-zentai1{
width: 980px;	
margin:auto;	
}
.pc-top-kakulessen{
float: left;	
width: 480px;	
padding:20px 0;	
background: #fffff;	
}


.pc-top-kakulessen-naka{	
width: 90%;	
padding:20px 10px;	
background: #ffffff;	
margin:auto;
border-radius: 	10px;
border:1px solid #cccccc;	
box-shadow: 3px 3px 6px #cccccc;	
}
.pc-top-kakulessen-naka > p{
width: 85%;	
font-size:16px;
padding:10px;	
}

.pc-top-kakulessen-naka-image{
width: 95%;
margin:auto;
text-align: center;	
padding:0px 0;	
}

/* pcトップページ各レッスン見出し*/

.pc-lesson-line{
width: 100%;
height: 15px;	
margin-top:0px;
margin-bottom:0px;	
background-image: url("../images/pc-qa-line.png") ;
background-repeat: no-repeat;	
}

.pc-top-youji-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:0px solid #9f9f9f;
  	background-image: url("../images/lesson-onpu.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.pc-top-youji-lessen-midashi > p{
font-size:21px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:35px;
font-family: tbudrgothic-std, sans-serif;
}

.pc-top-gakusei-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;	
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:0px solid #9f9f9f;
  	background-image: url("../images/lesson-onpu2.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.pc-top-gakusei-lessen-midashi > p{
font-size:21px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:35px;
font-family: tbudrgothic-std, sans-serif;
}

.pc-top-otona-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:0px solid #9f9f9f;
  	background-image: url("../images/lesson-onpu3.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.pc-top-otona-lessen-midashi > p{
font-size:21px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:35px;
font-family: tbudrgothic-std, sans-serif;
}

.pc-top-hoikushi-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:-10px;		
width: 90%;
text-align: center;	
background: #ffffff;
border-bottom:0px solid #9f9f9f;
  	background-image: url("../images/lesson-onpu4.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 8%;		
}

.pc-top-hoikushi-lessen-midashi > p{
font-size:21px;
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:35px;
font-family: tbudrgothic-std, sans-serif;
}


/* pcトップページ特徴*/

/* pcトップページ特徴*/

.pc-tokuchou-zentai{
width: 100%;
margin-top:40px;
padding-top:80px;	
padding-bottom:20px;	
background-image: url("../images/pc-tokuchou-back.jpg") ;
background-repeat: repeat-y;		
}

.pc-top-tokuchou{
display:flex;	
width: 800px;
margin:auto;
margin-bottom:80px;	
}

.pc-top-tokuchou-left1{
  float: left;	
width: 110px;
background-image: url("../images/pc-tokuchou-1-back.png") ;
background-repeat: repeat-y;	
}
.pc-top-tokuchou-left1 > p{
font-size: 150px;
line-height: 100%;	
text-align: center;
color:#000000;	
padding-top:30px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-tokuchou-left2{
  float: left;	
width: 110px;
background-image: url("../images/pc-tokuchou-2-back.png") ;
background-repeat: repeat-y;	
}
.pc-top-tokuchou-left2 > p{
font-size: 150px;	
line-height: 100%;		
text-align: center;
padding-top:30px;	
color:#ffffff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-tokuchou-left3{
  float: left;	
width: 110px;
background-image: url("../images/pc-tokuchou-3-back.png") ;
background-repeat: repeat-y;		
}
.pc-top-tokuchou-left3 > p{
font-size: 150px;
line-height: 100%;
padding-top:40px;	
text-align: center;
color:#ffffff;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-tokuchou-right1{
float: left;	
width: 688px;
background:#ffffff;
padding-bottom:30px;	
}
.pc-top-tokuchou-right1 > p{
font-size:16px;		
padding:10px 50px;	
color:#000000;
}


.pc-top-tokuchou-right-midashi{	
width: 688px;
color:#552b00;
font-size:22px;
text-align: left;
font-weight: bold;
line-height: 150%;	
margin:auto;	
letter-spacing: 2px;
padding-top:30px;	
padding-left:60px;
font-family: tbudrgothic-std, sans-serif;
}

.pc-top-tokuchou-right-midashi-kugirisen-ue{
width: 500px;	
margin-top:0px;
margin-bottom:20px;	
padding-left:50px;	
}

.pc-tokuchou-midashi-color{
color:#ff8800;
font-size:27px;	
padding-left:5px;	
padding-right:5px;	
}

/* pcトップページプロフィール*/
.pc-top-profile{
width: 860px; 
margin:auto;	      
margin-top:50px; 
}

.pc-top-profile-left{
float: left;		
width: 350px;
margin:0px 15px;
text-align: center;	
}
.pc-top-profile-left > p{
font-size:15px;
text-align: center;	
letter-spacing: 2px;
line-height: 190%;	
}

.pc-top-profile-right{
float: right;		
width: 400px; 
margin:0px 40px;
padding-left:30px;	
}

.pc-top-profile-right > p{
font-size:15px;	
color:#000000;
margin-top:0px;
letter-spacing: 2px;
line-height: 190%;		
}

/* pc-brog*/
table.pc-profile-link{
  width: 100%;	
border-collapse:collapse;
  border-pcacing: 0;
 margin:auto;	
}



table.pc-profile-link th{
  width: 50%;
padding-left: 12px;	
}

table.pc-profile-link td{
  width: 50%;	
}


.pc-blog{
width: 100%;
height: 40px;	
text-align: left;
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/blog-aicon.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 10%;	
}
.pc-blog > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: bold;
padding-top:7px;
padding-left:30px;	
}
.pc-blog > p > a{
color: #552b00;	
text-decoration: none;
}
.pc-blog > p > a:hover{
text-decoration: underline;
}
.pc-insta{
width: 100%;	
height: 40px;	
text-align: left;
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/insta.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 11%;	
}
.pc-insta > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: bold;
padding-top:7px;
padding-left:30px;	
}
.pc-insta > p > a{
color: #552b00;	
text-decoration: none;
}
.pc-insta > p > a:hover{
text-decoration: underline;
}


/* pcトップページ料金と開講時間*/

/* pc教室ページ＞表を囲むボックス */

.pc-top-lesson-zentai{
width: 100%;
padding:20px 0;		
}


.pc-toplesson{
width: 100%;	
margin: 0 auto;
max-width:650px;
background: #ffffff;
padding-top:0px;	
padding-bottom:20px;
border:0px solid #cccccc;	
text-align: left;	
border-radius: 	0px;

	
}



/* pcトップページ料金見出し*/
.pc-top-lesson-midashi{
width: 100%;	
margin-bottom:10px;	
background: rgb(255, 149, 43, 0.2);	
border-radius: 5px;	
}

.pc-top-lesson-midashi > p{
font-size: 18px;	
text-align: left;
color: #552b00;	
font-weight: bold;
padding:8px 0;
padding-left:20px;	
letter-spacing: 4px;
font-family: tbudrgothic-std, sans-serif;
}

.pc-top-lesson-kugirisen{
width: 100%;
margin-bottom:-10px;
background: #ffffea;	
}
.pc-top-lesson-kugirisen-shita{
width: 100%;	
margin-top:-15px;	
margin-bottom:20px;	
}


/* pc教室ページ＞料金テーブルタグ */



table.pcryoukin{
  width: 100%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}

table.pcryoukin th:first-child{

}

table.pcryoukin th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 0px solid #a8b7c5;
}

table.pcryoukin th{
  text-align: left;
  background: #ffffff;
 padding-top:15px;	
 padding-bottom:15px;		
  border-bottom: 1px solid  #cccccc;
  width: 50%;
font-weight: normal;
	font-size:16px;
	color:#4a4a4a;		
letter-spacing: 2px;
}

table.pcryoukin th > p{
  text-align: left;
padding-top:0px;	
padding-right: 10px;
padding-left: 40px;
font-size:16px;
color:#000000;	
letter-spacing: 2px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;}




table.pcryoukin td{
  text-align: left;
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px solid  #cccccc;
  border-top: 0px solid #a8b7c5;
  width: 100%;
	font-size:16px;	
 padding-top:15px;	
 padding-bottom:15px;	
  padding-left: 20px;
	
color:#000000;	
letter-spacing: 1px;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;}

table.pcryoukin td:first-child{

}
.pc-ryoukin-komoji{
font-size:13px;	
}

/* pc教室ページ＞開講時間テーブルタグ */
.pc-top-jikan-zentai{
width: 100%;
padding:30px 0;
background: #ffd5d5;	
}

table.pckaikoujikan{
  width: 600px;
  border-collapse:separate;
  border-spacing: 0;
border-bottom:0px solid #a8b7c5;
margin:auto;
}



table.pckaikoujikan th{
position: relative;	
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px dotted #a8b7c5;
  width: 40%;
 padding-top:15px;	
}

table.pckaikoujikan th > p{
position: relative;	
  text-align: left;
padding-left: 25%;
font-size:16px;
color:#000000;	
letter-spacing: 2px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;
}


table.pckaikoujikan td{
  text-align: left;
	font-size:16px;	
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px dotted #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 60%;
  padding-top:34px;	
  padding-left: 10%;
  padding-bottom:20px;	
color:#000000;	
letter-spacing: 4px;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;}

table.pckaikoujikan td:first-child{

}
.pc-lesson-bikou{
width: 100%;	
}
.pc-lesson-bikou > p{
font-size:14px;
color:#000000;
padding-left:5%;
padding-right:5%;	
}


/* pc保護者の声*/
.pc-hogosha-zentai{
width: 600px;
margin:auto;	
}
.pc-hogosha-bun{
width: 100%;
margin-bottom:0px;	
}
.pc-hogosha-bun > p{
font-size:16px;
}
.pc-hogosha-nenrei{
width: 100%;
margin-bottom:30px;	
}
.pc-hogosha-nenrei > p{
font-size:16px;
text-align: right;	
}





/* pcQ&A */
.pc-qa-zentai{
width: 650px;
margin:auto;	
}
table.pc-qa-q{
  width: 98%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}
table.pc-qa-q th{
  width: 5%;
vertical-align: top;	
}
.pc-q-q{
  width: 30px;
  height: 30px;
  border-radius: 50%;
background: #6ad500;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.pc-qa-q td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:30px;
  font-size:20px;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;
line-height: 190%;
letter-spacing: 2px;	
}

table.pc-qa-a{
  width: 98%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:20px;	
margin-bottom:30px;	
}
table.pc-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.pc-q-a{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff8800; 
  border:0px solid #ff91af;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.pc-qa-a td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:30px;
  font-size:15px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;
line-height: 190%;
letter-spacing: 2px;		
}

.pc-qa-line{
width: 100%;
margin-top:40px;
margin-bottom:40px;	
}

/* pcアクセス */
.pc-access-title{
width: 100%;
padding-left:0;	
}
.pc-access-title > p{
font-size:19px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: bold;	
color: #552b00;
	
}
.pc-access{
width: 100%;	
text-align: center;	
padding-bottom:10px;	
}

/* pc問い合わせ全体 */
.pc-toiawase-zentai{
width: 700px;
margin:auto;	
}

/* pc問い合わせ電話 */


.pc-toiawase-denwa{
width: 100%;
padding-top:50px;	
	
}

.pc-toiawase-denwa > p{
  font-size:24px;
  font-weight: normal;	
color: #552b00;	
font-family: tbudrgothic-std, sans-serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 7%;	
}
.pc-toiawase-bangou{
width: 100%;	
margin-top:20px;	
margin-bottom:20px;	
}
.pc-toiawase-bangou > p{
font-size:28px;
padding-left:14%;
}
.pc-toiawase-time{
font-size:18px;	
}

.pc-toiawase-koumoku-chuui{
width: 600px;
margin:auto; 
padding-left:20px;	
}
.pc-toiawase-koumoku-chuui > p{
font-size:16px;
padding-left:0px;	
}

/* pc問い合わせメール */


.pc-toiawase-mail{
width: 100%;	
margin-top:50px;	
padding-left:0%;
margin-bottom:25px;
}

.pc-toiawase-mail > p{
  font-size:24px;
color: #552b00;	
  font-weight: normal;	
font-family: tbudrgothic-std, sans-serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
  	background-image: url("../images/mail.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 7%;	
}


.pc-toiawase-adless{
width: 100%;	
margin-top:0px;	
margin-bottom:0px;	
}
.pc-toiawase-adless > p > a{
font-size:22px;
padding-left:14%;
text-decoration: none;
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;	
}
.pc-toiawase-adless > p > a:hover{
text-decoration: underline;
}
.pc-mail-toiawasesaki{
width:  700px;	
margin:auto;	
}
.pc-mail-toiawasesaki > p{
font-size:16px;
padding-left:14%;	
}

/* pc問い合わせフォーム */


.pc-toiawase-form{
width: 100%;	
margin-top:70px;	
padding-left:0%;
margin-bottom:25px;
}

.pc-toiawase-form > p{
  font-size:24px;
  font-weight: normal;	
color: #552b00;		
font-family: tbudrgothic-std, sans-serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
  	background-image: url("../images/form.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 7%;	
}

.pc-botan{
background: #b1236a;
width: 320px;	
margin-top:50px;
margin-bottom:80px;	
margin-left:80px;	
text-align: center;	
padding:8px;	
border-radius: 25px;
border:1px solid #ffffff;	
box-shadow: 0px 0px 0px 3px #b1236a;	
}

.pc-botan:hover{
background: #aa0055;	
}

.pc-botan > a{	
display: block;
position: relative;	
font-size:15px;
color:#ffffff;
text-decoration: none;	
font-weight: normal;
	letter-spacing: 3px;
font-family: tbudrgothic-std, sans-serif;	
}

.pc-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffffff;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


/* pc問い合わせLINE */


.pc-toiawase-line{
width: 100%;	
margin-top:50px;	
padding-left:5px;
margin-bottom:25px;
}

.pc-line-botan{
width: 500px;
margin:auto;
margin-top:20px;	
margin-bottom:20px;	
padding-left:70px;	
}

.pc-toiawase-line > p{
  font-size:24px;
  font-weight: normal;
color: #552b00;		
font-family: tbudrgothic-std, sans-serif;	
    line-height:210%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 65px;
  	background-image: url("../images/line.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 6%;	
}






/* pc問い合わせ注意事項 */

.pc-toiawase-chuui{
width: 65%;
max-width: 600px;	
margin:auto;
margin-top:40px;	
border:1px solid #bfbfbf;	
}
.pc-toiawase-chuui > p{
font-size:15px;
padding:10px 20px;	
}


.pc-shita-rogo{
width: 15%;
margin:auto;
margin-top:40px;	
margin-bottom:40px;	
}

.pc-shita-sns{
width: 220px;
margin:auto;	
}

table.pc-sns{
  width: 100%;	
border-collapse:collapse;
  border-pcacing: 0;
 margin:auto;	
}

table.pc-sns th{
	width: 50%;
	text-align: center;
}
table.pc-sns td{
	width: 50%;
	text-align: center;
	padding-right:17px;
}





.clear {
clear:both;
}







/* spサイトCSS */

.sp-maingazou {
    width: 100%;
	padding-top:19px;

}
.sp-top-shoukai{
width: 96%;
margin:auto;
}
.sp-top-shoukai > p{
font-size:16px;
letter-spacing: 1px;
color:#2a2a2a;	
line-height: 190%;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;	
}
.sp-top-main{
width: 100%;
margin-top:17px;
margin-bottom:10px;
padding:10px 0;	
}
.sp-top-kyoushitsuei{
width: 100%;
margin-top:-80px;
margin-bottom:70px;	
background: #ffffff;
background: linear-gradient(to right, rgb(255, 255, 255,0.5)  0%, rgb(255, 255, 255, 1) 100%);	
}
.sp-top-kyoushitsuei > p{
font-size:14px;
color:#5f5f5f;	
text-align: right;
padding:1px 0;	
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


.sp-top-main-title{
  position: relative;
  display: block;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  margin:auto;	
padding:0px 0;	
background: rgb(255, 255, 255, 0.9);	
}
.sp-top-main-title > p {
  position: absolute;
  width: 100%;
font-size:25px;
letter-spacing: 2px;	
  left: 0;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
  line-height: 130%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


.sp-top-main > p{
font-size:16px;	
color:#000000;	
}



/* spトップページ教室風景*/

.sp-top-lessonimage-back{
width: 100%;
margin-top:40px;	
padding-top:60px;
padding-bottom:60px;	
background-image: url("../images/sp-top-shoukai-back.jpg") ;
background-size:contain;
background-repeat: repeat-y;		
}

.sp-top-lessonimage1{
width: 90%;	
margin:auto;
text-align: center;			
}
.sp-top-lessonimage{
width: 90%;
margin:auto;
text-align: center;	
padding-top:30px;	
}
.sp-top-lessonimage-bun{
width: 85%;
margin:auto;
margin-bottom:30px;	
border-radius: 10px;	
background: rgb(255, 255, 255, 0.8);	
}
.sp-top-lessonimage-bun > p{
font-size:16px;
padding:3%;
line-height: 190%;
color:#2a2a2a;		
}
.sp-top-lessonimage-bun-last{
width: 85%;
margin:auto;
border-radius: 10px;	
background: rgb(255, 255, 255, 0.8);	
}
.sp-top-lessonimage-bun-last > p{
font-size:16px;
padding:3%;
line-height: 190%;
color:#2a2a2a;		
}


/* spトップページ各レッスン*/

.sp-top-kakulessen-zentai{
width: 100%;
padding-top:40px;
padding-bottom:20px;	
background-image: url("../images/pc-lesson-back.jpg") ;
background-repeat: repeat-x repeat-y;		
	
}
.sp-top-kakulessen{	
width: 90%;		
padding:20px 10px;	
background: #ffffff;	
margin:auto;
margin-bottom:30px;	
border-radius: 	10px;
border:0px solid #cccccc;	
box-shadow: 3px 3px 6px #cccccc;
}



.sp-top-kakulessen > p{
width: 95%;	
font-size:17px;
padding:2%;	
line-height: 190%;
color:#2a2a2a;	
}


/* spトップページ各レッスン見出し*/
.sp-top-youji-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:0px;		
width: 95%;
text-align: center;	
background: #ffffff;
  	background-image: url("../images/lesson-onpu.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;		
}

.sp-top-youji-lessen-midashi > p{
font-size:20px;
line-height: 170%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:13%;
font-family: tbudrgothic-std, sans-serif;
}

.sp-top-gakusei-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:0px;		
width: 95%;
text-align: center;	
background: #ffffff;
  	background-image: url("../images/lesson-onpu2.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;
}

.sp-top-gakusei-lessen-midashi > p{
font-size:20px;
line-height: 170%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:13%;
font-family: tbudrgothic-std, sans-serif;
}

.sp-top-otona-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:0px;		
width: 95%;
text-align: center;	
background: #ffffff;
  	background-image: url("../images/lesson-onpu3.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;
}

.sp-top-otona-lessen-midashi > p{
font-size:20px;
line-height: 170%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:13%;
font-family: tbudrgothic-std, sans-serif;	
}

.sp-top-hoikushi-lessen-midashi{
margin:auto;
margin-bottom:20px;
padding-top:0px;
padding-bottom:0px;		
width: 95%;
text-align: center;	
background: #ffffff;
  	background-image: url("../images/lesson-onpu4.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;
}
.sp-top-hoikushi-lessen-midashi > p{
font-size:20px;
line-height: 170%;	
text-align: left;
font-weight: bold;	
padding-top:0px;	
padding-left:13%;
font-family: tbudrgothic-std, sans-serif;
}

.sp-lesson-line{
width: 100%;
height: 15px;	
margin-top:0px;
margin-bottom:0px;	
background-image: url("../images/pc-qa-line.png") ;
background-repeat: no-repeat;	
}

/* sp特徴 */

.sp-tokuchou-zentai{
width: 100%;
margin-top:50px;
padding-top:50px;
padding-bottom:10px;	
background-image: url("../images/pc-tokuchou-back.jpg") ;
background-repeat: repeat-y;			
}

.sp-tokuchou-dotto1{
width: 90%;
height: 50px;	
margin:auto;
margin-bottom:10px;	
background-image: url("../images/pc-tokuchou-1-back.png") ;	
}
.sp-tokuchou-dotto2{
width: 90%;
height: 50px;	
margin:auto;
margin-bottom:10px;	
background-image: url("../images/pc-tokuchou-2-back.png") ;	
}
.sp-tokuchou-dotto3{
width: 90%;
height: 50px;	
margin:auto;
margin-bottom:10px;	
background-image: url("../images/pc-tokuchou-3-back.png") ;	
}

.sp-tokuchou-naka{
width: 90%;
margin:auto;
margin-top:-10px;	
background: #ffffff;
margin-bottom:50px;	
}
.sp-tokuchou-title{
width: 100%;
margin:auto;
padding-top:10px;	
padding-bottom:10px;	
}
.sp-tokuchou-title > p{
color:#552b00;
font-size:20px;
text-align: left;
font-weight: bold;
letter-spacing: 2px;
padding-top:15px;	
padding-left:5%;
font-family: tbudrgothic-std, sans-serif;	
}
.sp-tokuchou-title-orange{
color:#ff8800;	
}

.sp-tokuchou-bun{
width:  90%;	
margin:auto;
padding-bottom:20px;	
}
.sp-tokuchou-bun > p{
font-size:16px;	
color:#2a2a2a;
letter-spacing: 2px;	
line-height: 180%;	
}









.sp-tokuchou-1{
width: 100%;
margin-bottom:25px;	
background: rgb(191, 234, 149, 0.5);	
}
.sp-tokuchou-1 > p{
width: 100%;
padding-left:5%;
padding-right:5%;	
padding-bottom:5%;		
}

.sp-tokuchou-2{
width: 100%;
margin-bottom:25px;		
background: rgb(255, 213, 213, 0.5);	
}
.sp-tokuchou-2 > p{
width: 100%;
padding-left:5%;
padding-right:5%;	
padding-bottom:5%;	
}

.sp-tokuchou-3{
width: 100%;
background: rgb(213, 234, 255, 0.5);	
}
.sp-tokuchou-3 > p{
width: 100%;
padding-left:5%;
padding-right:5%;	
padding-bottom:5%;
}


/* sp特徴ナンバー */

table.sp-tokuchou , td, th {
	border: 0px solid #595959;
	border-collapse: collapse;
	margin-bottom:0px;		
}
table.sp-tokuchou th {
	width: 15%;
font-size:70px;
color: #ffffff;
font-weight: 100;	
text-align: center;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
}
table.sp-tokuchou td{
width: 85%;
text-align: left;	
font-size:20px;
padding-left:7%;
letter-spacing: 2px;
font-weight:normal;	
line-height: 150%;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.sp-tokuchou-kugirisen{
margin-top:-20px;
}




/* spプロフィール */
.sp-profile-image{
width: 70%;
margin:auto;	
text-align: center;
padding-bottom:10px;	
}
.sp-profile-image > p{
font-size:17px;
letter-spacing: 2px;	
text-align: center;
line-height: 190%;	
color:#2a2a2a;	
}

/* sp-brog*/
table.sp-profile-link{
  width: 90%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
}



table.sp-profile-link th{
  width: 50%;
}

table.sp-profile-link td{
  width: 50%;	
}

.sp-blog{
width: 100%;
height: 40px;	
text-align: left;
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/blog-aicon.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 10%;	
}
.sp-blog > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: bold;
padding-top:7px;
padding-left:30px;	
}
.sp-blog > p > a{
color: #552b00;	
text-decoration: none;
}
.sp-blog > p > a:hover{
text-decoration: underline;
}
.sp-insta{
width: 100%;	
height: 40px;	
text-align: left;
font-family: tbudrgothic-std, sans-serif;
  	background-image: url("../images/insta.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 50%; /*フレーム下部画像*/
	background-size: 11%;	
}
.sp-insta > p{
font-size: 16px;		
letter-spacing: 2px;			
font-weight: bold;
padding-top:7px;
padding-left:30px;	
}
.sp-insta > p > a{
color: #552b00;	
text-decoration: none;
}
.sp-insta > p > a:hover{
text-decoration: underline;
}


/* spリンクボタン */

.sp-blog-btn {
	float: left;
	width: 50%;
	margin-left:3%;
	margin-top:20px;
   background: rgb(128, 213, 43, 1);
	text-align: center;	
}
.sp-blog-btn a {
	font-size:14px;	
	font-weight: normal;
	   color: #ffffff;
	padding:5px 10px;
	text-decoration: none;
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-blog-btn:hover {
opacity: 0.8;
}

.sp-insta-btn {
	float: left;
	width: 50%;
	margin-left:3%;
	margin-top:20px;
	margin-bottom:20px;
    background: rgb(207,46,146,1);
	text-align: center;
}
.sp-insta-btn a {
	font-size:14px;	
	font-weight: normal;
	   color: #ffffff;
	text-decoration: none;
	padding:5px 10px;	
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-insta-btn:hover {
opacity: 0.8;
}

.sp-facebook-btn {
	float: left;
	width: 50%;
	margin-left:3%;
	margin-top:20px;
    background: rgb(60,90,153,1);
	text-align: center;
}
.sp-facebook-btn a {
	font-size:14px;	
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding:5px 10px;
display:block;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
.sp-facebook-btn:hover {
opacity: 0.8;
}

/* spトップページ料金と開講時間*/

/* sp教室ページ＞表を囲むボックス */

.sp-top-lesson-zentai{
width: 100%;
padding:0px 0;
background: #ffffff;
}


.sp-toplesson{
width: 95%;	
margin: 0 auto;
background: #ffffff;
padding-top:0px;	
padding-bottom:20px;
border:0px solid #cccccc;	
text-align: left;	
border-radius: 	10px;
	
}



/* spトップページ料金見出し*/
.sp-top-lesson-midashi{
width: 100%;	
margin-bottom:10px;	
background: rgb(255, 149, 43, 0.2);	
border-radius: 5px;	
}

.sp-top-lesson-midashi > p{
font-size: 18px;	
text-align: left;
color: #552b00;	
font-weight: bold;
padding:5px 0;
padding-left:20px;	
letter-spacing: 4px;
font-family: tbudrgothic-std, sans-serif;
}


/* spトップページ開講時間見出し*/
.sp-top-jikan-midashi{
width: 100%;	
margin-bottom:10px;	
background: rgb(255, 149, 43, 0.2);	
border-radius: 5px;	
}

.sp-top-jikan-midashi > p{
font-size: 18px;	
text-align: left;
color: #552b00;	
font-weight: bold;
padding:5px 0;
padding-left:20px;	
letter-spacing: 4px;
font-family: tbudrgothic-std, sans-serif;
}


/* sp教室ページ＞料金テーブルタグ */



table.spryoukin{
  width: 100%;	
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}



table.spryoukin th{
position: relative;	
  text-align: left;
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  width: 45%;
font-weight: normal;	
letter-spacing: 2px;
}

table.spryoukin th > p{
position: relative;	
  text-align: left;
padding-left:5%;
padding-right:4%;	
font-weight: normal;
font-size:16px;
letter-spacing: 1px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;

}




table.spryoukin td{
  text-align: left;
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  border-top: 0px solid #a8b7c5;
  width: 55%;
	font-size:16px;	
  padding-top: 13px;
  padding-right:10px;	
  padding-bottom:13px;	
letter-spacing: 1px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;color:#2a2a2a;	
}




/* sp教室ページ＞開講時間テーブルタグ */


table.spkaikoujikan{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
border-bottom:0px solid #a8b7c5;
margin:auto;
}



table.spkaikoujikan th{
position: relative;	
  background: #ffffff;
  border-left: 0px solid #a8b7c5;
 border-top: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  width: 50%;
padding:5px 0;	
}

table.spkaikoujikan th > p{
position: relative;	
  text-align: left;
padding-left: 15%;
font-weight: normal;
font-size:16px;	
letter-spacing: 2px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;color:#2a2a2a;	
}


table.spkaikoujikan td{
  text-align: left;
	font-size:16px;	
background: #ffffff;	
  border-left: 0px solid #a8b7c5;
  border-bottom: 1px solid #e9e9e9;
  border-top: 0px solid #a8b7c5;
  width: 50%;
  padding-top: 11px;
  padding-left: 0px;
  padding-bottom:10px;	
letter-spacing: 2px;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;color:#2a2a2a;	
}

table.spkaikoujikan td:first-child{

}
.sp-lesson-bikou{
width: 100%;	
}
.sp-lesson-bikou > p{
font-size:14px;	
padding-left:3%;
color:#2a2a2a;	
	
}

/* sp保護者の声 */
.sp-hogosha-zentai{
width: 90%;
margin:auto;	
}
.sp-hogosha-bun{
width: 100%;
margin-bottom:0px;	
}
.sp-hogosha-bun > p{
font-size:17px;
color:#2a2a2a;	
}
.sp-hogosha-nenrei{
width: 100%;
margin-bottom:40px;	
}
.sp-hogosha-nenrei > p{
font-size:16px;
text-align: right;	
color:#2a2a2a;	
}





/* spQ&A */
.sp-qa-zentai{
width: 100%;	
}
table.sp-qa-q{
  width: 98%;	
  max-width: 700px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}
table.sp-qa-q th{
  width: 5%;
  vertical-align: top;		
}
.sp-q-q{
  width: 30px;
  height: 30px;
  margin-top:5px;	
  border-radius: 50px;
background: #6ad500;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.sp-qa-q td{
  width: 95%;
	line-height: 190%;
	vertical-align: top;
padding-top:0px;
padding-left:5%;
padding-right:2%;
  font-size:19px;
  font-weight: normal;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
letter-spacing: 2px;
color:#353535;	
}

table.sp-qa-a{
  width: 98%;	
  max-width: 700px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:30px;	
margin-bottom:0px;	
}
table.sp-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.sp-q-a{
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background: #ff8800;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	font-weight: normal;
}
table.sp-qa-a td{
  width: 95%;
	vertical-align: top;
padding-top:0px;
padding-left:5%;
padding-right:2%;	
  font-size:16px;
letter-spacing: 2px;	
  font-weight: normal;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
line-height: 190%;
color:#2a2a2a;	
}

.sp-qa-line{
width: 100%;
height: 30px;
margin-top:40px;
margin-bottom:30px;	
background-image: url("../images/pc-qa-line.png") ;	
background-repeat: no-repeat;	
}





/* spアクセス */
.sp-access-title{
width: 100%;
padding-left:0;	
}
.sp-access-title > p{
font-size:19px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: bold;	
color: #552b00;
	
}
.sp-access{	
padding-bottom:20px;	
}
table.sp-access-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
margin-top:20px;	
}
table.sp-access-table th{
width: 25%;		
font-size:16px;	
padding-top: 10px;	
font-weight: normal;
vertical-align: top;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;	
}
table.sp-access-table td{
width: 75%;	
font-size:16px;	
padding-top: 10px;
padding-right:5%;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;	
}

/* sp問い合わせ電話 */


.sp-toiawase-denwa{
width: 100%;
padding-left:0%;	
	
}

.sp-toiawase-denwa > p{
  font-size:21px;
  font-weight: normal;	
ont-family: tbudrgothic-std, sans-serif;
color: #552b00;		
    line-height:190%;		
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;	
}
.sp-toiawase-bangou{
width: 100%;	
margin-top:20px;	
margin-bottom:20px;	
}
.sp-toiawase-bangou > p{
font-size:18px;
padding-left:14%;
font-family: tbudrgothic-std, sans-serif;	
}
.sp-toiawase-bangou > p > a{
text-decoration: none;	
}
.sp-toiawase-time{
font-size:14px;	
}
/* sp問い合わせ電話注意書き */
.sp-toiawase-denwa-chuui{
width: 73%;
margin:auto; 
}
.sp-toiawase-denwa-chuui > p{
font-size:16px;
}


/* sp問い合わせメール */


.sp-toiawase-mail{
width: 100%;	
margin-top:50px;	
padding-left:0%;

}

.sp-toiawase-mail > p{
  font-size:21px;
  font-weight: normal;	
font-family: tbudrgothic-std, sans-serif;
color: #552b00;	
  line-height:190%;	
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/mail.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;	
}

.sp-toiawase-adless{
width: 90%;	
margin:auto;	
margin-top:0px;	
margin-bottom:50px;	
padding-left:9%;	
}
.sp-toiawase-adless > p > a{
font-size:18px;
text-decoration: none;
font-family: tbudrgothic-std, sans-serif;
}

/* sp問い合わせフォーム */
.sp-toiawase-form{
width: 100%;	
margin-top:50px;	
padding-left:0%;

}

.sp-toiawase-form > p{
  font-size:21px;
  font-weight: normal;	
font-family: tbudrgothic-std, sans-serif;
color: #552b00;	
  line-height:190%;	
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/form.svg"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 10%;	
}

.sp-botan{
background: #b1236a;
width: 78%;	
margin:auto;	
margin-top:50px;
margin-bottom:80px;		
text-align: center;	
padding:8px;	
border-radius: 25px;
border:1px solid #ffffff;	
box-shadow: 0px 0px 0px 3px #b1236a;	
}


.sp-botan > a{	
display: block;
position: relative;	
font-size:15px;
color:#ffffff;
text-decoration: none;	
font-weight: normal;
	letter-spacing: 3px;
font-family: tbudrgothic-std, sans-serif;	
}

.sp-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffffff;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}





/* sp問い合わせLINE */


.sp-toiawase-line{
width: 100%;	
margin-top:50px;
padding-left:1%;
margin-bottom:20px;
}



.sp-toiawase-line > p{
  font-size:21px;
  font-weight: normal;	
color: #552b00;	
font-family: tbudrgothic-std, sans-serif;
  line-height:180%;	
  padding-top:0px;	
  padding-bottom:0px;	
  padding-left: 13%;
  	background-image: url("../images/line.png"); 
	background-repeat:  no-repeat;
	background-position:  0% 0%; /*フレーム下部画像*/
	background-size: 9%;	
}

.sp-line-botan{
width: 100%;
margin:auto;	
margin-top:20px;	
margin-bottom:20px;
padding-left:16%;	
}
/* sp問い合わせフォーム注意書き */
.sp-toiawase-form-chuui{
width: 73%;
margin:auto; 
margin-top:-40px;		
margin-bottom:50px;		
}
.sp-toiawase-form-chuui > p{
font-size:16px;
color:#2a2a2a;	
}
/* sp問い合わせメール注意書き */
.sp-toiawase-mail-chuui{
width: 100%;
margin:auto; 
margin-top:-40px;		
margin-bottom:50px;	
padding-left:13%;	
}
.sp-toiawase-form-chuui > p{
font-size:16px;
color:#2a2a2a;	
}


/* sp問い合わせLINE注意書き */
.sp-toiawase-line-chuui{
width: 73%;
margin:auto; 	
margin-bottom:50px;		
}
.sp-toiawase-line-chuui > p{
font-size:16px;
color:#2a2a2a;	
}

/* sp問い合わせ注意事項 */

.sp-toiawase-chuui{
width: 95%;	
margin:auto;
margin-top:0px;
margin-bottom:40px;	
border:1px solid #bfbfbf;	
}
.sp-toiawase-chuui > p{
font-size:14px;
padding:3%px 5%;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 400;color:#2a2a2a;	
}



.sp-shita-rogo{
width: 30%;
margin:auto;
margin-bottom:40px;	
}

table.sp-sns{
  width: 50%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
margin-bottom:80px;	
}

table.sp-sns th{
	width: 50%;
	text-align: center;
}
table.sp-sns td{
	width: 50%;
	text-align: center;
	padding-right:8%;
}

/* 上に戻るボタン */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
background: rgb(255, 213, 213, 0.9);
  opacity: 0.6;
  border-radius: 50%;
margin-right: 3%;
	margin-bottom: 3%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';	
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}






/* pcフッター */

.pc-footer {
	width: 100%;
 max-width:1080px;
background: #fff4f4;
	height: auto;	
}


.pc-footer > p {
	width: 100%;
	text-align: center;
  font-size: 12px;
  color: #000000;
	letter-spacing: 1px;
padding-top:20px;	
padding-bottom:20px;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;		
}

/* spフッターナビ */

.footernav {
  margin: 0 0 0px;
  padding: 0;
  border-top: 1px solid #ffffff;
  font-size: 13px;
  list-style-type: none;
	background: #6a6a15;
}
/*clearfix*/
.footernav:after {
  content: "";
  clear: both;
  display: block;
}
.footernav li {
  float: left;
  width: 50%;	
  text-align: center;
  border-bottom: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
/*奇数のli要素に適応*/
.footernav li:nth-child(odd) {
  border-right: 1px solid #ffffff;
}

.footernav a:hover {
  color: #000;
  background: #e6e6e6;
}


.footernav a {
  display: block;
  line-height: 50px;
position: relative;
  color: #ffffff;
  text-decoration: none;
}

.footernav a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #ffffff;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

/* spフッター 教室情報*/
.sp-footer-jouhou{
width: 100%;
margin-top:60px;
padding:20px 0;	
background: rgb(255, 213, 213, 0.2);		
}
.sp-footer-jouhou-title{
width: 90%;
display: flex;	
font-size:20px;
font-family: tbudrgothic-std, sans-serif;
color: #552b00;
margin:auto;	
font-weight: bold;	
align-items:center;	
text-align: center;	
}

.sp-footer-jouhou-title:before,
.sp-footer-jouhou-title:after {
    content: "";
    height: 1px;
	top:50%;
    flex-grow: 1;
    background-color: #552b00;
}
 
.sp-footer-jouhou-title:before {
    margin-right: 30px;
}
 
.sp-footer-jouhou-title:after {
    margin-left: 30px;
}

.sp-footer-jouhou-bun{
width: 85%;
margin:auto;	
padding:20px 0;	
}
.sp-footer-jouhou-bun > p{
font-size:15px;
text-align: center;	
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;	
}

.sp-taiken-botan{
background-color:#552b00;
width: 78%;	
margin:auto;	
margin-top:0px;
margin-bottom:20px;
text-align: center;	
padding:8px;	
border-radius: 25px;
border:1px solid #ffffff;	
box-shadow: 0px 0px 0px 3px #552b00;	
}


.sp-taiken-botan > a{	
display: block;
position: relative;	
font-size:15px;
color:#ffffff;
text-decoration: none;	
font-weight: bold;
	letter-spacing: 3px;
font-family: tbudrgothic-std, sans-serif;	
}

.sp-taiken-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffffff;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

/* spフッター */

.spfooter {
	width: 100%;
	clear: both;
  margin-top: -10px;
  text-align: center;
  border-top: solid 0px #b4b4b4;
background: #ffc2b5;	
}

.spfooter p {
	width: 100%;
	clear: both;
	text-align: center;
  font-size: 12px;
  color: #4a4a4a;
  line-height: 150%;
padding:10px 0;	
font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;		
}



*, *:before, *:after {
	box-sizing: border-box;
}