@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;
	}


	/*----------------------
	電話
	----------------------*/
	.top_tel_flame{
		height: 7.3vw;
	}

	.tel_icon_flame{
		border: solid 2vw #333;
		width: 5.2vw;
		height: 5.2vw;
		margin-right: 0.7vw;
	}

	.fa-phone{
		font-size: 4.1vw !important;
		padding-top: 0.3vw;
	}

	.tel_number{
		font-size: 2.7vw;
		margin-bottom: 0.2vw !important;
	}

	.tel_uketuke{
		font-size: 1.6vw;
	}


	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		width: auto;/*----lineアイコンがあるときは25vw〜30vw---*/
		height: 5vw;
		margin-left: 1.2vw;
		margin-top: 1.2vw;
		border-radius: 0.5vw;
	}


	.top_cv_btn a p{
		font-size: 2vw;
		padding: 0 2vw 0.2vw !important;/*----lineアイコンがあるときは2vwを0に---*/
	}

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

	.top_cv_btn a p img{
		margin-right: 0.3vw;
	}



	/**********************************
	
	図形設定
	
	**********************************/
	.under_triangle{
		border-top: 5vw solid #ccc;
		border-right: 8vw solid transparent;
		border-left: 8vw solid transparent;
	}
	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.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;
	}
	
	.short_padding_top_under{
		padding-top: 3vw;
	}
	
	.h2_shita_margin_60{
		margin-bottom: 6vw;
	}
	
	/*ラインの上にアイテムがある時はこっち*/
	.h2_shita_margin_45{
		margin-bottom: 4.5vw;
	}
	
	
	
	
	/**********************************

	cvエリア

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

	.cv_ue_eria{
		padding-top: 3vw;
		padding-bottom: 1.2vw;
	}

	.cv_slash{
		width: 7.1vw;
		height: 7.4vw;
	}
	

	.cv_ue_eria p{
		font-size: 3.1vw;
		font-weight: bold;
		color: #fff;
		line-height: 1.4 !important;
		text-align: center;
	}
	
	.cv_ue_eria p span{
		font-size: 4.3vw;
	}

	.ninteishou {
		padding-left: 3.3vw;
	}
	

	.cv_white_flame{
		width: 100%;
		height: auto;
		padding:  3.5vw 2.5vw;
		background-color: #fff;
		box-sizing: border-box;
		border-radius: 0.8vw;
	}

	.cv_btn_retu{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.cv_tel_flame{
		width: 50%;
	}

	.cv_tel_flame:hover{
		opacity: 0.7;
	}

	.cv_tel_flame a{
		display: flex;
		align-items: center;
	}

	.cv_tel_icon_flame{
		width: 7.5vw;
		height: 7.5vw;
		margin-right: 1.1vw;
	}

	.cv_tel_icon_flame i{
		font-size: 5.4vw !important;
	}

	.cv_tel_number{
		font-size: 3.8vw;
		line-height: 1 !important;
		margin-bottom: 0 !important;
	}

	.cv_tel_uketuke{
		font-size: 2vw;
	}

	.cv_btn{
		width: 48.5%;
		height: 8vw;
		border-radius: 0.7vw;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		/*
		green：#00B900
		orange：#ff8400
		black：#000
		right_red：#f37272
		pink：#ff77e7
		blue：#0066FF
		blue_green：#13b5b1
		*/
	}

	.cv_btn2{
		background-image: url("../img/btn_bg_orange_gra.png");/*----green,orange,black,right_red,pink,blue,blue_green---*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		border: solid 0.1vw #ff8400;
		/*
		green：#00B900
		orange：#ff8400
		black：#000
		right_red：#f37272
		pink：#ff77e7
		blue：#0066FF
		blue_green：#13b5b1
		*/
	}

	.cv_btn:hover{
		opacity: 0.7;
	}

	.cv_btn a{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.cv_btn a img{
		width: 18%;
		margin-right: 0.4vw;
	}

	.cv_btn a p{
		font-size: 2.8vw;
		color: #fff;
		font-weight: bold;
		padding-bottom: 0.1vw !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.cv_btn a p i{
		font-size: 4vw !important;
		padding-bottom: 0.4vw !important;
	}




	.cv_long_btn{
		width: 100%;
		height: 8.5vw;
		border-radius: 0.7vw;
		margin-top: 2.5vw;
		background-image: url("../img/btn_bg_green_gra.png");/*----green,orange,black,right_red,pink,blue,blue_green---*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		border: solid 0.1vw #00B900;
		/*
		green：#00B900
		orange：#ff8400
		black：#000
		right_red：#f37272
		pink：#ff77e7
		blue：#0066FF
		blue_green：#13b5b1
		*/
	}

	.cv_long_btn:hover{
		opacity: 0.7;
	}

	.cv_long_btn a{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

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

	.cv_long_btn a p{
		font-size: 3.5vw;
		color: #fff;
		font-weight: bold;
		padding-bottom: 0.1vw !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

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







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

	悩みエリア

	**********************************/
	.nayami_over{
		background-image: url("../img/nayami_bg.jpeg");
	}

	.nayami_under{
		padding-top: 5.5vw;
		padding-bottom: 6vw;
	}

	.nayami_under div{
		width: 65%;
		display: block;
		margin-left: auto;
	}

	.nayami_h2_ue_text,.nayami_under h2{
		width: 100%;
	}
	
	.nayami_h2_ue_text{
		padding-bottom: 1vw !important;
	}

	.nayami_under ul li i{
		font-size: 2.2vw !important;
		padding-right: 0.3vw;
	}

	.nayami_under ul li{
		width: 100%;
		white-space: pre-wrap;
	}





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

	解決エリア

	**********************************/
	.kaiketu_over{

	}

	.kaiketu_under{
		padding-top: 6.5vw;
		padding-bottom: 6vw;
	}

	.h3_kaiketu_hyou{
		background-color: #0B48B0;
		padding: 1.2vw 0;
	}

	.under_triangle{
		width: 0;
		border-top: 2.6vw solid #0B48B0;
		border-right: 3.6vw solid transparent;
		border-left: 3.6vw solid transparent;
		margin: 0 auto;
	}

	.kaiketu_shita_over{
		background-image: url("../img/kaiketu_shita_bg.jpeg");
	}

	.triangle_color1{
		width: 0;
		border-top: 4.5vw solid #fff;
		border-right: 7.2vw solid transparent;
		border-left: 7.2vw solid transparent;
		margin: 0 auto;
	}

	.kaiketu_shita_under{
		padding-top: 4.5vw;
	}










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

	特徴・理由エリア

	**********************************/
	.chigai_over{
		background-color: #f3f3f3;
	}

	.chigai_under{
		padding-top: 6vw;
	}

	.tokuchou_08_inner{
		display: flex;
		margin-bottom: 2.5vw;
		background-color: #fff;
		padding: 2.5vw 3vw;
		box-sizing: border-box;
		border: solid 0.2vw #0B48B0;
	}

	.tokuchou_08_inner div{
		width: 100%;
		padding-left: 3vw;
	}

	.tokuchou_08_right_space{
		padding-left: 0 !important;
		padding-right: 4vw;
	}

	.tokuchou_08_title_img{
		width: 100%;
		height: auto;
	}

	.tokuchou_08_img{
		width: 30vw;
		height: 16.9vw;
	}

	.tokuchou_08_inner div p{
		font-size: 1.8vw;
		white-space: pre-wrap;
		padding-top: 1vw !important;
		line-height: 1.8 !important;
	}

	.tokuchou_08_inner div p span{
		font-weight: bold;
		background:linear-gradient(transparent 60%, #fff000 60%);
	}

	.tokuchou_08_inner_last{
		margin-bottom: 0 !important;
	}







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

	サポートエリア

	**********************************/
	.support_over{
		background-image: url("../img/support_bg.jpeg");
		box-shadow: 0 0 0.4vw #ccc;
	}



	.support_pc_img{
		width: 43vw;
		height: 24vw;
	}

	.support_fukidashi{
		width: 52.5vw;
		height: 20.3vw;
		background-image: url("../img/support_fukidashi.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		padding: 1.9vw 2vw 2vw 6vw;
		margin-bottom: 0.7vw;
	}

	.support_fukidashi_kome{
		padding-left: 3.7vw !important;
		line-height: 1.5 !important;
	}
	
	
	
	
	
	.support_yajirusi{
		font-size: 10vw !important;
		line-height: 1 !important;
		margin-top: -1.5vw !important;
		margin-bottom: 0.5vw !important;
	}

	.tokuten_img{
		width: 44vw;
	}

	.tokuten_img_1gyou{
		height: 30.5vw;
	}

	.tokuten_img_2gyou{
		height: 33.4vw;
	}

	.tokuten_flame p{
		width: 46vw;
		padding-top: 3vw !important;
	}






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

	初心者エリア

	**********************************/
	.shoshinsha_over{
		background-image: url("../img/shoshinsha_bg.jpeg");
	}

	.shoshinsha_flame{
		padding: 2.7vw 3vw;
		border: solid 0.4vw #0B48B0;
	}

	.shoshinsha_text_icon{
		width: 43.8vw;
		height: 5.4vw;
	}

	.shoshinsha_text_icon_shita_text{
		white-space: pre-wrap;
		width: 44.5vw;
	}

	.shoshinsha_img{
		width: 40.5vw;
		height: 22.7vw;
	}

	.shoshinsha_flame p span{
		font-weight: bold;
		background:linear-gradient(transparent 60%, #fff000 60%);
	}
	
	
	
	/**********************************

	体験者エリア

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

	.taiken_under iframe{
		height: 53vw;
	}

	
	
	
	
	

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

	お客様の声エリア

	**********************************/
	.voice_over{
		background-color: #f3f3f3;
	}

	.voice_under{

	}

	.voice_flame{
		width: 47.5%;
		height: auto;
	}

	iframe{
		width: 100%;
		height: 33.9vw;
		margin-bottom: 1vw;
	}




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

	料金エリア

	**********************************/
	.ryoukin_over{
		background-image: url("../img/support_bg.jpeg");
	}

	.ryoukin_img{
		box-shadow: 0 0 0.6vw #aaa;
	}




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

	流れエリア

	**********************************/
	.nagare_over{
		background-color:#f3f3f3;
		box-shadow: 0 0 0.3vw #ccc;
	}

	.nagare_icon_circle{
		background-color: #CBD8FF;
		width: 8vw;
		height: 8vw;
		border-radius: 900000000000vw;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 4vw;
	}
	.nagare_icon_circle i{
		color: #3466FF;
	}

	.nagare_inner{
		display: flex;
		align-items: center;
		background-color: #fff;
		border-radius: 0 !important;
		padding: 2.2vw 3.5vw;
		box-sizing: border-box;
		box-shadow: 0 0 0.6vw #ccc;
		margin-top: 2vw;
	}

	.nagare_under h3{
		font-size: 2.3vw;
		font-weight: bold;
		margin-bottom: 0.7vw;
	}

	.nagare_under h3 span{
		font-weight: bold;
		color: #0B48B0;
	}
	
	.nagare_under h3 object{
		font-size: 2vw;
	}

	.nagare_text{
		font-size: 1.8vw;
	}
	
	.card{
		margin-top: 1vw;
	}

	.fa-hand-pointer-o{
		font-size: 4.7vw !important;
	}
	.fa-calendar-check-o{
		font-size: 4.3vw !important;
		padding-left: 0.4vw !important;
		padding-bottom: 0.3vw !important;
	}

	.fa-yen{
		font-size: 4.7vw !important;
		margin-top: 0.5vw !important;
	}

	.fa-files-o{
		font-size: 4.2vw !important;
	}

	.fa-pencil-square-o{
		font-size: 4.3vw !important;
		margin-left: 1vw !important;
		margin-top: 0.3vw !important;
	}

	.fa-user-circle-o{
		font-size: 4.8vw !important;
	}

	.fa-id-card-o{
		font-size: 4vw !important;
	}

	.fa-check{
		font-size: 4.2vw !important;
	}


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

	認定校エリア

	**********************************/
	.shozaichi_map{
		width: 51.3vw;
		height: 35.2vw;
	}

	.ninteikou_right_box{
		width: 41%;
	}

	.ninteikou{
		border: solid 0.3vw #0B48B0;
		padding: 1.3vw 2vw !important;
		color: #0B48B0;
		margin-top: 2.5vw !important;
	}

	.ninteikou span{
		font-size: 2.2vw;
	}










	
	
	/**********************************
	
	よくある質問エリア
	
	**********************************/
	.q_and_a_item{
		margin-top: 1.7vw;
	}
	
	.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: 3vw;
	}

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

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

	フォームエリア

	**********************************/
	.form_namal_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;
	}



}