/*======================================
ここからリセットCSS
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
======================================*/
 
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font: inherit;
    vertical-align:baseline;
    background:transparent;
    letter-spacing: 0px;
}
 
/*勝手に文字が大きくなる対策*/
body {
    -webkit-text-size-adjust: 100%;
}
 
/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}
 
/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#595757;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#595757;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

br{
	letter-spacing: normal;
}

/*======================================
ここまでリセットCSS
======================================*/



/*======================================
フォント
======================================*/

body {
	font-family: "TsukuGoPr5-M", sans-serif;
	font-size:16px;
	line-height:1.7;
	color:#000;
}

@font-face {
	font-family: "FontAwesome";
	src: url('fonts/fontawesome-webfont.eot');
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'),
		url('fonts/fontawesome-webfont.woff') format('woff'),
		url('fonts/fontawesome-webfont.ttf') format('truetype'),
		url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*================================
 ページ基本
================================*/
html, body { 
	height: 100%;
}

body {
	position:relative;
	margin: 0;
	padding: 0;
	background: #fff;
}

a{
	color: #009FE8;
	text-decoration: none;
	transition: .3s;
}

a:hover{
	opacity: 0.7;
}

.clearfix::after{
　content: ".";
　display: block;
　height: 0;
　clear: both;
　visibility: hidden;
　overflow: hidden;
　font-size: 0.1em;
　line-height: 0;
}

#wrapper {
	margin: 0 auto;
	text-align:center;
}




/*================================
 header
================================*/

.header{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 0;
	width: 1000px;
	height: 120px;
	margin: 0 auto;
	padding: 0px 0 0px;
}

.header_logo{
	align-self: center;
	margin: 0px 12px;
}

.header_logo img{
	height: 74px;
}

.header_right{
	align-self: center;
}

.gronavi ul{ 
	margin: 0 auto; 
	list-style: none;
	display: flex;
}

.gronavi li{
	vertical-align: middle;
	margin: 0 auto; 
}

.gronavi li img{ 
	height: 36px;
}


.gronavi li a{
	position: relative;
	display: inline-block;
	margin: 0px 12px;
	padding: 4px 0;
	text-decoration: none;
	transition: .3s;
}

.top_slider{
	line-height: 0;
}

.top_slider :hover{
	opacity: 1.0;
}

.top_slider img{
	width: 100%;
     height: auto;
}

#nav-toggle span {
	display: none;	
}

#top-head {
	display: none;
}


/*================================
 content
================================*/

.ph_camp_topshita{
	width: 800px;
	margin: 0 auto;
	padding: 40px 0 0;
}

.moji_bl{
	color: #009FE8;
	font-family: "TsukuGoPro-B", sans-serif;
}

.back_top_shita{
	background: #FFFDE5;
	padding: 20px 0;
}

.top_shita_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}

.top_shita_left{
	text-align: left;
	align-self: center;
}

.moji_top_shita_left_1 {
	font-family: "TsukuGoPro-B", sans-serif;
	font-size:20px;
	line-height:1.7;
	color:#009FE8;
	padding: 4px 0;
}

.top_shita_news_matome{
	padding: 4px 0;
}

.moji_top_shita_left_2 {
	width: 110px;
	text-align: center!important;
	font-family: "TsukuGoPro-B", sans-serif;
	font-size:14px;
	padding: 0.1em 0.8em;
    margin: 0 0;
    color: #fff;
    background: #009FE8;/*背景色*/
	font-feature-settings: "palt";
}

.moji_top_shita_left_2 p {
    margin: 0; 
    padding: 0;
}


.top_shita_center{
	width: 4px;
	margin: 0 40px;
	align-self: center;
}

.top_shita_right{
	align-self: center;	
	text-align: left;
}

.top_shita_right_logo_bl img{
	height: 72px;
	margin-top: -8px;
}

.back_houshin{
	padding: 100px 0;
}

.title_houshin img{
	height: 90px;
	padding-bottom: 12px;
}

.houshin_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}

.houshin_left{
	align-self: center;
	padding-right: 40px;
}

.moji_houshin_1{
	padding-bottom: 40px;
}

.moji_houshin_2{
	font-family: "TsukuGoPro-B", sans-serif;
	font-size:20px;
	line-height:1.0;
	color:#009FE8;
	padding: 4px 0 0;
	text-align: left;
}

.line_houshin_1{
	margin-top: -8px;
}

.line_houshin_1 img{
	height: 2px;
	width: 100%;
}

.moji_houshin_3{
	line-height:1.8;
	padding: 8px 0;
	text-align: left;
}


.houshin_right{
	width: 488px;
	align-self: center;
}

.ph_houshin_1{
	width: 488px;
}

.ph_houshin_1 img{
	width: 100%;
}

.back_kyoushi{
	background: #B8E9FF;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

.title_kyoushi_matome{
	position:relative;
	display: flex;
	justify-content:flex-start;
	width: 1000px;
	margin: 0px auto -90px;
	top: -40px;
}

.kyoushi_aomaru{
	width: 196px;
	align-self: center;
}

.namae_kyoushi{
	width: 448px;
	align-self: center;
	margin-top: 8px;
	padding-left: 40px;
}

.kyoushi_matome_1{
	display: flex;
	width: 1000px;
	margin: 0 auto;
	justify-content: flex-start;
}

.ph_kyoushi_1{
	width: 348px;
	margin: 0 auto;
	align-self: center;
	padding-top: 10px;
}


.ph_kyoushi_1 img{
	width: 100%;
	z-index: 4;
	line-height: 0;
}

.kyoushi_matome_2{
	width: 600px;
	align-self: center;
}

.moji_kyoushi_1{
	width: 100%;
	margin: 0 auto;
	font-family: "TsukuGoPro-B", sans-serif;
	font-size:20px;
	line-height:1.0;
	color:#009FE8;
	padding: 0px 0 16px;
	text-align:justify;
	text-justify:inter-ideograph; 
	z-index: 4;
}

.moji_kyoushi_1 p{
	letter-spacing: 0;
	
}

.moji_kyoushi_2{
	z-index: 4;
}

.moji_kyoushi_3{
	width: 100%;
	margin: 0 auto;
	line-height:1.8;
	padding: 0px 0 0 0px;
	text-align:justify;
	text-justify:inter-ideograph; 
	z-index: 4;
}

.moji_kyoushi_4{
	width: 100%;
	margin: 0 auto;
	line-height:1.8;
	padding: 12px 0 0 0px;
	text-align:justify;
	text-justify:inter-ideograph; 
	font-family: "TsukuGoPro-B", sans-serif;
	z-index: 4;
}

.kyoushi_en_bl{
	position:relative;
	display: flex;
	justify-content:flex-end;
	width: 1000px;
	margin: 0px auto -102px;
	z-index: -2;
}

.kyoushi_en_bl img{
	width: 240px;
}


.back_course{
	padding: 100px 0;
}

.title_course img{
	height: 90px;
	padding-bottom: 12px;
}


.moji_course_1{
	
}

.camp_matome{}

.ph_camp_1{
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}


.course_btn_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	padding: 20px 0; 
}

.course_btn{
	width: 120px;
	padding: 0 12px;
}

.course_naiyou_matome_1{
	width: 1000px;
	margin: 0 auto;
}

.course_naiyou_namae {
	line-height: 0;
	text-align: left;
	padding-top: 60px;
}

.course_naiyou_namae img{
	height:46px;
}

.course_naiyou_namae_2 {
	line-height: 0;
	text-align: left;
	padding-top: 60px;
}

.course_naiyou_namae_2 img{
	height:60px;
}

.course_naiyou_namae_underline{
	margin-top: -3px;
	line-height: 0;
	width: 100%;
}

.course_naiyou_namae_underline img{
	width: 100%;
	height: 3px;
}

.moji_course_2 p{
	line-height: 1.8;
	padding: 12px 0;
	letter-spacing: 1.2px;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.course_hyo_1{
	width:  1000px;
	padding: 20px 0 0;
}

.course_hyo_1 table{
	width: 100%;
}

.course_hyo_1 table , td, th {
	border: 2px solid #fff;
	border-collapse: collapse;
}

.course_hyo_1 td, th {
	padding: 3px;
	height: 40px;
	vertical-align: middle;
}

.gakunen{}

.hyo_ue {
	background: #009FE8;
	color: #fff;
}

.hyo_shita {
	background: #B8E9FF;
}

.moji_course_3 p{
	line-height: 1.8;
	padding: 6px 0;
	letter-spacing: 1.0px;
	text-align:right; 
}

.back_course_2{
	padding: 60px 0;
	margin: 60px auto ;
	background: #FFEDEB;
}

.back_course_3{
	padding: 60px 0;
	margin: 60px auto ;
	background: #EFFCD2;
}

.course_naiyou_matome_2{
	width: 1000px;
	margin: 0px auto ;
}

.course_naiyou_sche{
	line-height: 0;
	text-align: left;
}

.course_naiyou_sche img{
	height:94px;
}

.course_naiyou_sche_naiyou{
	width: 100%;
	padding: 12px 0;
}

.moji_course_naiyou_sche_naiyou p{
	line-height: 1.6;
	letter-spacing: 0.4px;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.back_shingaku{
	padding: 100px 0;
}

.title_shingaku img{
	height: 90px;
	padding-bottom: 12px;
}

.moji_shingaku_1{
	
}

.back_taiken{
	padding: 100px 0 0px;
	background: #FFFDE5;
	margin-top: 0px;
}

.title_taiken img{
	height: 90px;
	padding-bottom: 12px;
}

.moji_taiken_1{
	
}

.back_taiken_2{
	padding: 0px 0 100px;
	margin: 60px auto ;
	background: #FFFDE5;
}

.taiken_step_matome_1{
	width: 1000px;
	margin: 0px auto ;
}

.taiken_step{
	width: 100%;
	padding: 0px 0 12px;
}

.taiken_step_matome_2{
	padding: 8px 0;
}

.moji_taiken_step_1{
	width: 1000px;
	margin: 0 auto;
	font-family: "SeuratPro-DB", sans-serif;
	font-size:20px;
	line-height:1.0;
	color:#E6838C;
	padding: 12px 0 ;
	text-align: left;
	z-index: 4;
}

.moji_taiken_step_1 p{
	letter-spacing: 1.2px;	
}

.taiken_step_underline{
	margin-top: -4px;
	line-height: 0;
	width: 100%;
	padding-bottom: 16px;
}

.taiken_step_underline img{
	width: 100%;
	height: 2px;
}

.taiken_step_matome_3{
	display: flex;
	justify-content:flex-start;
}

.moji_taiken_step_2{
	line-height: 1;
	color: #fff;
	text-align: center;
	padding: 0.5em 0.8em;
    margin: 0 20px 0 0;
    background: #E6838C;/*背景色*/
	font-feature-settings: "palt";
	align-self: center;
}

.moji_taiken_step_2 p {
    margin: 0; 
    padding: 0;
}

.moji_taiken_step_3{
	line-height: 1;
	color: #E6838C;
	align-self: center;
}


.moji_taiken_step_5{
	width: 1000px;
	margin: 0 auto;
	font-family: "SeuratPro-DB", sans-serif;
	font-size:20px;
	line-height:1.0;
	color:#86BB30;
	padding: 12px 0 ;
	text-align: left;
	z-index: 4;
}

.moji_taiken_step_5 p{
	letter-spacing: 1.2px;	
}

.moji_taiken_step_6{
	line-height: 1;
	color: #fff;
	text-align: center;
	padding: 0.5em 0.8em;
    margin: 0 20px 0 0;
    background: #86BB30;/*背景色*/
	font-feature-settings: "palt";
	align-self: center;
}

.moji_taiken_step_7{
	line-height: 1;
	color: #86BB30;
	align-self: center;
}

.moji_taiken_step_8{
	width: 1000px;
	margin: 0 auto;
	font-family: "SeuratPro-DB", sans-serif;
	font-size:20px;
	line-height:1.0;
	color:#009FE8;
	padding: 12px 0 ;
	text-align: left;
	z-index: 4;
}

.moji_taiken_step_8 p{
	letter-spacing: 1.2px;	
}

.moji_taiken_step_9{
	line-height: 1;
	color: #fff;
	text-align: center;
	padding: 0.5em 0.8em;
    margin: 0 20px 0 0;
    background: #009FE8;/*背景色*/
	font-feature-settings: "palt";
	align-self: center;
}

.moji_taiken_step_10{
	line-height: 1;
	color: #009FE8;
	align-self: center;
}

.moji_taiken_step_4{
	width: 100%;
	padding: 12px 0;
}

.moji_taiken_step_4 p{
	line-height: 1.6;
	letter-spacing: 1.2px;
	text-align:justify;
	text-justify:inter-ideograph; 
}

.back_access{
	padding: 60px 0 20px;
}

.title_access img{
	height: 90px;
	padding-bottom: 12px;
}

.access_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	padding: 40px 0 40px; 
}

.access_left{
	padding-right: 40px;
	align-self: center;
}

.access_left img{
	width: 260px;
	align-self: center;
}

.access_right{
	align-self: center;
}

.moji_access_1{
	text-align: left;
}

.gmap{
	padding: 0px 0 0px;
}

.back_contact{
	padding: 40px 0; 
}

.moji_contact_1{}

.contact_form{}

.back_sns_area{
	background: #E2E2E2;
	padding: 32px 0;
}

.sns_area_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}

.sns_area_left{
	text-align: left;
	padding-right: 40px;
}

.sns_area_matome_2{
	display: flex;
	margin: 0 auto;
	justify-content: flex-start;
}

.sns_area_matome_3{
	display: flex;
	margin: 0 auto;
	justify-content: flex-start;
}

.sns_area_logo img{
	height: 22px;
	align-self:center;
	line-height: 0;
	padding-right: 4px;
}

.moji_sns_area_1 {
	font-family: "SeuratPro-B", sans-serif;
	font-size:20px;
	line-height:0;
	color:#009FE8;
	align-self:center;
	margin-top: -8px;
}

.sns_area_right{
	text-align: left;
	margin-top: 4px;
}

.sns_area_box_2{
}


.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #009FE8;/*ボタン色*/
    color: #FFF;
    border-radius: 3px;
}


/*================================
 footer
================================*/

.footer {
	margin: 0px auto;
	background: #009FE8;
	padding: 32px 0 ;
}

.footer_matome{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}


.footer a{
	color: #fff;
	transition: 0.3;
}

.footer a:hover{
	opacity: 0.7;
}

.footer_left{
	width: 220px;
	align-self: center;
	padding-right: 40px;
}

.footer_right{
	text-align: left;
	color: #fff;
	align-self: center;
}






/*================================
 スティッキーヘッダー
================================*/

#change {
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
  padding: 8px 0 10px 0px;
}

.inner{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	}

#change h1 {
	display: inline-block;
  font-size: 20px;
  color: #595757;
  margin: 12px 0 0 40px;
}
#change ul {
	display: inline-block;
  font-size: 16px;
  margin: 20px 0 12px 30px;
}
#change ul li {
	display: inline-block;
  margin-right: 20px;
  list-style:none;

}
#change ul li a {
  color: #595757;
}

#change ul li a:hover{
	opacity: 0.7;
}


/*================================
 レスポンシブ
================================*/
.image800 { display: none; }
.image480 { display: none; }

@media (max-width: 1040px){
	
	/*================================
	 header
	================================*/

	.header{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		line-height: 0;
		width: 90%;
		height: 120px;
		margin: 0 auto;
		padding: 0px 0 0px;
	}

	.header_logo{
		align-self: center;
		margin: 0px 12px;
	}

	.header_logo img{
		height: 74px;
	}

	.header_right{
		align-self: center;
	}

	.gronavi ul{ 
		margin: 0 auto; 
		list-style: none;
		display: flex;
	}

	.gronavi li{
		vertical-align: middle;
		margin: 0 auto; 
	}

	.gronavi li img{ 
		height: 31px;
	}


	.gronavi li a{
		position: relative;
		display: inline-block;
		margin: 0px 5px;
		padding: 4px 0;
		text-decoration: none;
		transition: .3s;
	}

	.top_slider{
		line-height: 0;
	}

	.top_slider :hover{
		opacity: 1.0;
	}

	.top_slider img{
		width: 100%;
		 height: auto;
	}


	/*================================
	 content
	================================*/
	
	.ph_camp_topshita{
		width: 90%;
		margin: 0 auto;
		padding: 32px 0 0;
	}

	.moji_bl{
		color: #009FE8;
		font-family: "TsukuGoPro-B", sans-serif;
	}

	.back_top_shita{
		background: #FFFDE5;
		padding: 20px 0;
	}

	.top_shita_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
	}

	.top_shita_left{
		text-align: left;
		align-self: center;
		width: 326px;
	}

	.moji_top_shita_left_1 {
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.7;
		color:#009FE8;
		padding: 4px 0;
	}

	.top_shita_news_matome{
		padding: 4px 0;
	}

	.moji_top_shita_left_2 {
		width: 110px;
		text-align: center!important;
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:14px;
		padding: 0.1em 0.8em;
		margin: 0 0;
		color: #fff;
		background: #009FE8;/*背景色*/
		font-feature-settings: "palt";
	}

	.moji_top_shita_left_2 p {
		margin: 0; 
		padding: 0;
	}


	.top_shita_center{
		width: 4px;
		margin: 0 24px;
		align-self: center;
	}

	.top_shita_right{
		align-self: center;	
		text-align: left;
		width: 326px;
	}

	.top_shita_right_logo_bl img{
		height: 64px;
		margin-top: -8px;
	}

	.back_houshin{
		padding: 100px 0;
	}

	.title_houshin img{
		height: 90px;
		padding-bottom: 12px;
	}

	.houshin_matome{
		display: block;
		margin: 0 auto;
		justify-content: center;
	}

	.houshin_left{
		align-self: center;
		padding-right: 0px;
		margin: 0 auto;
	}

	.moji_houshin_1{
		padding-bottom: 40px;
	}

	.moji_houshin_2{
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#009FE8;
		padding: 4px 0 0;
		text-align: left;
	}

	.line_houshin_1{
		margin-top: -8px;
	}

	.line_houshin_1 img{
		height: 2px;
		width: 100%;
	}

	.moji_houshin_3{
		line-height:1.8;
		padding: 8px 0;
		font-size: 15px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}


	.houshin_right{
		width: 90%;
		align-self: center;
		margin: 0 auto;
	}

	.ph_houshin_1{
		width: 418px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.ph_houshin_1 img{
		width: 100%;
	}

	.back_kyoushi{
		background: #B8E9FF;
		padding-bottom: 40px;
		margin-bottom: 60px;
	}

	.title_kyoushi_matome{
		position:relative;
		display: flex;
		justify-content:flex-start;
		width: 90%;
		margin: 0px auto -90px;
		top: -40px;
		height: 196px;
	}

	.kyoushi_aomaru{
		width: 196px;
		align-self: center;
	}

	.namae_kyoushi{
		width: 448px;
		align-self: center;
		margin-top: 8px;
		padding-left: 40px;
	}

	.kyoushi_matome_1{
		display: flex;
		width: 90%;
		margin: 0 auto;
		justify-content: flex-start;
		padding-top: 24px;
	}

	.ph_kyoushi_1{
		width: 35%;
		margin: 0 auto;
		align-self: center;
		padding-top: 10px;
	}


	.ph_kyoushi_1 img{
		width: 100%;
		z-index: 4;
		line-height: 0;
	}

	.kyoushi_matome_2{
		width: 60%;
		align-self: center;
	}

	.moji_kyoushi_1{
		width: 100%;
		margin: 0 auto;
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:18px;
		line-height:1.4;
		color:#009FE8;
		padding: 0px 0 16px;
		text-align:justify;
		text-justify:inter-ideograph; 
		z-index: 4;
	}

	.moji_kyoushi_1 p{
		letter-spacing: 0;

	}

	.moji_kyoushi_2{
		z-index: 4;
	}

	.moji_kyoushi_3{
		width: 100%;
		margin: 0 auto;
		line-height:1.8;
		padding: 0px 0 0 0px;
		text-align:justify;
		text-justify:inter-ideograph; 
		z-index: 4;
		font-size: 15px;
	}

	.moji_kyoushi_4{
		width: 100%;
		margin: 0 auto;
		line-height:1.8;
		padding: 12px 0 0 0px;
		text-align:justify;
		text-justify:inter-ideograph; 
		font-family: "TsukuGoPro-B", sans-serif;
		z-index: 4;
		font-size: 15px;
	}

	.kyoushi_en_bl{
		position:relative;
		display: flex;
		justify-content:flex-end;
		width: 90%;
		margin: 0px auto -102px;
		z-index: -2;
	}

	.kyoushi_en_bl img{
		width: 240px;
	}


	.back_course{
		padding: 100px 0;
	}

	.title_course img{
		height: 90px;
		padding-bottom: 12px;
	}


	.moji_course_1{

	}

	.camp_matome{}

	.ph_camp_1{
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}


	.course_btn_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
		padding: 20px 0; 
	}

	.course_btn{
		width: 120px;
		padding: 0 12px;
	}

	.course_naiyou_matome_1{
		width: 90%;
		margin: 0 auto;
	}

	.course_naiyou_namae {
		line-height: 0;
		text-align: left;
		padding-top: 60px;
	}

	.course_naiyou_namae img{
		height:46px;
	}

	.course_naiyou_namae_2 {
		line-height: 0;
		text-align: left;
		padding-top: 60px;
	}

	.course_naiyou_namae_2 img{
		height:60px;
	}

	.course_naiyou_namae_underline{
		margin-top: -3px;
		line-height: 0;
		width: 100%;
	}

	.course_naiyou_namae_underline img{
		width: 100%;
		height: 3px;
	}

	.moji_course_2 p{
		line-height: 1.8;
		padding: 12px 0;
		letter-spacing: 1.2px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.course_hyo_1{
		width:  100%;
		padding: 20px 0 0;
	}

	.course_hyo_1 table{
		width: 100%;
	}

	.course_hyo_1 table , td, th {
		border: 2px solid #fff;
		border-collapse: collapse;
	}

	.course_hyo_1 td, th {
		padding: 3px;
		height: 40px;
		vertical-align: middle;
	}

	.gakunen{
		width: 16%;
	}
	
	.shidoukamoku{
		width: 16%;
	}
	
	.shukaisuu{
		width: 36%;
	}
	
	.gessha{
		width: 16%;
	}
	
	.nenkankyozaihi{
		width: 16%;
	}

	.hyo_ue {
		background: #009FE8;
		color: #fff;
	}

	.hyo_shita {
		background: #B8E9FF;
	}

	.moji_course_3 p{
		line-height: 1.8;
		padding: 6px 0;
		letter-spacing: 1.0px;
		text-align:right; 
	}

	.back_course_2{
		padding: 60px 0;
		margin: 60px auto ;
		background: #FFEDEB;
	}

	.back_course_3{
		padding: 60px 0;
		margin: 60px auto ;
		background: #EFFCD2;
	}

	.course_naiyou_matome_2{
		width: 90%;
		margin: 0px auto ;
	}

	.course_naiyou_sche{
		line-height: 0;
		text-align: left;
	}

	.course_naiyou_sche img{
		height:auto;
		width: 100%;
	}

	.course_naiyou_sche_naiyou{
		width: 100%;
		padding: 12px 0;
	}

	.moji_course_naiyou_sche_naiyou p{
		line-height: 1.6;
		letter-spacing: 0.4px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.back_shingaku{
		padding: 100px 0;
	}

	.title_shingaku img{
		height: 90px;
		padding-bottom: 12px;
	}

	.moji_shingaku_1{

	}

	.back_taiken{
		padding: 100px 0 0px;
		background: #FFFDE5;
		margin-top: 0px;
	}

	.title_taiken img{
		height: 90px;
		padding-bottom: 12px;
	}

	.moji_taiken_1{

	}

	.back_taiken_2{
		padding: 0px 0 100px;
		margin: 60px auto ;
		background: #FFFDE5;
	}

	.taiken_step_matome_1{
		width: 90%;
		margin: 0px auto ;
	}

	.taiken_step{
		width: 100%;
		padding: 0px 0 12px;
	}

	.taiken_step_matome_2{
		padding: 8px 0;
	}

	.moji_taiken_step_1{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#E6838C;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
	}

	.moji_taiken_step_1 p{
		letter-spacing: 1.2px;	
	}

	.taiken_step_underline{
		margin-top: -4px;
		line-height: 0;
		width: 100%;
		padding-bottom: 16px;
	}

	.taiken_step_underline img{
		width: 100%;
		height: 2px;
	}

	.taiken_step_matome_3{
		display: flex;
		justify-content:flex-start;
	}

	.moji_taiken_step_2{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #E6838C;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_2 p {
		margin: 0; 
		padding: 0;
	}

	.moji_taiken_step_3{
		line-height: 1.3;
		color: #E6838C;
		align-self: center;
		text-align: justify;
		text-justify:inter-ideograph;
	}


	.moji_taiken_step_5{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#86BB30;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
	}

	.moji_taiken_step_5 p{
		letter-spacing: 1.2px;	
	}

	.moji_taiken_step_6{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #86BB30;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_7{
		line-height: 1.3;
		color: #86BB30;
		align-self: center;
	}

	.moji_taiken_step_8{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#009FE8;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
	}

	.moji_taiken_step_8 p{
		letter-spacing: 1.2px;	
	}

	.moji_taiken_step_9{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #009FE8;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_10{
		line-height: 1.3;
		color: #009FE8;
		align-self: center;
	}

	.moji_taiken_step_4{
		width: 100%;
		padding: 12px 0;
	}

	.moji_taiken_step_4 p{
		line-height: 1.6;
		letter-spacing: 1.2px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.back_access{
		padding: 60px 0 20px;
	}

	.title_access img{
		height: 90px;
		padding-bottom: 12px;
	}

	.access_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
		padding: 40px 0 40px; 
	}

	.access_left{
		padding-right: 40px;
		align-self: center;
	}

	.access_left img{
		width: 260px;
		align-self: center;
	}

	.access_right{
		align-self: center;
	}

	.moji_access_1{
		text-align: left;
	}

	.gmap{
		padding: 0px 0 0px;
	}

	.back_contact{
		padding: 40px 0; 
	}

	.moji_contact_1{}

	.contact_form{}

	.back_sns_area{
		background: #E2E2E2;
		padding: 32px 0;
	}

	.sns_area_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
	}

	.sns_area_left{
		text-align: left;
		padding-right: 40px;
	}

	.sns_area_matome_2{
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}

	.sns_area_matome_3{
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}

	.sns_area_logo img{
		height: 22px;
		align-self:center;
		line-height: 0;
		padding-right: 4px;
	}

	.moji_sns_area_1 {
		font-family: "SeuratPro-B", sans-serif;
		font-size:20px;
		line-height:0;
		color:#009FE8;
		align-self:center;
		margin-top: -8px;
	}

	.sns_area_right{
		text-align: left;
		margin-top: 4px;
	}

	.sns_area_box_2{
	}


	/*================================
	 footer
	================================*/

	.footer {
		margin: 0px auto;
		background: #009FE8;
		padding: 32px 0 ;
	}

	.footer_matome{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}


	.footer a{
		color: #fff;
		transition: 0.3;
	}

	.footer a:hover{
		opacity: 0.7;
	}

	.footer_left{
		width: 220px;
		align-self: center;
		padding-right: 40px;
	}

	.footer_right{
		text-align: left;
		color: #fff;
		align-self: center;
	}


	
}



@media (max-width: 800px){
	.imagepc{ display: none;}
	.image800 { display: inherit; }
	.image480 { display: none; }
	
	/*================================
	 header
	================================*/

	.header{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		line-height: 0;
		width: 460px;
		height: 160px;
		margin: 0 auto;
		padding: 0px 0 0px;
	}

	.header_logo{
		align-self: center;
		margin: 0px 12px;
	}

	.header_logo img{
		height: 66px;
	}

	.header_right{
		align-self: center;
	}

	.gronavi ul{ 
		margin: 0 auto; 
		list-style: none;
		display: flex;
	}

	.gronavi li{
		vertical-align: middle;
		margin: 0 auto; 
	}

	.gronavi li img{ 
		height: 29px;
	}


	.gronavi li a{
		position: relative;
		display: inline-block;
		margin: 0px 4px;
		padding: 0px 0 4px;
		text-decoration: none;
		transition: .3s;
	}

	.top_slider{
		line-height: 0;
	}

	.top_slider :hover{
		opacity: 1.0;
	}

	.top_slider img{
		width: 100%;
		 height: auto;
	}


	/*================================
	 content
	================================*/

	.moji_bl{
		color: #009FE8;
		font-family: "TsukuGoPro-B", sans-serif;
	}

	.back_top_shita{
		background: #FFFDE5;
		padding: 20px 0;
	}

	.top_shita_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
		width: 90%;
	}

	.top_shita_left{
		text-align: left;
		align-self: center;
		width: 45%;
	}

	.moji_top_shita_left_1 {
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.7;
		color:#009FE8;
		padding: 4px 0;
	}

	.top_shita_news_matome{
		padding: 4px 0;
	}

	.moji_top_shita_left_2 {
		width: 110px;
		text-align: center!important;
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:14px;
		padding: 0.1em 0.8em;
		margin: 0 0;
		color: #fff;
		background: #009FE8;/*背景色*/
		font-feature-settings: "palt";
	}

	.moji_top_shita_left_2 p {
		margin: 0; 
		padding: 0;
	}
	
	.top_shita_center{
		width: 4px;
		height: auto;
		margin: 0 24px;
		align-self: center;
	}

	.top_shita_right{
		align-self: center;	
		text-align: left;
		width: 45%;
	}

	.top_shita_right_logo_bl img{
		height: 64px;
		margin-top: -8px;
	}
	
	.moji_top_shita_right_1{
		font-feature-settings: "palt";
	}

	.back_houshin{
		padding: 80px 0;
	}

	.title_houshin img{
		height: 90px;
		padding-bottom: 12px;
	}

	.houshin_matome{
		display: block;
		margin: 0 auto;
		justify-content: center;
	}

	.houshin_left{
		align-self: center;
		padding-right: 0px;
		margin: 0 auto;
	}

	.moji_houshin_1{
		padding-bottom: 40px;
	}

	.moji_houshin_2{
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.2;
		color:#009FE8;
		padding: 4px 0 0;
		text-align: left;
	}

	.line_houshin_1{
		margin-top: -8px;
	}

	.line_houshin_1 img{
		height: 2px;
		width: 100%;
	}

	.moji_houshin_3{
		line-height:1.8;
		padding: 8px 0;
		font-size: 15px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}


	.houshin_right{
		width: 90%;
		align-self: center;
		margin: 0 auto;
	}

	.ph_houshin_1{
		width: 418px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.ph_houshin_1 img{
		width: 100%;
	}

	.back_kyoushi{
		background: #B8E9FF;
		padding-bottom: 40px;
		margin-bottom: 60px;
	}

	.title_kyoushi_matome{
		position:inherit;
		display: block;
		justify-content:flex-start;
		width: 90%;
		margin: 0px auto 0px;
		top: 0px;
		height: auto;
	}
	
	.kyoshi_shokai{
		width: 200px;
		margin: 0 auto;
		padding-top: 40px;
	}
	
	.moji_kyoushi_5{
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.4;
		color:#009FE8;
		padding: 0px 0 2px;
	}
	
	.moji_kyoushi_6{
		font-size:18px;
		font-family: "TsukuGoPro-B", sans-serif;
		line-height:1.4;
		color:#000;
		padding: 0px 0 2px;
	}

	.kyoushi_aomaru{
		width: 196px;
		align-self: center;
	}

	.namae_kyoushi{
		width: auto;
		align-self: center;
		margin-top: 4px;
		padding-left: 0px;
	}

	.kyoushi_matome_1{
		display: flex;
		width: 90%;
		margin: 0 auto;
		justify-content: flex-start;
		flex-direction:column-reverse;
		padding-top: 24px;
	}

	.ph_kyoushi_1{
		width: 100%;
		margin: 0 auto;
		align-self: center;
		padding-top: 10px;
	}


	.ph_kyoushi_1 img{
		width: 100%;
		object-fit: contain;
		z-index: 4;
		line-height: 0;
	}
	
	.ph_kyoushi_2 img{
		width: 100%;
		margin: 0 auto;
		align-self: center;
		padding-top: 0px;
	}

	.kyoushi_matome_2{
		padding-top: 12px;
		width: 100%;
		align-self: center;
	}

	.moji_kyoushi_1{
		width: 100%;
		margin: 0 auto;
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:18px;
		line-height:1.4;
		color:#009FE8;
		padding: 0px 0 16px;
		text-align:justify;
		text-justify:inter-ideograph; 
		z-index: 4;
	}

	.moji_kyoushi_1 p{
		letter-spacing: 0;

	}

	.moji_kyoushi_2{
		z-index: 4;
	}

	.moji_kyoushi_3{
		width: 100%;
		margin: 0 auto;
		line-height:1.8;
		padding: 0px 0 0 0px;
		text-align:justify;
		text-justify:inter-ideograph; 
		z-index: 4;
		font-size: 15px;
	}

	.moji_kyoushi_4{
		width: 100%;
		margin: 0 auto;
		line-height:1.8;
		padding: 12px 0 32px 0px;
		text-align:justify;
		text-justify:inter-ideograph; 
		font-family: "TsukuGoPro-B", sans-serif;
		z-index: 4;
		font-size: 15px;
	}

	.kyoushi_en_bl{
		position:relative;
		display: none;
		justify-content:flex-end;
		width: 90%;
		margin: 0px auto -0px;
		z-index: -2;
	}

	.kyoushi_en_bl img{
		width: 240px;
	}


	.back_course{
		padding: 40px 0 100px;
	}

	.title_course img{
		height: 90px;
		padding-bottom: 12px;
	}


	.moji_course_1{
		width: 90%;
		margin: 0 auto;
	}

	.camp_matome{}

	.ph_camp_1{
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}


	.course_btn_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
		padding: 20px 0; 
	}

	.course_btn{
		width: 120px;
		padding: 0 12px;
	}

	.course_naiyou_matome_1{
		width: 90%;
		margin: 0 auto;
	}

	.course_naiyou_namae {
		line-height: 0;
		text-align: left;
		padding-top: 60px;
	}

	.course_naiyou_namae img{
		height:46px;
	}

	.course_naiyou_namae_2 {
		line-height: 0;
		text-align: left;
		padding-top: 60px;
	}

	.course_naiyou_namae_2 img{
		height:60px;
	}

	.course_naiyou_namae_underline{
		margin-top: -3px;
		line-height: 0;
		width: 100%;
	}

	.course_naiyou_namae_underline img{
		width: 100%;
		height: 3px;
	}

	.moji_course_2 p{
		line-height: 1.8;
		padding: 12px 0;
		letter-spacing: 0.06em;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.course_hyo_1{
		width:  100%;
		padding: 20px 0 0;
	}

	.course_hyo_1 table{
		width: 100%;
	}

	.course_hyo_1 table , td, th {
		border: 2px solid #fff;
		border-collapse: collapse;
	}

	.course_hyo_1 td, th {
		padding: 3px;
		height: 40px;
		vertical-align: middle;
	}

	.gakunen{
		width: 16%;
	}
	
	.shidoukamoku{
		width: 16%;
	}
	
	.shukaisuu{
		width: 36%;
	}
	
	.gessha{
		width: 16%;
	}
	
	.nenkankyozaihi{
		width: 16%;
	}

	.hyo_ue {
		background: #009FE8;
		color: #fff;
	}

	.hyo_shita {
		background: #B8E9FF;
	}

	.moji_course_3 p{
		line-height: 1.8;
		padding: 6px 0;
		letter-spacing: 1.0px;
		text-align:right;
		font-feature-settings: "palt";
	}

	.back_course_2{
		padding: 40px 0;
		margin: 60px auto ;
		background: #FFEDEB;
	}

	.back_course_3{
		padding: 40px 0;
		margin: 60px auto ;
		background: #EFFCD2;
	}

	.course_naiyou_matome_2{
		width: 90%;
		margin: 0px auto ;
	}

	.course_naiyou_sche{
		line-height: 0;
		text-align: left;
	}

	.course_naiyou_sche img{
		height:auto;
		width: 100%;
	}

	.course_naiyou_sche_naiyou{
		width: 100%;
		padding: 12px 0;
	}

	.moji_course_naiyou_sche_naiyou p{
		line-height: 1.6;
		letter-spacing: 0.4px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.back_shingaku{
		padding: 60px 0;
	}

	.title_shingaku img{
		height: 90px;
		padding-bottom: 12px;
	}

	.moji_shingaku_1{

	}

	.back_taiken{
		padding: 60px 0 0px;
		background: #FFFDE5;
		margin-top: 0px;
	}

	.title_taiken img{
		height: 90px;
		padding-bottom: 12px;
	}

	.moji_taiken_1{
		width: 90%;
		margin: 0 auto;
	}

	.back_taiken_2{
		padding: 0px 0 60px;
		margin: 60px auto ;
		background: #FFFDE5;
	}

	.taiken_step_matome_1{
		width: 90%;
		margin: 0px auto ;
	}

	.taiken_step{
		width: 100%;
		padding: 0px 0 12px;
	}

	.taiken_step_matome_2{
		padding: 8px 0;
	}

	.moji_taiken_step_1{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#E6838C;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
	}

	.moji_taiken_step_1 p{
		letter-spacing: 1.2px;	
	}

	.taiken_step_underline{
		margin-top: -4px;
		line-height: 0;
		width: 100%;
		padding-bottom: 16px;
	}

	.taiken_step_underline img{
		width: 100%;
		height: 2px;
	}

	.taiken_step_matome_3{
		display: flex;
		justify-content:flex-start;
	}

	.moji_taiken_step_2{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #E6838C;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_2 p {
		margin: 0; 
		padding: 0;
	}

	.moji_taiken_step_3{
		line-height: 1.3;
		color: #E6838C;
		align-self: center;
		text-align: justify;
		text-justify:inter-ideograph;
	}


	.moji_taiken_step_5{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#86BB30;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
	}

	.moji_taiken_step_5 p{
		letter-spacing: 1.2px;	
	}

	.moji_taiken_step_6{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #86BB30;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_7{
		line-height: 1.3;
		color: #86BB30;
		align-self: center;
	}

	.moji_taiken_step_8{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.0;
		color:#009FE8;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
	}

	.moji_taiken_step_8 p{
		letter-spacing: 1.2px;	
	}

	.moji_taiken_step_9{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #009FE8;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_10{
		line-height: 1.3;
		color: #009FE8;
		align-self: center;
	}

	.moji_taiken_step_4{
		width: 100%;
		padding: 12px 0;
	}

	.moji_taiken_step_4 p{
		line-height: 1.6;
		letter-spacing: 1.2px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.back_access{
		padding: 40px 0 20px;
	}

	.title_access img{
		height: 90px;
		padding-bottom: 12px;
	}

	.access_matome{
		display: block;
		margin: 0 auto;
		justify-content: center;
		padding: 40px 0 40px; 
		width: 90%;
		max-width: 480px;
	}

	.access_left{
		padding-right: 0px;
		align-self: center;
	}

	.access_left img{
		width: 200px;
		align-self: center;
	}

	.access_right{
		align-self: center;
	}

	.moji_access_1{
		text-align: center;
	}

	.gmap{
		padding: 0px 0 0px;
	}

	.back_contact{
		padding: 40px 0; 
	}

	.moji_contact_1{
		text-align: justify;
		text-justify:inter-ideograph; 
		width: 90%;
		margin: 0 auto;
	}

	.contact_form{}

	.back_sns_area{
		background: #E2E2E2;
		padding: 32px 0;
	}

	.sns_area_matome{
		display: inline-block;
		margin: 0 auto;
		justify-content: center;
	}

	.sns_area_left{
		text-align: left;
		padding-right: 40px;
		padding-left: 40px;
	}

	.sns_area_matome_2{
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}

	.sns_area_matome_3{
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}

	.sns_area_logo img{
		height: 22px;
		align-self:center;
		line-height: 0;
		padding-right: 4px;
	}

	.moji_sns_area_1 {
		font-family: "SeuratPro-B", sans-serif;
		font-size:20px;
		line-height:0;
		color:#009FE8;
		align-self:center;
		margin-top: -8px;
	}

	.sns_area_right{
		text-align: left;
		margin-top: 20px;
		padding-right: 40px;
		padding-left: 40px;
	
	}

	.sns_area_box_2{
	}


	/*================================
	 footer
	================================*/

	.footer {
		margin: 0px auto;
		background: #009FE8;
		padding: 32px 0 ;
	}

	.footer_matome{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}


	.footer a{
		color: #fff;
		transition: 0.3;
	}

	.footer a:hover{
		opacity: 0.7;
	}

	.footer_left{
		width: 220px;
		align-self: center;
		padding-right: 40px;
	}

	.footer_right{
		text-align: left;
		color: #fff;
		align-self: center;
	}
	
	
	
}

@media (max-width: 480px){
	.imagepc{ display: none;}
	.image800 { display: none; }
	.image480 { display: inherit; }
	
	/*================================
	 ハンバーガーメニュー
	================================*/
	
	/* header */
	#top-head {
		display: block;
		top: -100px;
		position: absolute;
		width: 100%;
		margin: 100px auto 0;
		padding: 30px 0 0;
		line-height: 1;
		z-index: 999;
	}
	#top-head a,
	#top-head {
		color: #009FE8;
		text-decoration: none;
	}
	#top-head .inner {
		position:static;
	}
	#global-nav ul {
		list-style: none;
		position: absolute;
		left: 0;
		bottom: 0px;
		font-size: 14px;

	}
	#global-nav ul li {
		float: left;
	}
	#global-nav ul li a {
		padding: 0 30px;
	}
	
	.sns_btn{
		padding: 8px 0 
	}
	
	.sns_btn img{
		width: 34px;
	}

	/* Fixed */
	#top-head.fixed {
		margin-top: 5px;
		top: 0;
		position: fixed;
		padding-top: 0px;
		height: 55px;
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
	}
	#top-head.fixed .logo {
		font-size: 24px;
		color: #fff;
	}
	#top-head.fixed #global-nav ul li a {
		color: #009FE8;
		padding: 0 20px;
	}

	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {
		position: relative;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #009FE8;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		z-index: 999;
		box-shadow: 1px 1px #fff; 
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 11px;
	}
	#nav-toggle span:nth-child(3) {
		top: 22px;
	}

	#top-head,
	.inner {
		width: 100%;
		padding: 0;
		z-index: 999;
	}

	#top-head {
		top: 0;
		position: fixed;
		margin-top: 5px;
	}

	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}

	#mobile-head {
		width: 100%;
		height: 56px;
		position: relative;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		right: 20px;
		background: rgba(255,255,255,.9);
		width: 150px;
		text-align: left;
		padding: 10px 0px 10px 30px;
		margin: 0px 0px 20px;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		z-index: 9999;
	}

	#global-nav ul {
		list-style: none;
		position: static;
		left: 0;
		bottom: 0;
		font-size: 14px;
		
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #009FE8;
		padding: 9px 0;
		transition: 0.3s;
	}

	#top-head #global-nav ul li a:hover,
	#top-head.fixed #global-nav ul li a:hover {
		color: #999;
	}

	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
	/* #global-nav スライドアニメーション */
	.close #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(-556px);
		-webkit-transform: translateY(-556px);
		transform: translateY(-556px);
	}
	
	/*================================
	 header
	================================*/

	.header{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content:flex-start;
		line-height: 0;
		width: 100%;
		height: 72px;
		margin: 0 auto;
		padding: 0px 0 0px;
	}

	.header_logo{
		align-self: center;
		margin: 0px 12px;
	}

	.header_logo img{
		height: 60px;
	}

	.header_right{
		align-self: center;
	}

	.gronavi ul{ 
		margin: 0 auto; 
		list-style: none;
		display: none;
	}

	.gronavi li{
		vertical-align: middle;
		margin: 0 auto; 
	}

	.gronavi li img{ 
		height: 29px;
	}


	.gronavi li a{
		position: relative;
		display: inline-block;
		margin: 0px 4px;
		padding: 0px 0 4px;
		text-decoration: none;
		transition: .3s;
	}

	.top_slider{
		line-height: 0;
	}

	.top_slider :hover{
		opacity: 1.0;
	}

	.top_slider img{
		width: 100%;
		 height: auto;
	}


	/*================================
	 content
	================================*/

	.moji_bl{
		color: #009FE8;
		font-family: "TsukuGoPro-B", sans-serif;
	}

	.back_top_shita{
		background: #FFFDE5;
		padding: 20px 0;
	}

	.top_shita_matome{
		display: block;
		margin: 0 auto;
		justify-content: center;
		width: 90%;
	}

	.top_shita_left{
		text-align: left;
		align-self: center;
		width: 100%;
		padding-bottom: 20px;
	}

	.moji_top_shita_left_1 {
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.7;
		color:#009FE8;
		padding: 4px 0;
	}

	.top_shita_news_matome{
		padding: 4px 0;
	}

	.moji_top_shita_left_2 {
		width: 110px;
		text-align: center!important;
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:14px;
		padding: 0.1em 0.8em;
		margin: 0 0;
		color: #fff;
		background: #009FE8;/*背景色*/
		font-feature-settings: "palt";
	}

	.moji_top_shita_left_2 p {
		margin: 0; 
		padding: 0;
	}
	
	.moji_top_shita_left_3{
		padding-top: 2px;
		font-size: 14px;
	}


	.top_shita_center{
		width: 4px;
		height: auto;
		margin: 0 24px;
		align-self: center;
		display: none;
	}

	.top_shita_right{
		align-self: center;	
		text-align: left;
		width: 100%;
		padding-bottom: 12px;
	}

	.top_shita_right_logo_bl img{
		height: 60px;
		margin-top: -8px;
	}
	
	.moji_top_shita_right_1{
		font-size: 13px;
	}

	.back_houshin{
		padding: 80px 0;
	}

	.title_houshin img{
		height: 80px;
		padding-bottom: 12px;
	}

	.houshin_matome{
		display: block;
		margin: 0 auto;
		justify-content: center;
	}

	.houshin_left{
		align-self: center;
		padding-right: 0px;
		margin: 0 auto;
	}
	
	.moji_houshin_1{
		padding-bottom: 16px;
	}

	.moji_houshin_1 p{
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}

	.moji_houshin_2{
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.2;
		color:#009FE8;
		padding: 4px 0 0;
		text-align: left;
		font-feature-settings: "palt";
	}
	
	.moji_houshin_2 p{
		letter-spacing: 0.05em;
	}

	.line_houshin_1{
		margin-top: -8px;
	}

	.line_houshin_1 img{
		height: 2px;
		width: 100%;
	}

	.moji_houshin_3{
		line-height:1.8;
		padding: 8px 0;
		font-size: 15px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}
	


	.houshin_right{
		width: 90%;
		align-self: center;
		margin: 0 auto;
	}

	.ph_houshin_1{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.ph_houshin_1 img{
		width: 100%;
	}

	.back_kyoushi{
		background: #B8E9FF;
		padding-bottom: 40px;
		margin-bottom: 60px;
	}

	.title_kyoushi_matome{
		position:inherit;
		display: block;
		justify-content:flex-start;
		width: 90%;
		margin: 0px auto 0px;
		top: 0px;
		height: auto;
	}
	
	.kyoshi_shokai{
		width: 200px;
		margin: 0 auto;
		padding-top: 40px;
	}
	
	.moji_kyoushi_5{
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:20px;
		line-height:1.4;
		color:#009FE8;
		padding: 0px 0 2px;
	}
	
	.moji_kyoushi_6{
		font-size:18px;
		font-family: "TsukuGoPro-B", sans-serif;
		line-height:1.4;
		color:#000;
		padding: 0px 0 2px;
	}

	.kyoushi_aomaru{
		width: 196px;
		align-self: center;
	}

	.namae_kyoushi{
		width: auto;
		align-self: center;
		margin-top: 4px;
		padding-left: 0px;
	}

	.kyoushi_matome_1{
		display: flex;
		width: 90%;
		margin: 0 auto;
		justify-content: flex-start;
		flex-direction:column-reverse;
		padding-top: 24px;
	}

	.ph_kyoushi_1{
		width: 100%;
		margin: 0 auto;
		align-self: center;
		padding-top: 10px;
	}


	.ph_kyoushi_1 img{
		width: 100%;
		object-fit: contain;
		z-index: 4;
		line-height: 0;
	}
	
	.ph_kyoushi_3 img{
		width: 100%;
		margin: 0 auto;
		align-self: center;
		padding-top: 0px;
	}

	.kyoushi_matome_2{
		padding-top: 12px;
		width: 100%;
		align-self: center;
	}

	.moji_kyoushi_1{
		width: 100%;
		margin: 0 auto;
		font-family: "TsukuGoPro-B", sans-serif;
		font-size:18px;
		line-height:1.4;
		color:#009FE8;
		padding: 0px 0 16px;
		text-align:justify;
		text-justify:inter-ideograph; 
		z-index: 4;
	}

	.moji_kyoushi_1 p{
		letter-spacing: 0;

	}

	.moji_kyoushi_2{
		z-index: 4;
	}

	.moji_kyoushi_3{
		width: 100%;
		margin: 0 auto;
		line-height:1.8;
		padding: 0px 0 0 0px;
		text-align:justify;
		text-justify:inter-ideograph; 
		z-index: 4;
		font-size: 15px;
	}
	

	.moji_kyoushi_4{
		width: 100%;
		margin: 0 auto;
		line-height:1.8;
		padding: 12px 0 32px 0px;
		text-align:justify;
		text-justify:inter-ideograph; 
		font-family: "TsukuGoPro-B", sans-serif;
		z-index: 4;
		font-size: 15px;
	}

	.kyoushi_en_bl{
		position:relative;
		display: none;
		justify-content:flex-end;
		width: 90%;
		margin: 0px auto -0px;
		z-index: -2;
	}

	.kyoushi_en_bl img{
		width: 240px;
	}


	.back_course{
		padding: 40px 0 100px;
	}

	.title_course img{
		height: 80px;
		padding-bottom: 12px;
	}


	.moji_course_1{
		width: 90%;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.camp_matome{}

	.ph_camp_1{
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}


	.course_btn_matome{
		display: flex;
		margin: 0 auto;
		justify-content: center;
		padding: 20px 0; 
	}

	.course_btn{
		width: 100px;
		padding: 0 6px;
	}

	.course_naiyou_matome_1{
		width: 90%;
		margin: 0 auto;
	}

	.course_naiyou_namae {
		line-height: 0;
		text-align: left;
		padding-top: 60px;
	}

	.course_naiyou_namae img{
		height:40px;
	}

	.course_naiyou_namae_2 {
		line-height: 0;
		text-align: left;
		padding-top: 40px;
	}

	.course_naiyou_namae_2 img{
		height:60px;
	}

	.course_naiyou_namae_underline{
		margin-top: -4px;
		line-height: 0;
		width: 100%;
	}

	.course_naiyou_namae_underline img{
		width: 100%;
		height: 3px;
	}

	.moji_course_2 p{
		line-height: 1.6;
		padding: 12px 0;
		letter-spacing: 0.04em;
		text-align:justify;
		text-justify:inter-ideograph;
		font-size: 14px;
	}

	.course_hyo_1{
		width:  100%;
		padding: 20px 0 0;
	}

	.course_hyo_1 table{
		width: 100%;
		font-size: 13px;
		font-feature-settings: "palt";
	}

	.course_hyo_1 table , td, th {
		border: 2px solid #fff;
		border-collapse: collapse;
	}

	.course_hyo_1 td, th {
		padding: 3px;
		height: 40px;
		vertical-align: middle;
	}

	.gakunen{
		width: 16%;
	}
	
	.shidoukamoku{
		width: 16%;
	}
	
	.shukaisuu{
		width: 36%;
	}
	
	.gessha{
		width: 16%;
	}
	
	.nenkankyozaihi{
		width: 16%;
	}

	.hyo_ue {
		background: #009FE8;
		color: #fff;
	}

	.hyo_shita {
		background: #B8E9FF;
	}

	.moji_course_3 p{
		line-height: 1.8;
		padding: 6px 0;
		letter-spacing: 1.0px;
		text-align:right;
		font-size: 14px;
	}

	.back_course_2{
		padding: 40px 0;
		margin: 60px auto ;
		background: #FFEDEB;
	}

	.back_course_3{
		padding: 40px 0;
		margin: 60px auto ;
		background: #EFFCD2;
	}

	.course_naiyou_matome_2{
		width: 90%;
		margin: 0px auto ;
	}

	.course_naiyou_sche{
		line-height: 0;
		text-align: left;
	}

	.course_naiyou_sche img{
		height:auto;
		width: 100%;
	}

	.course_naiyou_sche_naiyou{
		width: 100%;
		padding: 12px 0;
	}

	.moji_course_naiyou_sche_naiyou p{
		line-height: 1.6;
		letter-spacing: 0.4px;
		text-align:justify;
		text-justify:inter-ideograph; 
		font-size: 14px;
	}

	.back_shingaku{
		padding: 60px 0;
	}

	.title_shingaku img{
		height: 90px;
		padding-bottom: 12px;
	}

	.moji_shingaku_1{

	}

	.back_taiken{
		padding: 60px 0 0px;
		background: #FFFDE5;
		margin-top: 0px;
	}

	.title_taiken img{
		height: 80px;
		padding-bottom: 12px;
	}

	.moji_taiken_1{
		width: 90%;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.back_taiken_2{
		padding: 0px 0 60px;
		margin: 60px auto ;
		background: #FFFDE5;
	}

	.taiken_step_matome_1{
		width: 90%;
		margin: 0px auto ;
	}

	.taiken_step{
		width: 100%;
		padding: 0px 0 12px;
	}

	.taiken_step_matome_2{
		padding: 8px 0;
	}

	.moji_taiken_step_1{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.3;
		color:#E6838C;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
		font-feature-settings: "palt";
	}

	.moji_taiken_step_1 p{
		letter-spacing: 1.2px;	
	}

	.taiken_step_underline{
		margin-top: -4px;
		line-height: 0;
		width: 100%;
		padding-bottom: 16px;
	}

	.taiken_step_underline img{
		width: 100%;
		height: 2px;
	}

	.taiken_step_matome_3{
		display: flex;
		justify-content:flex-start;
	}

	.moji_taiken_step_2{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #E6838C;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_2 p {
		margin: 0; 
		padding: 0;
		width: 74px;
	}

	.moji_taiken_step_3{
		line-height: 1.3;
		color: #E6838C;
		align-self: center;
		text-align: justify;
		text-justify:inter-ideograph;
	}


	.moji_taiken_step_5{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.3;
		color:#86BB30;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
		font-feature-settings: "palt";
	}

	.moji_taiken_step_5 p{
		letter-spacing: 1.2px;	
	}

	.moji_taiken_step_6{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #86BB30;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_7{
		line-height: 1.3;
		color: #86BB30;
		align-self: center;
	}

	.moji_taiken_step_8{
		width: 100%;
		margin: 0 auto;
		font-family: "SeuratPro-DB", sans-serif;
		font-size:20px;
		line-height:1.3;
		color:#009FE8;
		padding: 12px 0 ;
		text-align: left;
		z-index: 4;
		font-feature-settings: "palt";
	}

	.moji_taiken_step_8 p{
		letter-spacing: 1.2px;	
	}

	.moji_taiken_step_9{
		line-height: 1.3;
		color: #fff;
		text-align: center;
		padding: 0.5em 0.8em;
		margin: 0 20px 0 0;
		background: #009FE8;/*背景色*/
		font-feature-settings: "palt";
		align-self: center;
	}

	.moji_taiken_step_10{
		line-height: 1.3;
		color: #009FE8;
		align-self: center;
	}

	.moji_taiken_step_4{
		width: 100%;
		padding: 12px 0;
	}

	.moji_taiken_step_4 p{
		line-height: 1.6;
		letter-spacing: 1.2px;
		text-align:justify;
		text-justify:inter-ideograph; 
	}

	.back_access{
		padding: 40px 0 20px;
	}

	.title_access img{
		height: 80px;
		padding-bottom: 12px;
	}

	.access_matome{
		display: block;
		margin: 0 auto;
		justify-content: center;
		padding: 40px 0 40px; 
		width: 90%;
		max-width: 480px;
	}

	.access_left{
		padding-right: 0px;
		align-self: center;
	}

	.access_left img{
		width: 170px;
		align-self: center;
	}

	.access_right{
		align-self: center;
	}

	.moji_access_1{
		text-align: center;
	}

	.gmap{
		padding: 0px 0 0px;
	}

	.back_contact{
		padding: 40px 0; 
	}

	.moji_contact_1{
		text-align: justify;
		text-justify:inter-ideograph; 
		width: 90%;
		margin: 0 auto;
	}

	.contact_form{}

	.back_sns_area{
		background: #E2E2E2;
		padding: 32px 0;
	}

	.sns_area_matome{
		display: inline-block;
		width: 300px;
		margin: 0 auto;
		justify-content: center;
	}

	.sns_area_left{
		text-align: left;
		padding-right: 0px;
		padding-left: 0px;
	}

	.sns_area_matome_2{
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}

	.sns_area_matome_3{
		display: flex;
		margin: 0 auto;
		justify-content: flex-start;
	}

	.sns_area_logo img{
		height: 22px;
		align-self:center;
		line-height: 0;
		padding-right: 4px;
	}

	.moji_sns_area_1 {
		font-family: "SeuratPro-B", sans-serif;
		font-size:20px;
		line-height:0;
		color:#009FE8;
		align-self:center;
		margin-top: -8px;
	}

	.sns_area_right{
		text-align: left;
		margin-top: 20px;
		padding-right: 0px;
		padding-left: 0px;
	
	}

	.sns_area_box_2{
	}


	/*================================
	 footer
	================================*/

	.footer {
		margin: 0px auto;
		background: #009FE8;
		padding: 32px 0 ;
	}

	.footer_matome{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		font-size: 13px;
	}


	.footer a{
		color: #fff;
		transition: 0.3;
	}

	.footer a:hover{
		opacity: 0.7;
	}

	.footer_left{
		width: 220px;
		align-self: center;
		padding-right: 20px;
		padding-bottom: 10px
	}

	.footer_right{
		text-align: left;
		color: #fff;
		align-self: center;
		width: 90%;
	}
	
}