@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
html{
	overflow:auto;
}
body {
	overflow:hidden;

	min-width:980px;
	position:relative;
	color: #595757;	/*全体の文字色*/
	background-color: #FFF;	/*全体の背景色*/
	margin: 0px;
	padding: 0px;
font-family: Sura-M, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	
/*font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";*/	/*文字サイズ/行間、フォントファミリー*/

}

#all{
	overflow:hidden;
	min-width:980px;
	position:relative;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: middle;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;	/*リンクテキストの色*/
}
/*
a:hover {
	color: #fa5d95;			
	text-decoration: none;
}
*/

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 980px;	/*コンテナー幅*/
	margin: 0 auto;
	padding: 0px 10px;		/*上下、左右の余白*/

}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*ブロックの幅*/
	height: 130px;	/*ブロックの高さ*/
	position: relative;
}
/*h1タグの設定*/
header h1 {
	margin:0;
	padding:0; 
	font-weight: bold;		/*通常太字なのを標準にする設定*/
	color: #ffffff;				/*文字色*/
	/*背景色*/
	font-size: 12px;			/*文字サイズ*/
	text-align: left;			/*文字を右寄せ*/
	line-height: 18px;			/*行間*/
}

header h1#freeplan {
	text-align:center;
	background-color:#d3ecfb;	/*背景色*/
	color:#595757;
	font-size:40px;
	padding-top:16px;
}
header h1#freeplan_error {
	text-align:center;
	background-color:red;	/*背景色*/
	color:white;
	font-size:40px;
	padding-top:16px;
}

header h1#nenchu2 {
	text-align:center;
	background-color:#ee7700;	/*背景色*/
	color:#fff;
	font-size:50px;
	padding-top:22px;
}

header h1#nencho2 {
	text-align:center;
	background-color:#00a0e2;	/*背景色*/
	color:#fff;
	font-size:50px;
	padding-top:22px;
}


header#head_top {
	width: 100%;	/*ブロックの幅*/
	height: auto;	/*ブロックの高さ*/
	position: relative;
	margin: 10px 0 5px;
	padding: 0;
	overflow:hidden;
	/*背景色*/

}

header#head_other {
	width: 100%;	/*ブロックの幅*/
	height: 56px;	/*ブロックの高さ*/
	position: relative;
	margin: 0 -500% 26px;
	padding: 6.4px 500% 2.4px; 
	background-color:#d3ecfb;	/*背景色*/
}
header#head_other_error {
	width: 100%;	/*ブロックの幅*/
	height: 56px;	/*ブロックの高さ*/
	position: relative;
	margin: 0 -500% 26px;
	padding: 6.4px 500% 2.4px; 
	background-color:red;	/*背景色*/
}

header#head_nenchu {
	width: 100%;	/*ブロックの幅*/
	height: 70px;	/*ブロックの高さ*/
	position: relative;
	margin: 0 -500% 30px;
	padding: 8px 500% 3px; 
	background-color:#ee7700;	/*背景色*/

}

header#head_nencho {
	width: 100%;	/*ブロックの幅*/
	height: 70px;	/*ブロックの高さ*/
	position: relative;
	margin: 0 -500% 30px;
	padding: 8px 500% 3px; 
	background-color:#00a0e2;	/*背景色*/

}


header#head_kiyaku {
	width: 100%;	/*ブロックの幅*/
	height: 67px;	/*ブロックの高さ*/
	position: relative;
	margin: 0 -500%;
	padding: 8px 500% 3px; 
	background-color:#ee7700;	/*背景色*/
}

/*h1タグの設定*/
header h1#h_top {
	margin:0;
	padding:0;
	float:left;
	/*背景色*/
}
header #head_p {
	float:right;
	margin-right:40px;
	padding-top:6px;
}
header #head_p p{
	float:left;
	margin-left:20px;
}

header h1#h_form{
	width:335px;
	margin:0 auto;
	padding:0;
	background-color:#d3ecfb;	/*背景色*/
}
header h2#h_form {
	width:220px;
	margin:0 auto;
	padding:0;
	margin-top:50px;
}
header h1#h_top_lp {
	width:335px;
	margin:0 auto;
	padding:0;
	background-color:#eb86b3;	/*背景色*/
}

header h1#h_top_lp img{
	margin:0;
}


header h1#kiyaku {
	width:830px;
	margin:0 auto;
	padding:0;
	background-color:#ee7700;	/*背景色*/
	font-size:40px;
	text-align:center;
}
header h1#cam{ 
	width:943px;
	margin:0 auto;
	padding:0;
	background-color:#eb86b3;	/*背景色*/
	font-size:40px;
	text-align:center;
	padding-top:5px;
}

header h1#cam img{
	margin:0;
}

h1 img{
	margin:0 15px 0 30px;
}

h1#h_form img{
	margin:0;
}

/*ロゴ画像の設定*/
header #logo {
	position: absolute;
	left: 0px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 33px;	/*ヘッダーブロックに対して上から38pxの位置に配置*/
}
/*電話番号ボックスの設定*/
header address {
	position: absolute;
	top: 85px;			/*ヘッダーブロックに対して上から38pxの位置に配置*/
	right: 0px;		/*ヘッダーブロックに対して右から20pxの位置に配置*/
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
nav#menu {
height:45px;
background-color:#002f7b;
	margin: 0 -500%;
	padding: 0 500%; 

}
nav#menu ul {
	float:right;
	margin-right:40px;

	}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: left;
	margin-left:46px;
	margin-top:5px;
	line-height:normal;

}
nav#menu ul li a {
	text-decoration: none;
	display: block;
	font-size: 25px;	/*文字サイズ*/
	font-weight: bold;
	text-align: center;	/*文字をセンタリング*/
	color:#FFF;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
/*最初のメニューの設定*/
nav#menu ul li:first-child a {
	margin-left: 0px;
}
/*マウスオン時と、current(表示中のメニュー)の設定*/
/*nav#menu ul li a:hover,
nav#menu ul li#current a {
	border: 1px solid #be4772;	
}
*/
/*英語表記の設定*/
nav#menu ul li a span {
	font-size: 9px;	/*文字サイズ*/
	color: #fa5d95;	/*文字色*/
	display: block;
	font-weight: normal;
}
nav#menu ul li a:hover span,
nav#menu ul li#current a span {
	color: #FFF;	/*マウスオン時の文字色*/
}

hr#main_hr{
	height:80px;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color:#002f7b;
    border-right-color:#002f7b;
    border-bottom-color:#002f7b;
    border-left-color:#002f7b;
    background-color:#002f7b;
	margin: 0 -500%;
	padding: 3px 500%;
	}
hr#main_hr_f{
	height:37px;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color:#002f7b;
    border-right-color:#002f7b;
    border-bottom-color:#002f7b;
    border-left-color:#002f7b;
    background-color:#002f7b;
	margin: 0 -500%;
	padding: 3px 500%;
	}
/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg{
	clear: left;
	width: 1280px;	/*幅*/
	height: 240px;	/*高さ*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	margin-bottom: 10px;	/*画像の下の余白*/
	margin-top:0px;
}


#mainimg3 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 30px;	/*画像の下の余白*/
	margin-top:-1px;
	margin-left:0px;
	margin: 0 -500%;
	padding: 0px 500%;
	background:url(../images/outside2.png) repeat-x;
}
#mainimg5 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 30px;	/*画像の下の余白*/
	margin-top:-1px;
	margin-left:0px;
	margin: 0 -500%;
	padding: 0px 500%;
	background:url(../images/study_back.png) repeat-x;
background-size: auto 100%;
}
#mainimg6 {
	clear: left;
	width: 100%;
height: auto;	/*幅*/
	position: relative;
	/*border-radius: 4px;*/		/*角丸のサイズ*/
	margin-bottom: 30px;	/*画像の下の余白*/
	margin-top:-1px;
	margin-left:0px;
	margin: 0 -500%;
	padding: 0px 500%;
	background:url(../images/study_back.png) repeat-x;
background-size: auto 100%;
}
#mainimg7 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 30px;	/*画像の下の余白*/
	margin-top:-1px;
	margin-left:0px;
	margin: 50px -500% 0 -500%;
	padding: 0px 500%;
	background:url(../images/ranking_bk.png) repeat-x;
}
#mainimg8 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 30px;	/*画像の下の余白*/
	margin-top:-1px;
	margin-left:0px;
	margin: 50px -500% 0 -500%;
	padding: 0px 500%;
	background:url(../images/campaign_bk.png) repeat-x;
}
#mainimg9 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 30px;	/*画像の下の余白*/
	margin-top:-1px;
	margin-left:0px;
	margin: 0 -500%;
	padding: 0px 500%;
	background:url(../images/waiting_bk.png) repeat-x;
}
.mainimg_short{
	clear: left;
	width: 980px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin:0 auto;
}

#yellow{
	background-color:#fdd000;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#orange{
	background-color:#ee7700;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#blue{
	background-color:#00a0e2;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#green{
	background-color:#13ad67;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#water{
	background-color:#9ed8f6;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#light_yellow{
background-color:#e3e880;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#light_orange{
	background-color:#facc88;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#light_blue{
	background-color:#7dcdf3;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#light_green{
	background-color:#a3d5c0;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#light_water{
	background-color:#9ed8f6;
	margin: 0 -500%;
	padding: 3px 500%; 
}
#math_cr{
		position: relative; 
text-align: center;
background: url(../images/math_cr_back.png) center center / cover no-repeat;
}
#sky{
	background:url(../images/sky.png) repeat;
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
/*#midnight{
	background:url(../images/midnight.png) repeat;
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}*/
#room{
	background:url(../images/room.png) repeat;
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
#hksemitoha{
	background:url(../images/hksemitoha.png) repeat;
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
#otodoke{
	/*background:url(../images/otodoke.png) repeat;*/
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
#kyoshitsu{
	/*background:url(../images/kyoshitsu.png) repeat;*/
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
#kyozaiset{
	/*background:url(../images/kyozaiset.png) repeat;*/
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
#mainimg_sp {
	width: 1280px;	/*幅*/
}

#mainimg_course {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/course_topbk.png) repeat;
background-size: auto 576px;
	text-align:center;
}
#mainimg_course_nensho {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/course_topbk_nensho.png) repeat;
background-size: auto 576px;
	text-align:center;
}
#mainimg_course_pre {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/course_topbk_pre.png) repeat;
background-size: auto 576px;
	text-align:center;
}
#mainimg_course_petit {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	padding: 64px 0 0 0; 
	/*background:url(../images/course_topbk_petit.png) repeat;
background-size: auto 576px;*/
	text-align:center;
}
#mainimg_course_math img {
	width:100%;
height:auto;
}
#mainimg_course_mathsample{
	width:980px;
height:auto;
}
#mainimg_course_mathsample img{
	width:100%;
height:auto;
}
#mainimg_course_nencho {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/nencho_titlebk.png) repeat;
background-size: auto 576px;
	text-align:center;
}
#mainimg_course2 {
	clear: left;
	width:980px;	/*幅*/
	height: 320px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500%;
	padding: 0 500%; 
	background:url(../images/course_mainbk.png) repeat-x;
background-size: auto 320px;
	text-align:center;
}
#mainimg_course4 {
	clear: left;
	width:980px;	/*幅*/
	height: 320px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500%;
	padding: 0px 500%; 
	background:url(../images/course_mainbk2.png) repeat-x;
background-size: auto 320px;
	text-align:center;
}

.course_top{
	margin-top:-1px;
}
img#button{
	margin-left:0px;
}
#mainimg4 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 0px;	/*画像の下の余白*/
	margin-top:15px;
	margin-left:0px;
}
#mainimg4_2 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 0px;	/*画像の下の余白*/
	margin-top:15px;
	margin-left:0px;
margin: 0 -500%;
	padding: 0px 500%;
background:url(../images/flooring.png) repeat-x;
}
#mainimg_f {
	clear: left;
	width: 980px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin:30px auto;
	}
#mainimg_f2 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin:0 auto;
	}
#mainimg_course3 {
	clear: left;
	width: 980px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin:0 auto;
}
.bg3{
	background:url(../images/3_bg.png) repeat-x;
	margin: 0 -500%;
	padding: 0px 500%;
}

#mainimg_dl {
	width: 690px;	/*幅*/
	margin:0 auto;
	position: relative;
}



#mainimg img {
	border-radius: 4px;	/*角丸のサイズ*/
}
#mainimg .slide_file {
	display: none;
}
#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
	margin-top:10px;
	padding-bottom:20px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/

#main {
	width: 980px;	/*メインコンテンツ幅*/
	margin-top:-10px;
}
#main2 {
	width: 980px;	/*メインコンテンツ幅*/
	margin:0 auto;
}

/*mainコンテンツのh2タグの設定*/
#main h2 {
	background: #FFFFFF;
	border-bottom: 4px dotted #F4B4CF;
	font-size: 150%;
	color: #fa5d95;		/*文字色*/
	padding: 7px 12px;	/*上下、左右への余白*/
	margin:0 -12px;
	clear: both;
}
/*mainコンテンツのh3タグの設定*/
#main h3 {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 1px 2px 5px #e2e2e2;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 5px #e2e2e2;			/*同上*/
	font-size: 100%;
	padding: 4px 15px;	/*上下、左右への余白*/
	clear: both;
	border: 1px solid #ddd;	/*枠線の幅、線種、色*/
}
/*mainコンテンツのh4タグの設定*/

/*mainコンテンツの段落タグ設定*/
#main p:not(.campaign_warning){
	padding: 0.5em 15px 1em;	/*左から、上、左右、下への余白*/
}
#main ol#sp_list{
	margin-top:-1em;
	margin-left:40px;
	font-size:12px;
}
#main p span#red{
	font-size:120%;
	font-weight:bold;
	color:#e50012;
}
#main p.pink{
	color:#e3007f;
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: right;	/*右側に回り込み*/
	width: 230px;	/*サブコンテンツ幅*/
	padding-bottom: 30px;
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	text-align: center;	/*文字をセンタリング*/
	padding: 5px 0px;	/*左から、上下、左右への余白*/
	border: 1px solid #be4772;	/*枠線の幅、線種、色*/
	background-color: #fa5d95;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fa5d95), to(#0029c2));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#fa5d95, #ef598f 49%, #e35588 50%);	/*同上*/
	background-image: linear-gradient(#fa5d95, #ef598f 49%, #e35588 50%);			/*同上*/
	color: #FFF;	/*文字色*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下の順の設定。*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	margin-bottom: 15px;			/*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	text-decoration: none;
	display: block;
	padding-left: 10px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#FFF));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#eaeaea, #FFF);	/*同上*/
	background-image: linear-gradient(#eaeaea, #FFF);			/*同上*/
	-webkit-box-shadow: 0px 0px 1px #FFF inset;	/*内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 0px 0px 1px #FFF inset;		/*同上*/
}
/*マウスオン時の設定*/
#sub ul.submenu li a:hover {
	background-image:none;
	background-color: #fa5d95;	/*背景色*/
	color: #FFF;				/*文字色*/
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	border: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下（外側）のスペース*/
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eaeaea));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #eaeaea);	/*同上*/
	background-image: linear-gradient(#FFF, #eaeaea);			/*同上*/
	-webkit-box-shadow: 0px 0px 1px #FFF inset;	/*内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 0px 0px 1px #FFF inset;		/*同上*/
}
/*box1内のh2タグ*/
#sub .box1 h2 {
	padding: 2px 0px;	/*左から、上下、左右への余白*/
	border-radius: 0px;	/*角丸をなくす設定*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	
	clear: both;
	text-align: left;
	color: #ffffff;				/*文字色*/
font-family:Sura-B;	
/*font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";*/
}
footer_form {
	
	clear: both;
	text-align: left;
	color: #ffffff;				/*文字色*/
	/*背景色*/
font-family:Sura-B;
/*font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";*/
}

footer ul{
	/*margin:1.6px;*/
	background-color:#006834;
	margin: 0 -500%;
	padding: 30px 500% 0px 500%;
}
footer ul li{
	font-size:16px;
line-height:2.5em;
	/*margin:4px 0;*/
}
#copy{
	background-color:#c89f62;
	margin: 0 -500%;
	padding: 0px 500%;
line-height:0px;
}
#copy img{
	width:568px;
height:9.6px;
margin:10px 0 10px 0;
padding:0 0 0 0; 

}
footer_form #copy{
	background-color:#c89f62;
	margin: 0 -500%;
	padding: 0px 500%;
	height:22.4px; 
}
footer p{
float:left;
margin:0px 4px 0px 0px;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #ffffff;
}

footer a:hover,
a:focus {
	text-decoration: none;
	color: #ffffff;
}


/*
footer ul li a:hover,
footer ul li#current a  {
	color: #ff61e1;
}
*/
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new{
	margin-bottom: 15px;
}
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
		/*ボックスの高さ*/
	padding-left: 15px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
	color:#2ca6e0;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
	padding-left: 8em;
}
#new dd img {
	vertical-align: middle;
}

/*service.html内の製品紹介の各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list article {
	padding:0 10px 10px;
	margin-top:15px;
	overflow:hidden;
	border: 1px solid #EEEFEF;	/*枠線の幅、線種、色*/
	/*border-bottom: 4px dotted #F4B4CF;	/*下の線の幅、線種、色*/
	/*border-top: 0px solid #ddd;			/*上の線の幅、線種、色*/
	/*border-right: 0px solid #ddd;		/*右の線の幅、線種、色*/
	/*border-left: 0px solid #ddd;*/
	border-radius: 10px;		/*角丸のサイズ*/
	background: #FCEEF4;
	/*margin-bottom: 15px;	ボックス間のスペース*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 0px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 0px #FFF inset;			/*同上*/
}
#main section.list article#koguma_bk {
	padding:0 10px 10px;
	margin-top:15px;
	overflow:hidden;
	border: 0px;	/*枠線の幅、線種、色*/
	/*border-bottom: 4px dotted #F4B4CF;	/*下の線の幅、線種、色*/
	/*border-top: 0px solid #ddd;			/*上の線の幅、線種、色*/
	/*border-right: 0px solid #ddd;		/*右の線の幅、線種、色*/
	/*border-left: 0px solid #ddd;*/
	border-radius: 0px;		/*角丸のサイズ*/
	background: #ffffff;
	/*margin-bottom: 15px;	ボックス間のスペース*/
	-webkit-box-shadow: 0px 0px 0px #fff, 0px 0px 0px 0px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
box-shadow: 0px 0px 0px #fff, 0px 0px 0px 0px #FFF inset;			/*同上*/
}
#main section.list article a {
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}

#main section.list article p.link a{
	padding:0;
	color:#90F;
}
#link2 p.link2 a{
	padding:0;
	color:#90F;
text-decoration: none;
}
#link2{
	text-align:center;
}
/*マウスオン時*/
#main section.list article a:hover {
	color: #fa5d95;				/*文字色*/
}
#main section.list article p.link a:hover {
	color: #fa5d95;				/*文字色*/
}
/*ボックス内の段落タグ設定*/
#main section.list article p {
	width:450px;
	padding: 0px;
	margin-left:10px;
	margin-top:50px
}

#main section.list article p#message{
	clear:both;
	width:940px;
	margin-left:15px;
}

#main section.list article p.link{
	margin-top:25px;
	width:230px;
}

#main section.list article.corse_p p {
	width:390px;
	margin:0 auto;
}
#main section.list article #k_logo{
	width:330px;
	margin-right:15px;
	margin-left:15px;
	margin-top:15px;
}
#main section.list article div.right{
	float:left;
}
#main section.list article div.right2{
	float:left;
	width:470px;
}
#main section.list article p.bottom{
	margin-bottom:50px;
}
#main section.list article p.bottom2{
	margin-top:10px;
	margin-bottom:10px;
	padding-left:45px;
	font-size:15px;
}
#main section.list article p.bottom3{
	width:570px;
	margin-right:10px;
	margin-top:20px;
}
#main section.list article.padding{
	padding-top:70px;
	padding-bottom:30px;
}
#main section.list article figure{
	margin:auto 0;
	float:left;
}
#main section.list article.corse_p figure{
	margin:0 auto;
}
/*ボックス内の写真設定*/
#main section.list article figure img {
	margin-top:35px;
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	margin-bottom:60px;
	margin-right:10px;
}

#main section.list article figure img#daihyou{
	margin-bottom:20px;
}
/*ボックス内のh4タグ設定*/
#main section.list article h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	font-size: 100%;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #000;	/*文字色*/
}

/*simpleタイプ（※ボックス内の部分的な箇所にリンクを設定する場合）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list.simple article {
	padding: 10px;
	overflow: hidden;
}
#main section.list.simple article a {
	padding: 0px;
	display: inline;
	text-decoration: underline;
}
/*マウスオン時*/
#main section.list.simple article a:hover {
	background-color: transparent;
	color: #fa5d95;
}
/*ボックス内の写真設定*/
#main section.list.simple article figure a:hover img {
	background-color: #f6f1b2;
	border: 1px solid #999;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
}
/*テーブル内の左側*/
.ta1 th{
	width: 180px;
	padding: 10px;
	text-align: center;
	background-color: #e2e2e3;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}
/*submitボタンの設定*/
input[type="submit"],
input[type="button"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #d95181;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fa5d95), to(#d95181));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#fa5d95, #d95181);	/*同上*/
	background-image: linear-gradient(#fa5d95, #d95181);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	color: #FFF;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #fa5d95;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d95181), to(#fa5d95));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#d95181, #fa5d95);	/*同上*/
	background-image: linear-gradient(#d95181, #fa5d95);			/*同上*/
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #003399;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 12em;	/*ボックス幅*/
	display: block;
	float: right;
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #333;	/*背景色*/
	color: #FFF;			/*文字色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background: #dcdcdc;
}

.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #fa5d95;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
figcaption {
	font-size: 11px;
}
#menubar_hdr {
	display: none;
}
.mini1 {
	font-size: 11px;
	font-weight: normal;
}

#main section.list article .corse{
	margin:10px 0;
}
#nencho{
	color:#e75297;
	font-weight:bold;
}
#nenchu{
	color:#e50012;
	font-weight:bold;
}
span#nensho{
	color:#6fb92c;
	font-weight:bold;
}
span#sho1{
	color:#f29600;
	font-weight:bold;
}
span.margin{
	display:inline-block;
	margin-bottom:15px;
	margin-top:10px;
}
/*お支払いページ*/
#main section.list #glay {
	margin-top:10px;
	/* border: 1px solid #CCC;	枠線の幅、線種、色*/
	/* border-radius: 6px;		角丸のサイズ*/
background: #FFFFFF;
}
#main section.list div#contents p#card{
	margin-top:15px;
	float:left;
}

#main section.list div#contents p{
	margin-top:5px;
	margin:0 auto;
}
#main section.list div#contents p.size{
	font-size:16px;
	float:left;
	padding-left:10px;
	padding-right:0;
}
#main section.list div#contents p.clear{
	clear:both;
}
.text_red{
	color:#F00;
}
/*商取引ページ*/

#main section.list div#contents li{
	margin-left:35px;
}
#main section.list div#contents p.torihiki{
	padding-left:50px;
}

/*問い合わせページ*/
#main #toi p{
	padding:0;
	text-align:center;
}
#toi{
	width:740px;
	overflow:hidden;
	margin:0 auto 20px;
}
#toi_tel{
	width:640px;
	margin:0 auto;
}
#mail{
	margin:0 auto;
	font-size:22px;
	width:450px;
}
#main #mail p{
	padding:20px 0px 40px 60px;
	text-align:left;
}
#mail a{
	color:#919191;
}
#address{
	text-align:center;
	margin-top:15px;
}

/*個人情報ページ*/
#main section.list div#contents ol.roma{
	list-style-type:lower-roman;
	margin-top:0;
	margin-bottom:10px;
}
#main section.list div#contents ol.kojin{
	margin-top:0;
	list-style-type:
}

/*QAページ*/
ul.qa{
	margin-bottom:20px;
}
ul.qa li{
	color:#ee7700;
}
ul.qa ol li{
	color:#595757;
}
ul li.answer{
	color:#595757;
}
#main section.list div#contents ul.qa li{
	margin-left:20px;
	margin-right:20px;
}
/*コース内容ページ*/
#main section.list article.corse_p {
	padding:10px;
	overflow:hidden;
	border: 3px solid #F4B4CF;
	border-radius: 6px;		/*角丸のサイズ*/
	margin-bottom: 15px;	/*ボックス間のスペース*/
	background:#FEF7FA;
	filter:none;
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;	/* 影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;			/*同上*/
}

#main section.list div#contents ol#corse_ol{
	margin-top:0px;
}
/* 規約ページ */
table{
	margin-left:15px;
	margin-bottom:10px;
}
.table{
	vertical-align:top;
}
#box{
	overflow:auto;
	width:900px;
	height:300px;
	background-color:#FFF;
	margin:15px auto;
	border:solid 1px #ccc;
}
#nyukai p#kiyaku_button{
	margin:0 auto;
	width:334px;
}


p#center{
	margin-top:0;
	padding:0;
	text-align:center;
}

.red2{
	color:#F00;
}

strong{
	font-weight:bold;
	font-size:16px;
}

#main h3.mb15{
	background-color:#ee7700;
	margin: 0 -15px 15px;
	padding: 4px 15px;
}

/* こぐま会 */
#koguma{
	margin-left:5px;
}
#koguma li{
	float:left;
	width:300px;
	margin:5px 8px;
}
.kaisetsu{
	font-size:80%;
}

/* TOP追加分 */
#toi_top{
	margin-bottom:-45px;
	font-size:19px;
	margin-left:195px;
}

.top{
	margin-top:10px;
}

#newinfo{
	margin-top:10px;
}
#main h2.bar_top{
	margin-bottom:10px;
}

#main p.bar_top{
	padding: 7px 12px;	/*上下、左右への余白*/
	margin:50px -12px 30px;
	clear: both;
	background-color:#f9dbe8;
}

#main p#right{
	float:right;
}

.list{
	clear:both;
}

.banner_top li{
	float:left;
	margin-right:5px;
}
.banner_top li:last-child{
	margin-right:0;
}


ul.banner_top{
	overflow:hidden;
	width:1280px;
	margin-bottom:5px;
}


#main p#shp-p{
	clear:both;
	padding-bottom:0;
}

#semi{
}

.shp{
	width:1280px;
	overflow:hidden;
	margin-top:50px;
}

.shp li{
	width:560px;
	float:left;
	margin:-1px -1px;
	font-size:18px;
}
.shp li:last-child{
	float:right;
}
.shp li.shp_left{
	width:400px;
	margin-left:10px;
	margin-right:10px;
	line-height:2em;
	font-size:14px;
}

#main p.shp_text{
	font-size:48px;
	font-weight:bold;
	text-align:center;
	color:#ea5414;
	padding:0px 15px;
	margin-top:20px;
	line-height:1.5em;
	}
#main p.shp_text_left{
	font-size:48px;
	font-weight:bold;
	text-align:left;
	color:#ea5414;
	padding:0px 15px;
	margin-top:20px;
	line-height:1.5em;
	}
#main p.shp_text_right{
	font-size:48px;
	font-weight:bold;
	text-align:right;
	color:#ea5414;
	padding:0px 15px;
	margin-top:20px;
	line-height:1.5em;
	}
#main section.list article p#info_text{
	width:560px;
	font-size:31px;
	font-weight:bold;
	color:#103669;
	margin-top:20px;
	line-height:1.5em;
font-family:Sura-B;
	}
	
#main section.list article p#info_text2,span#info_text{
	font-size:20px;
	font-weight:bold;
	color:#103669;
	margin-top:50px;
	line-height:1.5em;
font-family:Sura-B;
}

.shp li.shp_right{
	width:350px;
	margin-left:30px;
	margin-right:40px;
	line-height:2em;
	padding-top:80px;
}


#link a{
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;
	padding:0;
	color:#90F;
}

#link a:hover {
	background-color: transparent;
	color: #fa5d95;
}

p#line{
	margin:10px -500%;
}

#koguma_link{
	width:806px;
	margin:0 auto;
	overflow:hidden;
}

#koguma_link li{
	float:left;
}



#nyukai{
	margin: 15px auto;
	padding:0px; 
}

#nyukai p#nyukai_p{
	width:700px;
	margin:10px auto;
}
#nyukai p#nyukai_p_lp{
	width:350px;
	margin:0 auto;
}

#nyukai p#nyukai_p img{
	margin:0 40px 0 75px;
}


#nyukai p,#nyukai2 p{
	width:220px;
	margin:20px auto;
}

#main h4{
	margin: 0 -10px 5px;
	padding: 4px 10px;
}

section #mainimg {
	clear: left;
	width: 1280px;	/*幅*/
	height: 240px;	/*高さ*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	margin-bottom: 15px;	/*画像の下の余白*/
	margin-top:10px;
}

#course{
	width:1280px;
	height:310px;
	padding:60px;
	margin:0px auto 80px;
	background:url(../images/course_bk.png) no-repeat 0 0;
}
#course img{
	margin-right:10px;
}
#main section#course p{
	padding:0;
}

#container p.form{
	margin-bottom:20px;
}

dd a{
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;
	padding:0;
	color:#90F;
}

dd a:hover {
	background-color: transparent;
	color: #fa5d95;
}

#attention{
	margin-bottom:25px;
	margin-top:-15px;
}


.underline{
	text-decoration:underline;
}

#prog{
	margin-right:10px;
}

#main h5{
	font-size:24px;
}

#text_pink{
	color:#e75297;
}

#program02{
	margin-top:20px;
	}
	
#main p.title{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin:70px 0 30px;
}

table#form_t{
	margin:10px auto;
	width:300px;
}
table#form_t,table#form_t tr,table#form_t td,table#form_t th{
	border:solid 1px #999999;
}
	
table#form_t th{
	background-color:#CCF;
	padding:8px;
	text-align:left;
}

table#form_t td{
	padding:8px 12px;
}
select{
	height:20px;
	width:120px;
}

#submit{
	width:250px;
	margin:0 auto;
}

li.shp_img{
	margin-top:20px;
}

#main h2#sample{
	padding:16px 12px;
}

#main p.title2{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin-top:80px;
margin-bottom:20px;
font-family:Sura-B;
}
#main p.title2_left{
    font-size:32px;
    font-weight:bold;
    text-align:left;
    display:block;
    color:#595757;
    padding:0;
    margin-top:80px;
font-family:Sura-B;
}
#main p.title2_right{
    font-size:32px;
    font-weight:bold;
    text-align:right;
    display:block;
    color:#595757;
    padding:0;
    margin-top:80px;
font-family:Sura-B;
}

#main p.title4{
	font-size:21.6px;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin-top:0px;
}


#main p.title3{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#ea5414;
	padding:0;
	margin-top:80px;
margin-bottom:20px;
font-family:Sura-B;
}

#main p.title5{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin-top:32px;
font-family:Sura-B;
}
#main p.title5s{
	font-size:27.2px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin-top:0px;
font-family:Sura-B;
}

span#mori{
	color:#21ab38;
}


#main p.sp_text{
	font-size:16px;
	width:672px;
	margin:0 auto 16px;
}
#main p.sp_text_top{
    font-size:14.4px;
    margin:auto -8px auto -8px;
}

#main p.sp_text2{
	font-size:19.2px;
	font-weight:bold;
font-family:Sura-B;
}


#web{
	width:600px;
	overflow:hidden;
	margin:30px auto 60px;
}

#course_bottom2{
	margin-bottom:30px;
	padding:0;
	margin-top:-29px;
}

#rakuten{
	width:800px;
	overflow:hidden;
	margin:30px auto 60px;
}
#raku1{
	float:left;
	text-align:center;
	font-size:16px;
}
#raku2{
	float:left;
	text-align:center;
	font-size:16px;
}
#apple{
	color:#e5002c;	
}

#form_p{
	text-align:center;
	font-size:14.4px;
}

#form_p2{
	text-align:center;
	font-size:14.4px;
}

#form_p3{
	text-align:left;
	font-size:14.4px;
}
#form_p_long{
	text-align:left;
	font-size:14.4px;
}
/* 最新背景 */
.glay{
	background-color:#eeefef;
	margin: 0 -500%;
	padding: 3px 500%; 
}

hr.border{
	height:28px;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color:#c89f62;
    border-right-color:#c89f62;
    border-bottom-color:#c89f62;
    border-left-color:#c89f62;
    background-color:#c89f62;
	margin: 0 -500%;
	padding: 0px 500%;
	}

hr.border2{
	height:64px;
	background:url(../images/blue_bar.png) repeat-x;
	border-top-style: solid;
	border-top-color:#00589b;
	border-bottom-color:#d7e7f6;
	margin: 0 -500%;
	padding: 0px 500%;
	}

hr.bd_plan{
	height:3px;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color:#888889;
    border-right-color:#888889;
    border-bottom-color:#888889;
    border-left-color:#888889;
    background-color:#888889;
	margin: 6px -500% 20px;
	padding: 0px 500%;
	}
hr.bd_plan2{
	height:3px;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color:#888889;
    border-right-color:#888889;
    border-bottom-color:#888889;
    border-left-color:#888889;
    background-color:#888889;
	margin: 6px -500% 0px;
	padding: 0px 500%;
	}

#text_1{
	font-size:16px;
}
#text_2{
	font-size:16px;
}
.mobileHidden { display:none;}
.desktopHidden {
	margin-left:-12px;
	height: auto;
	width: 109%;
	position: relative;
	}
 
@media screen and (min-width:980px) { 
    .desktopHidden { display:none;}
    .mobileHidden {display: inline;
	
	}
}

.koguma section{
	width:980px;
	margin:0 auto;
}
#voice{
	overflow:hidden;
}
.voice1{
	width:635px;
	float:left;
	overflow:hidden;
	line-height:75px;
	border-top:solid 1px white;
	border-left:solid 1px white;
}
.voice2{
	width:635px;
	float:left;
	overflow:hidden;
	line-height:75px;
	border-top:solid 1px white;
	border-left:solid 1px white;
	border-right:solid 1px white;
}
.btm{
	border-bottom:solid 1px white;
}
.voibox{
	width:100px;
	height:75px;
	float:left;
	text-align:center;
}


.voitex{
	
line-height:1em;
margin-top: 10px;
}

#main #mail p#sns{
	text-align:center;
	padding:0;
	margin:30px 0;
}
#main #mail p#sns img{
	padding:0 40px;
}
#line{
border: 1px solid #cccccc ;
}

#main p.lecture{
	font-size:18px;
	color:#595757;
}
#main img.lecture_button{
margin-left:60px;
margin-right:60px;
}
#main img.lecture_button2{
margin-left:60px;
margin-right:60px;
margin-top:30px;
}
#nyukai_white {
	
height:100px;
background-color:#002f7b;
	margin: 0 -500%;
	padding: 0 500%;
}
#nyukai_white p{
	width:700px;
	margin:0px auto;
}
#nyukai_white p img{
	margin:14px 90px 0px 130px;
}

hr.border3{
border-width:10px 0 0 0;	
border-top-style: solid;
	border-top-color:#a69425;
border-bottom-color:none;
	margin: 0 -500% -40px -500%;
	padding: 0px 500%;
	}
hr.border4{
border-width:10px 0 0 0;	
border-top-style: solid;
	border-top-color:#a69425;
	border-bottom-color:none;
margin: 20px -500% 0px -500%;
	padding: 0px 500%;
	}
#main section.list article#sapix_bk {
	padding:0 10px 10px;
	margin-top:15px;
	overflow:hidden;
	border: 0px;	/*枠線の幅、線種、色*/
	/*border-bottom: 4px dotted #F4B4CF;	/*下の線の幅、線種、色*/
	/*border-top: 0px solid #ddd;			/*上の線の幅、線種、色*/
	/*border-right: 0px solid #ddd;		/*右の線の幅、線種、色*/
	/*border-left: 0px solid #ddd;*/
	border-radius: 0px;		/*角丸のサイズ*/
	background: #ffffff;
	/*margin-bottom: 15px;	ボックス間のスペース*/
	-webkit-box-shadow: 0px 0px 0px #fff, 0px 0px 0px 0px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
box-shadow: 0px 0px 0px #fff, 0px 0px 0px 0px #FFF inset;			/*同上*/
}
#sapix{
	margin-left:5px;
}
#sapix li{
	float:left;
	width:300px;
	margin:5px 8px;
}
#sapix_link{
	width:806px;
	margin:0 auto;
	overflow:hidden;
}

#sapix_link li{
	float:left;
}
.sapix section{
	width:980px;
	margin:0 auto;
}
#main section.list article #s_logo{
	width:330px;
	margin-right:15px;
	margin-left:15px;
	margin-top:15px;
}
#main section.list article p#sapix_text{
	width:560px;
	font-size:28px;
	font-weight:bold;
	color:#103669;
	margin-top:20px;
	line-height:1.5em;
font-family:Sura-B;
	}
	
#main section.list article p#sapix_text2,span#sapix_text{
	font-size:20px;
	font-weight:bold;
	color:#103669;
	margin-top:50px;
	line-height:1.5em;
}
#main section.list article p.link_sapix{
	margin-top:25px;
	width:250px;
}
#main section.list article p.link_sapix a{
	padding:0;
	color:#90F;
}
#main section.list article p.link_sapix a:hover {
	color: #fa5d95;				/*文字色*/
}
#link_sapix a{
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;
	padding:0;
	color:#90F;
}

#link_sapix a:hover {
	background-color: transparent;
	color: #fa5d95;
}
#mainimg10 {
	clear: left;
	width: 1280px;	/*幅*/
	position: relative;
	border-radius: 4px;		/*角丸のサイズ*/
	margin-bottom: 0px;	/*画像の下の余白*/
	margin-top:0px;
	margin-left:0px;
	margin: 0px -500% 0 -500%;
	padding: 0px 500%;
	
}

@font-face {
font-family: Sura-B;
src: url(../fonts/F+UD-Seurat-B_subset.woff?202507010954);
}
@font-face {
font-family: Sura-M;
src: url(../fonts/F+UD-Seurat-M_subset.woff?202507010954);
}
.button input[type="button"] {
    color:#ffffff;
    font-size:24px;
font-family: Sura-B, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight: bold;
border-radius:0px;   
    padding:0px;
background:#04B404;
    cursor:pointer;
    display:block;
    width:240px;
height: 64px;
margin-left:auto;
margin-right:auto;
}
.button2 input[type="button"] {
    color:#ffffff;
    font-size:24px;
font-family: Sura-B, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight: bold;
border-radius:0px;   
    padding:0px;
background:#808080;
    cursor:pointer;
    display:block;
    width:240px;
height: 64px;
margin-left:auto;
margin-right:auto;
}

header #head_p_form {
	float:right;
	margin-right:40px;
	padding-top:6px;
}
header #head_p_form p{
	float:left;
	margin-left:20px;
}
footer_contact {
	
	clear: both;
	text-align: left;
	color: #ffffff;				/*文字色*/
	/*背景色*/
font-family:Sura-B;
/*font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";*/
}
footer_contact ul{
	/*margin:2px;*/
	background-color:#006834;
	margin: 0 -500%;
	padding: 30px 500% 0px 500%; 
}
footer_contact ul li{
	font-size:16px;
line-height:2.5em;
	/*margin:5px 0;*/
}
footer_contact #copy{
	background-color:#c89f62;
	margin: 0 -500%;
	padding: 0px 500%;
	height:22.4px; 
}

footer_contact p{
	float:left;
	margin:0 5px 0 0 ;
}
footer_contact .pr {
	display: block;
	font-size: 80%;
}
footer_contact a {
	text-decoration: none;
	color: #ffffff;
}

footer_contact a:hover,
a:focus {
	text-decoration: none;
	color: #ffffff;
}


/*
footer_contact ul li a:hover,
footer_contact ul li#current a  {
	color: #ff61e1;
}
*/
#oyakusoku{
	background:url(../images/oyakusoku.png) repeat;
	margin: 0 -500%;
	padding: 3px 500% 0px 500%; 
}
#main p.title_oyakusoku{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin-top:50px;
font-family:Sura-B;
}
textarea.form-contact {
resize: none;
overflow-x: hidden;  
display: block;
  width: 100%;
  height: 200px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#intro{
margin: 8px 0 0 0;
padding: 56px 0 0 0;
}
#intro_main{
font-size: 19.2px;
line-height: 1.5em;

}
#intro_notice{
color: red;
font-size: 18px;
line-height: 1.5em;
margin: -10px 0 0 15px;
}
#intro_notice li{
margin: 0 0 0 25px;
}
div#header_fixed
{
    position: fixed;            /* ヘッダーの固定 */
width: 100%;                /* 横幅100%　*/
    height: 56px;              /* 縦幅140px */

z-index: 1;
margin-left: -500%;
padding-left: 500%;
}
div#header_background
{
position:absolute;
top:0;
left:0;
opacity:0.9;
width: 100%;                /* 横幅100%　*/
    height: 56px;
background: white;
}

div#head_top { 
	
width: 980px;	/*ブロックの幅*/
	height: auto;	/*ブロックの高さ*/
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0;
	overflow:hidden;
z-index: 2;
}

#course_box {
	clear: left;
	width: 980px;	/*幅*/
	position: relative;
	margin: 30px 0px 0px 80px;	/*画像の下の余白*/
}
#course_box a {
	margin: 0px 0px 0px 0px;
	}
#course_box a img{
	width: 819.2px;
height: auto;
margin:0 0 10px 0;
	}

#pigma_box {
	clear: left;
	width: 980px;	/*幅*/
	position: relative;
	margin: 0px 0px 0px 80px;	/*画像の下の余白*/
	}
#pigma_box p{
font-size: 14.4px;
}
#pigma_box a img{
width: 819.2px;
height: auto;
}
.menu_btn {
    background:transparent url(../images/menu_btn.png) no-repeat 0 0;
background-size: 64px 32px;    
display: block;
    width:32px;
    height: 32px;
    position: fixed;
    top:11.2px;
    right:248px;
    cursor: pointer;
    z-index: 200;
}
.peke {
    background-position: -32px 0;
}
.drawr {
    display: none;
    
    position: fixed;
    top: 0px;
    right:0;
    width:280px;
    padding:50px 0 20px 20px;
    z-index: 100;
background:transparent url(../images/menu_bk.png) repeat-y;
background-size: 300px auto;
}
#new_menu li:not(.return_menu) {
    width:208px;
font-family:Sura-B;
font-size: 14.4px;
padding: 0px 10px 0px 10px;
line-height:2.2em;
}
#new_menu li a {
    color:white;
    display: block;
text-decoration: none;
}
/*#new_menu p {
margin: 20px 40px 0 10px;
line-height: 1.5em;
color:yellow;
font-family:Sura-M;
font-size: 12.8px;
}*/
#kitty_link{
margin-top: -5px;
margin-bottom: -10px;
}
#boys_link{
margin-top: -15px;
margin-bottom: 10px;
}
#mainimg_top {
	width: 1308.8px;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	margin: 0 0 0 -164.4px;
	padding: 50px 0 0 0; 
text-align: center;
}
#mainimg_top_bg{
	position: relative; 
text-align: center;
background: url(../images/top_bg.png) center center / cover no-repeat fixed;
}
#mainimg_top_bg_mm{
	position: relative; 
text-align: center;
}
.mainimg_top_wrapper{
width: 1308.8px;
height: auto;
position: relative;
	margin: 0 auto 0 auto;
	padding: 50px 0 0 0; 
text-align: center;
}
.kitty{
float:left;
margin:40px 40px 0 0;
width: 614.4px;
height:352px;
animation: fadeIn 2s cubic-bezier(0, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0, 0, 1.0, 1.0) 0s 1 normal;
}
.boys{
float:right;
margin: 40px 0 0 40px;
width: 614.4px;
height:352px;
animation: fadeIn 2s cubic-bezier(0.5, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0.5, 0, 1.0, 1.0) 0s 1 normal;
}
.logo{
margin:50px 0 0 0;
width: 819.2px;
height: 128px;
animation: fadeIn 2s cubic-bezier(0.9, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0.9, 0, 1.0, 1.0) 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
div #head_p_center {
text-align: center;
}

div #head_p_center_form {
text-align: center;
}

div#head_p_mascot {
text-align: left;
}
.mascot{
position: absolute;
top: 6px;
left: 0;
right: 0;
bottom: 0;

width:40px;
height: 40px;
}

#charatai{
text-align: center;
margin: 0 0 20px 0;
}
#charatai a img{
width: 468px;
height: 60px;
}
#boys_notice{
color: red;
font-size: 20px;
}
#main p.title_form{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:112px 0 16px 0;
	margin:8px 0 0 0;
font-family:Sura-B;
}
#main p.title_form_kitty{
	font-size:50px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:100px 0 20px 0;
	margin:10px 0 0 0;
font-family:Sura-B;
}
#main p.title_form_boys{
	font-size:50px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0px 0 20px 0;
	margin:20px 0 0 0;
font-family:Sura-B;
}
#main p.title_minor{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:140px 0 0 0;
	margin:10px 0 0 0;
font-family:Sura-B;
}
.semi_logo{
margin:20px 0 -20px 0;
width: 819.2px;
height:auto;
}
#main p.title_kogumasapix{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding:0;
	margin-top:60px;
font-family:Sura-B;
}
#choice_message{
font-size:32px;
		text-align:center;
	display:block;
	color:#595757;
	margin-top:-40px;
	margin-bottom:24px;
}
#choice_message_2{
font-size:32px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#595757;
	padding-top:120px;
	margin-bottom:56px;
font-family:Sura-B;
line-height: 1.5em;
}
.kitty_campaign{
width: 456px;
height: 190px;
float: left;
}
.boys_campaign{
width: 456px;
height: 190px;
float: right;
}
#mail_address{
padding: 150px 0 100px 0;
font-size: 20px;
margin: 10px 0 0 0;
}
.fadein {
    opacity : 0;
    transform : translate(0, 0px);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.nyukai_btn_pc{
width: 333px;
height: 80px;
}
.nyukai_btn_sp{
display: none;
}
/*@media only screen and (max-width: 980px) {
.nyukai_btn_pc { display: none; }
}*/
.math_img_sp{
display: none;
}
@media only screen and (max-width: 980px) {
.math_img_pc { display: none; }
}
.campaign_warning{
color: red;
font-family:Sura-B;
font-size: 19.2px;
border-style: solid;
border-color:red;
margin-top:0px;
margin-bottom:16px;
padding:10px 10px 10px 15px;
}
.kiyaku_wrapper{
text-align:center;
}
.kiyaku_board{
display: inline-block;
text-align:left;
height: auto;
width: 924px;
color: #717071;
background: #f7f7f7;
border: 2px solid #00a0e8;
padding:40px 16px 40px 40px;
}
.kiyaku_board img{
margin-top:-8px;
/*margin-bottom:-10px;*/
width:auto;
height:72px;
}

.kiyaku_font_large{
color: #717071;
font-family:Sura-B;
font-size:40px;
margin: 0px 0px 0 0px;
line-height: 20px;
}
#atobarai_font{
line-height:0px;
margin-bottom:-10px;
}
.kiyaku_font_medium{
font-size:28px;
font-family:Sura-B;
}
.kiyaku_font_small{
font-size:22.4px;
margin-top:0px;
line-height:0px;
font-family:Sura-B;
margin-bottom:4px;
}
.kiyaku_orange{
color: #ea5414;
}
.kiyaku_underline{
text-decoration: underline;
}
#pigma_guidance{
line-height: 1.2em;
margin: -20px 16px -16px 158.4px;
}
#delivery_timing{
margin-top:-5px;
margin-bottom:5px;
padding-top:0px;
line-height: 0px;
}
#delivery_timing_new{
margin-top:-20px;
margin-bottom:-15px;
padding-top:0px;
line-height: 1.4em;
}
#delivery_general{
margin-top:0px;
line-height: 0px;
}
#second_sentence{
margin:-52px 20px -34px 158.4px;
line-height:1.2em;
}
.campaign_large_button{
border: 1.5px solid #c9c9ca;
border-radius: 30px;
width:480px;
height:200px;
box-shadow: 3.2px 3.2px #9f9fa0;
padding:16px 0px 8px 0px;
text-align:center;
vertical-align: middle;
margin-bottom:4px;
font-family:Sura-B;
}
.campaign_large_button img{
width:448px;
height: auto;
float:none;
}
.campaign_large_button a{
text-decoration:none;
}
#kitty_campaign_large_button{
float:left;
}
#kitty_campaign_large_button img{
width:360px;
height:auto;
margin-top:-4px;
}
#boys_campaign_large_button{
float:right;
}
#boys_campaign_large_button img{
width: 384px;
margin-top:-2.4px;
}
.kiyaku_padding{
padding-top:80px;
margin-top:8px;
}
.kiyaku_top_new{
font-family:Sura-B;
color: white;
padding:24px 138px 40px 138px;
font-size:52px;
width: 704px;
height: 296px;
background:url(../images/kitty_kiyaku_top.png) no-repeat;
background-size:980px auto;
text-align: center;
letter-spacing: 2.4px;
line-height: 0px;
}
.kiyaku_redfont{
display: inline-block;
color: white;
width: auto;
height: auto;
background-color:red;
line-height: 0px;
font-size:48px;
margin-top:8px;
margin-top: 0px\9;/* IE10未満 */
}
@media all and (-ms-high-contrast: none){
  .kiyaku_redfont{
    margin-top: 0px; /* IE10以上 */
  }
}
/* edge12以上 */
/*@supports (-ms-ime-align:auto) {
  .kiyaku_redfont{
    margin-top: 0px; 
  }
}*/
.kiyaku_redfont p{
margin:4px 0 -8px 0;
margin:16px 0 -17.6px 0\9;/* IE10未満 */
letter-spacing: 0.8px;
}
@media all and (-ms-high-contrast: none){
.kiyaku_redfont p{
margin:16px 0 -17.6px 0;/* IE10以上 */
}
}
/* edge12以上 */
/*@supports (-ms-ime-align:auto) {
.kiyaku_redfont p{
margin:16px 0 -17.6px 0;
}
}*/
.kiyaku_hksemi_logo{
margin-bottom:32px;
width: 409.6px;
height: 64px;
}
#campaign_exp{
	text-align:left;
	font-size:16px;
font-family:Sura-B;
margin-bottom:16px;
}
#kiyaku_padding_boys{
padding-top:0px;
margin-top:0px;
}
#kiyaku_top_new_boys{
padding:24px 138px 40px 138px;
font-size:52px;
width: 704px;
height: 296px;
background:url(../images/boys_kiyaku_top.png) no-repeat;
background-size: 980px auto;
letter-spacing: 0px;
}
#campaign_warning_boys{
margin-top:0px;
}
.choice_button{
display:inline-flex;
width:350px;
height: 60.4px;
background: #00a0e8;
border-left: 0px solid #c9c9ca;
border-right: 0px solid #c9c9ca;
border-bottom: 0px solid #c9c9ca;
border-radius: 0 0 6.4px 6.4px;
text-decoration: none;
}
.choice_button:hover{
text-decoration: none;
}
.top_icon{
height: 34.4px;
width: auto;
margin: 12.8px 0px 0 17.6px;
}
.freetrial{
font-size: 25.6px;
font-family:Sura-B;
color:white;
/*text-shadow: 2px 2px 0 #717071;*/
margin: 2.4px 0 0 17px;
}
.limited_messages{
display: inline-flex;
justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
width: 88px;
  height: 50.4px;
font-size: 17.6px;
font-family:Sura-B;
color:white;
/*text-shadow: 2px 2px 0 #717071;
box-shadow: 2px 2px 0 #717071;*/
margin: 1.6px 0px 0px 2.4px;
background: red;
line-height: 1;
padding-bottom: 4px;
letter-spacing: 0px;
}
@media all and (-ms-high-contrast: none){
.freetrial{
margin: 7px 0 0 17px;/* IE10以上 */
}
.limited_messages{
padding-bottom: 0px;/* IE10以上 */
padding-top: 4px;/* IE10以上 */
}
}
.freetrial_form{
font-size: 25.6px;
font-family:Sura-B;
color:white;
/*text-shadow: 2px 2px 0 #717071;*/
margin: 9px 0 0 17px;
}
@media all and (-ms-high-contrast: none){
.freetrial_form{
margin: 15px 0 0 17px;/* IE10以上 */
}
}
.footer_notice{
font-family: Sura-M;
}
.footer_contact_notice{
font-family: Sura-M;
}
.kitty_campaign_comment{
background: #ea5414;
font-size: 30.4px;
color: white;
height: 68px;
height: 60px\9;/* IE10未満 */
letter-spacing: 1.6px;
margin-top:8px;
padding: 8px 0 0px 0\9;/* IE10未満 */
}
.boys_campaign_comment{
background:#00a0e8;
height: 68px;
height: 60px\9;/* IE10未満 */
font-size: 30.4px;
color: white;
margin-top:2.4px;
padding: 8px 0 0px 0\9;/* IE10未満 */
letter-spacing: 1.6px;
}
.kitty_campaign_limited_comment{
display:inline-block;
width: 240px;
height:28px;
height:21.6px\9;/* IE10未満 */
padding-top:20px;
padding-top:26.4px\9;/* IE10未満 */
line-height: 0;
font-size: 30.4px;
color: red;
border-top: 3.2px solid red;
border-bottom:3.2px solid red;
margin-top: 12px;
/*text-shadow: 3.2px 3.2px 0 #c9c9ca;*/
letter-spacing: 1.6px;
}
.boys_campaign_limited_comment{
font-size: 30.4px;
color: #036eb8;
/*text-shadow: 3.2px 3.2px 0 #c9c9ca;*/
letter-spacing: 1.6px;
margin-top:2.4px;
margin-top:9.6px\9;/* IE10未満 */
}
.boys_font_stretch{
font-size:28px;
}
@media all and (-ms-high-contrast: none){
.kitty_campaign_comment{
height: 60px;/* IE10以上 */
padding: 8px 0 0px 0;/* IE10以上 */
}
.boys_campaign_comment{
height: 60px;/* IE10以上 */
padding: 8px 0 0px 0;/* IE10以上 */
}
.kitty_campaign_limited_comment{
height:21.6px;/* IE10以上 */
padding-top:26.4px;/* IE10以上 */
}
.boys_campaign_limited_comment{
margin-top:9.6px;/* IE10以上 */
}
}
.sura-b_bold{
font-family: Sura-B;
}
.choice_button_large{
margin-left:80px;
display:inline-flex;
width:816px;
height: 192px;
background: #00a0e8;
border: 0px solid #c9c9ca;
border-radius: 12.8px;
text-decoration: none;
margin-top:56px;
box-shadow: 4px 4px 0 #9f9fa0;
}
.top_icon_large{
height: 96px;
width: auto;
margin: 48px 0px 0 48px;
}
.freetrial_large{
font-size: 52px;
font-family:Sura-B;
color:white;
/*text-shadow: 5px 5px 0 #717071;*/
margin: 38px 5px 0 33px;
}
.limited_messages_large{
display: inline-flex;
justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
width: 284px;
  height: 160px;
font-size: 56px;
font-family:Sura-B;
color:white;
/*text-shadow: 5px 5px 0 #717071;
box-shadow: 5px 5px 0 #717071;*/
margin: 6.4px 0px 0px 0px;
background: red;
line-height: 1;
padding-bottom: 16px;
letter-spacing: 0px;
text-align:center;
}
@media all and (-ms-high-contrast: none){
.freetrial_large{
margin: 50px 5px 0 33px;/* IE10以上 */
}
.limited_messages_large{
padding-bottom: 0px;/* IE10以上 */
padding-top: 12px;/* IE10以上 */
}
}
.footer_space{
margin-top:50px;
}
.pigma_jump{
margin-left: -15px;
font-size:20px;
}
.pigma_jump a{
color: #595757;
}
.pigma_warning{
padding: 150px 0 100px 0;
font-size: 20px;
margin: 10px 0 0 0;
color: red;
}
#full_set{
width: 980px;
height: auto;
}

#switch {
   list-style: none;
text-align: center;
margin-bottom: 24px;
  }
#switch img{
width: 288px;
height: 43.2px;
}
.switch_btn {
 display: inline-flex;
   padding: 4px;
   background: #eeefef;
   border:solid 3.2px #b4b5b5;
border-radius: 8px;
box-shadow: 1.6px 1.6px 6.4px #b4b5b5;
   }
.switch_btn:hover {
  opacity: .8;
  cursor: pointer;
  }
.inactive {
opacity: 1;
box-shadow: 0px 0px 0px 0px #b4b5b5;
border:solid 3.2px #f18d1d; 
 background: #f8b62c;
}
.inactive:hover {
opacity: 1;
  cursor: default;
  }
.boxDisplay { display: block; }
.boxNone { display: none; }

#eraser{
text-align:center;
}
#mainimg_course_nensho_norimono {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/course_topbk_nensho_norimono.png) repeat;
	background-size: auto 576px;
text-align:center;
}
#mainimg_course_nenchu_norimono {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/course_topbk_nenchu_norimono.png) repeat;
background-size: auto 576px;
	text-align:center;
}
#mainimg_course_nencho_norimono {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background:url(../images/course_topbk_nencho_norimono.png) repeat;
background-size: auto 576px;	
text-align:center;
}
#mainimg_course_pre_norimono {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background-color:#009b73;
background-size: auto 576px;	
text-align:center;
}
#mainimg_course_petit_norimono {
	clear: left;
	width:980px;	/*幅*/
	height: 576px;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	margin: 0 -500% 0px -500%;
	padding: 64px 500% 0 500%; 
	background-color:#9ed8f6;
background-size: auto 576px;	
text-align:center;
}
.course_banner{
border: 0px solid #c9c9ca;
border-radius: 24px;
width:320px;
height:175px;
box-shadow: 3.2px 3.2px #9f9fa0;
padding:16px 0px 8px 0px;
text-align:center;
vertical-align: middle;
margin-bottom:4px;
font-family:Sura-B;
}
.course_banner img{
width:90%;
height: auto;
float:none;
}
#kitty_banner{
float:left;
background:#fceef4;
margin-left:10px;
}
#kitty_banner img{
width:80%;
height:auto;
margin-top:16px;
}
#norimono_banner{
float:right;
background:#eaf6fd;
}
#norimono_banner img{
width: 80%;
height:auto;
margin-top:16px;
}
#moco_banner{
float:left;
background:white;
}
#moco_banner img{
width:80%;
height:auto;
margin-top:16px;
}
.kitty_test{
float:left;
margin:50px 10px 0 0;
width: 806px;
height:462px;
animation: fadeIn 2s cubic-bezier(0, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0, 0, 1.0, 1.0) 0s 1 normal;
}
.boys_test{
float:right;
margin: 50px 0 0 10px;
width: 806px;
height:462px;
animation: fadeIn 2s cubic-bezier(0.5, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0.5, 0, 1.0, 1.0) 0s 1 normal;
}
.logo_test{margin:120px 0 0 0;
width: 1024px;
height: 160px;
animation: fadeIn 2s cubic-bezier(0.9, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0.9, 0, 1.0, 1.0) 0s 1 normal;
}
#campaign_second{
line-height: 1.2em;
margin: -25px 20px -20px 112px;
}
.kitty_campaign_comment_2{
background: #e4007e;
font-size: 38px;
color: white;
height: 85px;
height: 75px\9;/* IE10未満 */
letter-spacing: 2px;
margin-top:10px;
padding: 10px 0 0px 0\9;/* IE10未満 */
}
#choice_kitty_notice{
font-size:20px;
		text-align:left;
	display:block;
	color:red;
	margin-top:-50px;
	margin-bottom:30px;
font-family:Sura-B;
}

#kitty_campaign_large_button_2{
float:right;
}
#kitty_campaign_large_button_2 img{
width:450px;
height:auto;
margin-top:-5px;
}
hr.border_simple{
	border-top:1.5px solid #c9c9ca;
	margin: 0 -500%;
	padding: 0px 500%;
	}
@font-face {
font-family: minamoto;
src: url(../fonts/SourceHanSerif-ExtraLight_subset.woff?202212111748);
}
.important_message_large{
font-family: minamoto;
font-size: 64px;
margin: 64px 0px 40px 60px;
line-height: 1.8em;
}
.important_message_text{
font-family: minamoto;
font-size: 19.2px;
color: black;
margin: 0px 40px 96px 60px;
line-height: 2em;
}
#error_contact{
color: blue;
}
.kiyaku_top_bf{
font-family:Sura-B;
color: white;
padding:24px 138px 40px 138px;
font-size:52px;
width: 704px;
height: 296px;
background:url(../images/bftop.png) no-repeat;
background-size:980px auto;
text-align: center;
letter-spacing: 2.4px;
line-height: 0px;
}
.kiyaku_top_bf_new{
font-family:Sura-B;
color: white;
padding:24px 118px 40px 118px;
font-size:52px;
width: 744px;
height: 296px;
background:url(../images/bftop.png) no-repeat;
background-size:980px auto;
text-align: center;
letter-spacing: 0px;
line-height: 0px;
}
.kiyaku_bf_logo{
margin-bottom:32px;
width: 819.2px;
height: 64px;
margin-left: -44px;
}
.ceo_cv{
font-family: minamoto;
font-size: 24px;
color: black;
line-height: 2em;
}
.ceo_text{
font-family: minamoto;
font-size: 24px;
color: black;
margin: 0px 0px 0px 0px;
line-height: 2em;
}
.ceo_cv_box{
float: right;
width: 930px;
display: inline-block;
margin: 0 -30px 0 50px;
}
.ceo_image{
margin: 10px 0 0 0;
display: inline-block;
}
.ceo_image img{
width:324px;
height:420px;
}
.ceo_box{
display: inline-block;
margin:200px 0 75px 0;
}
.ceo_box2{
margin: 75px 0 100px 0;
}
#curriculum{
width:784px;
height:672px;
margin-left: 98px;
}
#curriculum_math{
width:784px;
height:672px;
}
#curriculum_petit{
width:784px;
height:336px;
margin-left: 98px;
}
#course_top{
width:784px;
height: 560px;
margin: 0 auto;
}
#course_contents{
width:784px;
height: 320px;
margin-left: 98px;
}
#course_contents_wide{
width:784px;
height: 320px;
}
.yellow_notice{
line-height:1.5em;
font-size: 14.4px;
background-color:#006834;
margin:0 -500% 0 -500%;
padding:40px 500% 50px 500%;
color:yellow;
font-family:Sura-M;
}
.yellow_link{
text-decoration: underline;
color:yellow;
}
.yellow_link:hover{
text-decoration: underline;
color:yellow;
}
.yellow_notice_menu{
line-height:1.5em;
font-size: 12px;
padding:25px 40px 0 10px;
color:yellow;
font-family:Sura-M;
}
.yellow_link_menu{
text-decoration: underline;
color:yellow;
}
.yellow_link_menu:hover{
text-decoration: underline;
color:yellow;
}
.nencho_choice{
background:#54c2f1;
}
.nenchu_choice{
background:#f18d1d;
}
.nensho_choice{
background:#e2ce00;
}
.pre_choice{
background:#13ad67;
}
.petit_choice{
background:#9ed8f6;
}
#choice_message_white{
font-size:32px;
		text-align:center;
	display:block;
	color:white;
	margin-top:-40px;
	margin-bottom:24px;
}
#choice_message_2_white{
font-size:32px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:white;
	padding-top:120px;
	margin-bottom:56px;
font-family:Sura-B;
line-height: 1.5em;
}
.minamoto{
font-family: minamoto;
}
.minamoto_black{
font-family: minamoto;
color:black;
}
.kiyaku_course_cost{
font-size:28px;
font-family:Sura-B;
margin: -85px 0px 0px 160px;
}
.kiyaku_taikai_kigen{
font-size:28px;
font-family:Sura-B;
color: #ea5414;
margin:-20px 0 -15px 157px;
}
.moco_sp{
display: none;
}
@media only screen and (max-width: 980px) {
.moco_pc { display: none; }
}
.moco_pc{
width: 980px;
height:245px;
margin: -200px 0 80px 0;
animation: fadeIn 2s cubic-bezier(0, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2s cubic-bezier(0, 0, 1.0, 1.0) 0s 1 normal;
}
#moco_warning{
margin:30px 0 -30px 0;
}
#kiyaku_registration{
	line-height: 1.2em;
	margin: -50px 20px -30px 112px;
}
.moco_fadeout{
	width:140px;
	height:200px;
	padding-top:100px;
	margin-left:-140px;
	animation-name: fadeout;
	animation-duration: 1.5s;
	animation-timing-function:cubic-bezier(1.0, 0, 1.0, 0);
	position:relative;
	z-index:100;
}
@keyframes fadeout {
	from{
	transform: translateX(140px);
	}
	to{
	transform: translateX(0);
	}
}
.moco_fadeout img{
	width:140px;
	height:200px;
}
@media all and (-ms-high-contrast: none){
.moco_fadeout{
	animation-name:none;
}
}
.return_menu{
	width:208px;
font-family:Sura-B;
font-size: 14.4px;
padding: 0px 10px 8px 10px;
line-height:1.2em;
}
#cancel_method{
	margin:-51px 20px -8px 158.4px;
line-height:1.2em;
}
#mainimg_mchannel_shell {
	clear: left;
	width:980px;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	border-radius: 3.2px;		/*角丸のサイズ*/
	padding: 100px 0 60px 0; 
	text-align:center;
}
#mainimg_mchannel{
width:840px;
height: auto;
margin: 0 auto;
}
#mchannel_picture{
width:784px;
height: auto;
}
#mchannel_pictureflame {
	clear: left;
	width:980px;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	text-align:center;
	margin-bottom:50px;
}
#sensei_picture{
	width:300px;
	height:auto;
}
.sensei_picture_flame{
	text-align:center;
	margin-bottom:30px;
}
.mchannel_exflame{
	width:784px;
	height:auto;
	border: solid;
	border-color:#b4b5b5;
	border-radius:4px;
	border-width:10px;
	margin:0 auto 30px auto;
	padding-top:20px;
	background-color:#eaf6fd;
}
.mchannel_largetext{
	font-size:24px;
	width:672px;
	margin:-40px auto 10px;
	font-family:Sura-B;
}
.mocosan_sleep{
	width:784px;
	height:auto;
	margin:-120px auto 0 auto;
}
.mocosan_sleep_image{
	width:100%;
	height:auto;
}
.mchannel_movie{
	width:784px;
	height:auto;
}
.mchannel_movie_shell{
	text-align:center;
	margin: 50px 0 15px 0;
}
.mocomoco_contact{
	color:white;
	background-color:red;
	padding:10px 10px 10px 10px;
	font-size:14px;
	font-family:Sura-B;
	margin-bottom:-80px;
}
.mocomoco_contactinfo{
	font-size:16px;
	margin-bottom:-10px;
}
.mocomoco_contact_space{
	padding-top:100px;
	margin-top:10px;
}
.kiyaku_top_month{
	padding: 0.5em 0px 1em
}
.mchannel_mocosan_shell{
	clear: left;
	width:980px;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	text-align:center;
}
.mchannel_mocosan_shell_2{
	clear: left;
	width:980px;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	text-align:center;
	background:url(../images/mocosan_picture_back.png) repeat-x;
	background-size:auto 481px;
	margin: 0 -500%;
	padding: 0px 500%;
}
.mchannel_red_zone{
	background-color:#c7000b;
	margin-top:70px;
}
.title_red_zone{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:white;
	padding-top:40px;
	margin-top:0px;
margin-bottom:20px;
font-family:Sura-B;
}
.mocosan_purchase_top{
padding:70px 0px 60px 0px;
width: 980px;
height: auto;
text-align: center;
}
.tensen{
	background:url(../images/tensen.png) repeat-x;
	background-size:auto 10px;
	height:10px;
	border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
	margin:0 0 0 0;
}
.tensen2{
	background:url(../images/tensen.png) repeat-x;
	background-size:auto 5px;
	height:5px;
	border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
	margin:0 0 0 0;
}
.mclogo_place{
	text-align:center;
	margin-top:50px;
}
.mc_link{
	text-align:right;
	margin-bottom:30px;
}
.mc_link a{
	font-family:Sura-B;
text-decoration: none;
color:#036eb8;
}
#mcfade{
	animation: fadeIn 2.5s cubic-bezier(0.9, 0, 1.0, 1.0) 0s 1 normal;
    -webkit-animation: fadeIn 2.5s cubic-bezier(0.9, 0, 1.0, 1.0) 0s 1 normal;
}
#mcnpicture{
	margin-top:10px;
}
.font_adjuster{
	font-family:Sura-B;
}
.kiyaku_font_small2{
font-size:22.4px;
margin-top:0px;
line-height:0px;
font-family:Sura-B;
margin-bottom:4px;
margin-top:10px;
}
#kiyaku_registration2{
	line-height: 1.2em;
	margin: -50px 20px -30px 112px;
}
#acMenu dt{
display:block;
cursor:pointer;
margin-left:6px;
font-weight:normal;
}
#acMenu dd{
display:none;
margin-left:6px;
font-weight:normal;
}
#mc_form_title{
line-height:2em;
}
#mc_form_sentence{
line-height:2em;
font-size:16px;
margin-left:35px;
}
.entry_notice{
	text-align:center;
	color:orange;
	font-family:Sura-B;
	font-size:30px;
	margin-top:20px;
	margin-bottom:-50px;
}
.bottom_notice{
	font-size:16px;
	width:672px;
	margin:20px auto -30px auto;
	font-family:Sura-B;
	color:red;	
}
.mc_lineheight_adjuster{
	line-height:200%;
}
.mc_lineheight_adjuster2{
	line-height:400%;
}
.mchannel_movie_shell2{
	text-align:center;
	margin: 50px 0 80px 0;
}
.kiyaku_cost{
	text-align:center;
	height: auto;
width: 980px;
}
.kiyaku_cost img{
height: auto;
width: 100%;
border: 2px solid #00a0e8;
}
.pigma_notice_sp{
display: none;
}
@media only screen and (max-width: 480px) {
.pigma_notice_pc { display: none; }
}
.pigma_notice_pc{
width: 819.2px;
height:auto;
}
.lppicture{
	width:100%;
	height:auto;
}
.outsidemmstomme{
	width:720px;
	margin:100px auto 0 auto;
	font-size:16px;
	line-height:200%;
	color:#595757;
}
.outsidemmstommebanner{
width:392px;
margin:0 auto;
text-align:center;
}
.outsidemmstommebanner a img{
	width:100%;
	margin:0 auto;
}
.outsidelink_wrapper{
width:100%;
background-color:#006552;
height:280px;
padding-top:215px;
}
.outsidelink{
width:980px;
margin:0px auto;
}
.outsidelink_left{
width:180px;
float:left;
font-size:16px;
font-family:Sura-B;
color:white;
text-align:left;
padding-top:80px;
}
.outsidelink_right{
width:800px;
float:right;
}
.outsidelink_right img{
float:left;
width:45%;
margin-right:2%;
}
.link_mmstomme a{
color:#003F98;
font-family:Sura-B;
text-decoration:underline;
}
.jisseki_top{
font-family: minamoto;
font-size: 32px;
margin: 64px 0px 40px 60px;
line-height: 1.8em;
text-align:center;
}
.jisseki1{
float:left;
margin-top:-96px;
width:326px;
height:auto;
}
.jisseki2{
float:left;
margin-top:-96px;
width:326px;
height:auto;
}
.jisseki3{
float:left;
margin-top:-96px;
width:326px;
height:auto;
}
.karadanote_space{
height:50px;
}
.karadanote_space2{
height:50px;
}
.karadanote_lineheight{
line-height:200%;
}
.karadanote_lineheight p{
line-height:200%;
}
.contact_aformer{
text_decoration:none;
color:yellow;
}
.contact_aformer:hover{
text_decoration:none;
color:yellow;
}
.contact_aformer2{
text_decoration:none;
color:white;
}
.contact_aformer2:hover{
text_decoration:none;
color:white;
}
.contact_aformer3{
text_decoration:none;
color:rgb(248,182,44);
}
.contact_aformer3:hover{
text_decoration:none;
color:rgb(248,182,44);
}
.np_form img{
	margin-bottom:0px;
}
.np_detail_wrap{
	width:380px;
	margin:-43px 0 -10px 503px;
}
.np_detail{
	font-size:10px;
	/*border:1px solid #717071;*/
	width:475px;
	transform: scale(0.8);
}
.np_detail a{
	color:#717071;
	text-decoration:none;
}
.np_detail a:hover{
	color:#717071;
	text-decoration:none;
}
.np_kiyaku_sub{
	font-size:22.4px;
margin-top:20px;
line-height:0px;
font-family:Sura-B;
margin-bottom:0px;
}
.kiyaku_payment_method{
	padding-bottom:-20px;
}
#corporate_top{
width:784px;
height: auto;
margin: 100px auto 20px auto;
}
#corporate_top_sp{
display:none;
}
#mainimg_corporate {
	clear: left;
	width:980px;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	text-align:center;
}
.corporate_bar{
width:100%;
height:100px;
font-family:Sura-B;
font-size:36px;
color:white;
background-color:#717071;
text-align:center;
vertical-align:middle;
padding:20px 0 0 0;
}
.corporate_bar a{
text-decoration:none;
color:white;
}
.corporate_box{
	width:800px;
	height:auto;
	margin:100px auto 150px auto;
	}
.corporate_box img{
	float:left;
	width:140px;
	height:auto;
	margin-right:50px;
	}
.corporate_alltextarea{
	height:960px;
	background-color:#eeefef;
	padding-top:60px;
	}
.corporate_textarea{
	width:800px;
	height:100px;
	color:black;
	margin:0px auto 60px auto;
	}
.corporate_textarea img{
	float:left;
	width:80px;
	height:auto;
	margin-right:20px;
}
.corporate_text{
	text-decoration:underline;
	font-family:Sura-B;
	font-size:20px;
}
.corporate_box2{
	width:980px;
	height:auto;
	margin:40px auto -54px auto;
	text-align:right;
	}
.corporate_box2 img{
	width:140px;
	height:auto;
	}
.mms_c{
	width:600px;
	height:auto;
	text-align:center;
	margin:0 auto 80px auto;
	}
.mms_c img{
	width:100%;
	height:auto;
}
.corporate_greeting{
	font-size:16px;
	padding-top:40px;
}
.corporate_greeting2{
	float:left;
	font-size:16px;
	padding:60px 20px 0 160px;
}
#courseeachline1{
	width:816px;
	height:238px;
	margin:50px 0 50px 80px;
}
.chngbtnleft{
	width:393px;
	height:auto;
	float:left;
}
.chngbtnleft img{
	width:393px;
	height:auto;
}
.chngbtnright{
	width:393px;
	height:auto;
	float:right;
}
.chngbtnright img{
	width:393px;
	height:auto;
}
#courseeachline2{
	width:816px;
	height:238px;
	margin:0 0 40px 80px;
}
.maprbtnleft{
	width:252px;
	height:auto;
	float:left;
	margin-right:30px;
}
.maprbtnleft img{
	width:252px;
	height:auto;
}
.maprbtncenter{
	width:252px;
	height:auto;
	float:left;
}
.maprbtncenter img{
	width:252px;
	height:auto;
}
.maprbtnright{
	width:252px;
	height:auto;
	float:right;
}
.maprbtnright img{
	width:252px;
	height:auto;
}
#courseeachline3{
	width:816px;
	height:268px;
	margin:0 0 0 80px;
}
.shochobtnleft{
	width:252px;
	height:auto;
	float:left;
	margin-right:30px;
}
.shochobtnleft img{
	width:252px;
	height:auto;
}
.shochobtncenter{
	width:252px;
	height:auto;
	float:left;
}
.shochobtncenter img{
	width:252px;
	height:auto;
}
.shochobtnright{
	width:252px;
	height:auto;
	float:right;
}
.shochobtnright img{
	width:252px;
	height:auto;
}
.newqabar{
	width:100%;
	height:50px;
	color:white;
	font-family:Sura-B;
	font-size:20px;
	text-align:center;
	background-color:orange;
	padding-top:10px;
	margin:40px 0 20px 0;
}