@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////

タブレット(大)用レイアウト

////////////////////////////////////*/

@media screen and (max-width:1024px){
	
	/*----------------------
	共通設定
	----------------------*/
	body{
		width: 100%;
		-webkit-text-size-adjust:100%;
		-ms-text-size-adjust:100%;
	}
	
	
	/**********************************
	
	全体レイアウト、共通設定
	
	**********************************/

	/*----------------------
	記事エリアの設定
	----------------------*/
	.article{
		background-color: #fff;
		font-size: 1.8vw;
	}

	.article p{
		line-height: 2.8vw;
	}
	
	.nomal_text{
		font-size: 1.8vw;
		line-height: 2.8vw;
	}

	/**********************************
	
	上部固定ヘッダー設定
	
	**********************************/
	
	/*----------------------
	上部固定ヘッダー全体
	----------------------*/
	.header{
		height: 7.3vw;
	}

	/*----------------------
	ヘッダー内部をカラム幅にする
	----------------------*/
	.header_inner{
		max-width: 94.7%;
		height: 7.3vw;
	}


	/*----------------------
	ロゴ
	----------------------*/
	.top_logo_flame{
		height: 7.3vw;
	}


	
	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		height: 5vw;
		margin-left: 1.2vw;
		margin-top: 1.2vw;
		box-shadow: 0 0.3vw 0 #1D6234;
	}

	.top_cv_btn a p{
		font-size: 2.2vw;
		padding: 0 6vw 0.2vw !important;
	}

	.top_cv_btn a p i{
		font-size: 2.5vw !important;
	}

	.top_cv_btn a p img{
		margin-right: 0.3vw;
	}
	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.top_img_flame{
		background-size: cover;
		height: auto;
	}
	
	.top_img_in{
		width: 94.7%;
	}
	/**********************************
	
	section設定
	
	**********************************/
	.section_under_flame{
		width: 94.7%;
		height: auto;
		margin: 0 auto;
		padding: 7vw 0;
	}
	
	
	
	/**********************************

	cvエリア

	**********************************/
	.cv_under{
		padding-top: 3.5vw;
		padding-bottom: 6.5vw;
	}

	.cv_white_flame{
		padding: 3.2vw 2.5vw;
		border-radius: 0;
		margin-top: 3.8vw;
	}

	.cv_text{
		font-size: 3.6vw;
		line-height: 1.6 !important;

	}

	.cv_long_btn{
		height: 8.5vw;
		margin-top: 1.5vw;
		box-shadow: 0 0.5vw 0 #1D6234;
	}

	.cv_long_btn a img{
		margin-right: 0.5vw;
	}

	.cv_long_btn a p{
		font-size: 3.8vw;
		padding-bottom: 0.4vw !important;
	}

	.cv_long_btn a p i{
		font-size: 4.6vw !important;
	}

	.line_text{
		font-size: 1.8vw;
		padding-top: 2vw !important;
	}




	/**********************************

	悩みエリア

	**********************************/
	.nayami_under{
		padding-top: 4vw;
		padding-bottom: 0;
	}

	.nayami_under ul{
		padding: 3vw;
		margin-bottom: 5.5vw;
	}

	.nayami_under ul li{
		padding-bottom: 1.2vw;
		margin-top: 2.4vw;
	}

	.li_top{
		margin-top: 0 !important;
	}

	.nayami_under ul li img{
		width: 3%;
		margin-right: 0.8vw;
	}

	.nayami_under ul li p{
		font-size: 2vw;
		line-height: 1;
		padding-bottom: 0.2vw !important;
	}

	.li_2retu p{
		line-height: 1.5 !important;
	}

	.nayami_under ul li p span{
		font-size: 2.2vw;
	}






	/**********************************

	解決エリア

	**********************************/
	.kaiketu_under{
		padding-top: 1.3vw;
	}

	.kaiketu_score_flame{
		width: 46vw;
		margin-top: 2vw;
	}

	.kaiketu_score_flame p{
		font-size: 1.8vw;
		line-height: 1.8 !important;
		padding: 1.5vw 2vw !important;
		border-radius: 1vw;
		margin-top: 2.5vw !important;
		background-color: #fff;
	}






	/*-----------------------------------

	ループスライダーエリア

	------------------------------------*/
	/*Java*/
	.loopslider{
		 margin: 0 auto;
		 width: 100%;
		 max-width: 100%;
		 height: 13vw;
		 text-align: left;
		 position: relative;
		 overflow: hidden;
	}

	.loopslider ul{
		 height: 13vw;
		 float: left;
		 display: inline;
		 overflow: hidden;
	}

	.loopslider ul li{
		 width: 23.2vw;
		 height: 13vw;
		 float: left;
		 display: inline;
		 overflow: hidden;
	}

	.loopslider img{
		width: 23.2vw;
		height: 13vw;
	}

	/* =======================================
		 ClearFixElements
	======================================= */
	.loopslider ul:after{
		 content: ".";
		 height: 0;
		 clear: both;
		 display: block;
		 visibility: hidden;
	}

	.loopslider ul{
		 display: inline-block;
		 overflow: hidden;
	}




	/**********************************

	特徴・理由エリア

	**********************************/

	.riyuu_flame{
		padding: 3vw 3vw 3.5vw;
		margin-top: 3vw;
		box-shadow: 0.5vw 0.5vw 0 #333;
	}

	.riyuu_flame_top{
		margin-top: 0 !important;
	}

	.riyuu_text,.riyuu_shita_text{
		width: 43.5vw;
		font-size: 1.8vw;
		line-height: 1.9 !important;
	}

	.riyuu_img{
		width: 42vw;
		height: 24vw;
		margin-top: 0.7vw;
	}

	.riyuu_shita_text{
		margin-top: 2.8vw !important;
		width: 100%;
	}
	





	/**********************************

	料金エリア

	**********************************/
	.ryoukin_flame{
		padding-bottom: 2vw;
	}

	.ryoukin_sankaku{
		width: 10.8vw;
		height: 8.7vw;
		margin: 3.5vw auto 3.2vw;
	}

	.ryoukin_ribon{
		margin-bottom: 3.5vw;
	}

	.plan_sentaku_flame{
		width: 30.4vw;
	}

	.plan_sentaku_flame img{
		margin-bottom: 2.5vw;
	}

	.plan_sentaku_flame p{
		font-size: 1.8vw;
		line-height: 1.8 !important;
		padding: 1.5vw 2vw !important;
		border-radius: 1vw;
	}





	.ryoukin_subsc_flame{
		padding: 4.5vw 3.5vw 4vw;
		box-shadow: 0.5vw 0.5vw 0 #333;
	}

	.ryoukin_subsc_title{
		width: 49.8vw;
		height: 8.8vw;
		margin-bottom: 3vw;
	}

	.ryoukin_subsc_flame p{
		font-size: 1.8vw;
		text-shadow: 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff;
	}



	/**********************************

	お子様エリア

	**********************************/

	.kodomo_movie_flame{
		width: 24.2vw;
	}

	.kodomo_movie{
		margin-bottom: 1.7vw;
		box-shadow: 0.4vw 0.4vw 0 #333;
		height: 48.4vw;
	}


	.kodomo_migi_text_flame{
		width: 36.6vw;
	}

	.kodomo_text{
		text-shadow: 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff, 0 0 0.2vw #fff;
	}

	.kids_club_img{
		padding:  2.3vw 2vw;
		margin-top: 3.3vw;
	}












	/**********************************

	コーチエリア

	**********************************/

	.lesson_text_flame{
		width: 37.5vw;
	}

	.lesson_text{
		font-size: 1.8vw;
		line-height: 1.8 !important;
		text-shadow: 0 0 0.2vw #333, 0 0 0.2vw #333, 0 0 0.2vw #333, 0 0 0.2vw #333, 0 0 0.2vw #333, 0 0 0.2vw #333;
	}

	.lesson_movie_flame{
		width: 24.2vw;
	}

	.lesson_movie{
		margin-bottom: 1.7vw;
		box-shadow: 0.4vw 0.4vw 0 #555;
	}

	.lesson_white_flame{
		padding: 5vw 4vw;
		margin-top: 4.5vw;
		box-shadow: 0.5vw 0.5vw 0 #333;
	}

	.corch_img{
		width: 32.9vw;
		height: 43.8vw;
	}

	.corch_text_flame{
		width: 49.2vw;
	}

	.corch_text_flame h3{
		margin-bottom: 1.5vw;
	}

	.corch_text_flame h3 img{
		height: 7.8vw;
		padding-bottom: 1.5vw;
		margin-top: 1vw;
	}

	.corch_text_flame p{
		font-size: 1.8vw;
		line-height: 2 !important;
	}

	.lesson_white_flame h5{
		margin-top: 3.6vw;
		margin-bottom: 1vw;
		align-items: center;
	}

	.lesson_white_flame h5 img{
		width: 3.6vw;
		height: 4vw;
		margin-right: 1vw;
	}

	.lesson_white_flame h5 p{
		font-size: 2.4vw;
	}

	.advice_text{
		font-size: 1.8vw;
		line-height: 1.85 !important;
		padding: 2.3vw 3vw !important;
	}



	/**********************************

	流れエリア

	**********************************/

	.nagare_07_inner{
		margin-top: 1.2vw;
	}

	.nagare_07_inner_top{
		margin-top: 0 !important;
	}

	.nagare_07_nunber_circle{
		width: 4vw;
		height: 4vw;
	}

	.nagare_07_nunber_circle p{
		font-size: 2.5vw;
	}

	.nagare_07_img{
		width: 18.1vw;
		height: 10.1vw;
		margin-left: 1.8vw;
		box-shadow: 0.3vw 0.3vw 0 #333;
	}

	.nagare_07_title_and_text{
		margin-left: 3vw;
		width: 100%;
	}

	.nagare_07_title_and_text h3{
		width: 100%;
		height: auto;
		font-size: 2.1vw;
		padding: 0.8vw 0;
		margin-bottom: 0.7vw;
	}

	.nagare_07_title_and_text p{
		font-size: 1.7vw;
		line-height: 1.8 !important;
	}

	.nagare_07_yajirushi{
		font-size: 4vw;
		line-height: 0 !important;
		padding-left: 25.5vw !important;
	}












	
	
	/**********************************
	
	よくある質問エリア
	
	**********************************/
	.q_and_a_item{
		margin-top: 1.7vw;
		border-radius: 1vw;
	}
	
	.q_and_a_item_top{
		margin-top: 0 !important;
	}

	.q_and_a_item h3{
		font-size: 2.7vw;
		padding: 2vw 0 2vw 2.5vw;
		line-height: 4vw;
	}

	.q_and_a_item span{
		font-size: 4.6vw;
		padding-bottom: 1vw;
		margin-right: 2.8vw;
	}

	.answer{
		font-size: 2.2vw;
		padding: 1.5vw 2.5vw;
		margin-bottom: 0.8vw;
	}
	
	.answer p{
		line-height: 4vw;
	}
	
	
	
	
	

	/**********************************

	店舗情報エリア

	**********************************/
	.tenpo_flame{
		padding: 5vw 4vw;
		box-shadow: 0.5vw 0.5vw #333;
	}

	.tenpo_under dl{
		width: 42vw;
		padding-bottom: 0.7vw;
		margin-top: 1.5vw;
	}

	.dl_top{
		margin-top: 0 !important;
	}

	.tenpo_under dl dt,.tenpo_under dl dd{
		font-size: 1.9vw;
		line-height: 1.4;
	}

	.tenpo_under dl dt{
		width: 11vw;
		padding-left: 1.5vw;
	}

	.tenpo_img{
		width: 39.7vw;
		height: 26.3vw;
	}

	iframe{
		width: 100%;
		height: 40vw;
		margin-top: 5vw;
	}



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**********************************

	フォームエリア

	**********************************/
	.form_nomal_text{
		font-size: 1.8vw;
	}

	.form_mini_title{
		font-size: 2vw;
	}
	
	.form_name{
		width: 20vw;
	}

	.form_tel{
		width: 12vw;
	}

	.form_long_flame{
		width: 42.4vw;
	}

	.form_big_flame{
		height: 25vw;
	}

	.form_waku_kyoutuu{
		font-size: 1.8vw;
		padding: 0.4vw;
	}

	.form_btn{
		margin-top: 4vw;
		height: 8.1vw;
	}
	
	
	
	
	/**********************************
	
	footerエリア
	
	**********************************/
	.footer{
		height: 12vw;
	}
	
	.footer_under{
		width: 94.7%;
		height: 12vw;
	}
	
	.footer_link{
		margin-top: 3.3vw;
	}

	.footer_link a,.footer_link p,.small{
		font-size: 2vw;
	}

	.footer_link p{
		margin: 0 2.5vw !important;
	}

	.small{
		text-align: center;
		display: block;
		padding-top: 1.5vw;
	}
	
	
	
	
	
	
	/**********************************

	会社概要

	**********************************/
	.gaiyou_title{
		font-size: 3vw;
	}

	.gaiyou_under th,.gaiyou_under td{
		font-size: 2vw;
		padding: 2vw;
	}




	.tableSample {
		margin-top: 1vw;
	}

	.tableSample th,td {
		padding: 1vw 1.5vw;
	}



}