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

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

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

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

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

	/*----------------------
	記事エリアの設定
	----------------------*/
	.article{
		background-color: #fff;
		font-size: 1.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: 3.6vw;
		margin-bottom: 0.2vw !important;
	}

	.tel_uketuke{
		font-size: 1.2vw;
	}


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


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



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

	ヘッダーメニューエリア

	**********************************/
	.header_menu_over{
		top: 7.3vw;
	}

	.header_menu_under{
		padding-top: 0.5vw !important;
		padding-bottom: 1.5vw !important;
	}
	
	.header_menu_under nav a{
		font-size: 1.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;
	}
	
	
	
	
	

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

	悩みエリア

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

	.nayami_under{
		padding-top: 5vw;
		padding-bottom: 10.5vw;
	}

	.nayami_img{
		margin-top: 3.5vw;
	}
	
	.nayami_under a{
		font-size: 2.6vw;
		border-radius: 0.5vw;
		padding: 0.6vw 0;
		margin-bottom: 4vw;
	}







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

	解決エリア

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

	.kaiketu_under{
		padding-top: 2vw;
		padding-bottom: 9vw;
	}

	.kaiketu_flame{
		border-radius: 2vw;
		padding: 8vw;
		margin-top: 3.5vw;
	}

	.kaiketu_ue_img_flame img{
		width: 34.2vw;
		height: 34.2vw;
		border-radius: 1.5vw;
	}

	.kaiketu_ue_img_flame p{
		font-size: 6.2vw;
	}

	.shokihiyou{
		width: 62.8vw;
		margin: 0 auto 0.7vw;
	}

	.kome1{
		margin-top: 2vw !important;
		margin-left: 46.5vw !important;
	}




	.whats_bro_room_flame{
		background-position: center right 4.5vw;
		margin: 5.5vw 0;
		border-radius: 1.5vw;
		padding: 4.5vw;
	}

	.whats_bro_room_flame h3{
		width: 45.9vw;
		margin-bottom: 3vw;
	}

	.whats_bro_room_flame p{
		font-size: 2.1vw;
	}

	.kaiketu_shita_flame{
		width: 30vw;
	}

	.kaiketu_shita_flame h4{
		font-size: 2.8vw;
		padding: 0.8vw 0 1.2vw;
		border-radius: 1.5vw 1.5vw 0 0;
	}

	.kaiketu_shita_flame h4 span{
		font-size: 2.2vw;
	}

	.miniblue_sankaku{
		width: 4vw;
	}

	.kaiketu_shita_flame div{
		border: solid 0.3vw #3077b5;
		border-radius: 0 0 1.5vw 1.5vw;
		padding: 0 1.7vw 1.7vw;
	}

	.kaiketu_shita_img{
		margin-top: 1.2vw;
		margin-bottom: 1.2vw;
	}







	.kaiketu2_over{
		height: 20vw;
	}

	.kaiketu2_under{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}



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

	初期投資エリア

	**********************************/
	.big_title_under{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}


	.under_triangle{
		width: 0;
		border-top: 4.8vw solid #3077b5;
		border-right: 6.1vw solid transparent;
		border-left: 6.1vw solid transparent;
		margin: 0 auto 3vw;
	}




	.shokitoushi_under{
		padding-top: 0;
	}



	.shokitoushi_text{
		font-size: 2.6vw;
		line-height: 2 !important;
	}




	.shokitoushi_icon_flame{
		margin: 3.3vw 0 1vw;
	}

	.shokitoushi_icon_flame img{
		width: 30.4vw;
	}





	.kome2{
		font-size: 1.8vw;
	}

	.nyuukyo{
		margin-top: 0.3vw !important;
		margin-bottom: 0.5vw !important;
	}

	.kome2_shita{
		margin-left: 1.5vw !important;
	}

	.triple_yajirushi{
		width: 9.2vw;
		margin: 3.5vw auto;
	}





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

	2つのプランエリア

	**********************************/
	.h2_BRO-ROOM_title{
		height: 13.5vw;
	}

	.plan2_retu{
		margin-top: 4.5vw;
	}

	.plan2_flame{
		width: 48.5%;
	}



	.plan2_inner{
		padding: 0 2.5vw 3.2vw;
		border-radius: 0 0 1vw 1vw;
	}

	.plan_mei{
		border-radius: 0.5vw;
		border: solid 0.2vw #3177B5;
		padding: 1vw 0;
		margin-bottom: 1.5vw;
	}

	.plan_mei p{
		font-size: 2.4vw;
		line-height: 1 !important;
	}

	.plan_mei span{
		font-size: 1.5vw;
		margin-top: 0.5vw;
	}

	.plan2_text{
		font-size: 2vw;
		padding-left: 1.2vw !important;
	}

	.plan_sankaku{
		width: 6.5vw;
		margin: 1.8vw auto;
	}

	.plan2_bottom_text{
		font-size: 3vw;
		border: solid 0.4vw #FBA135;
		border-radius: 1vw;
		line-height: 2 !important;
	}
	
	
	
	/**********************************

	出口戦略エリア

	**********************************/
	.deguchi_inner_flame{
		padding: 4vw 3.5vw 4.5vw;
		border-radius: 1.5vw;
	}

	.deguchi_retu{
		margin-top: 4vw;
	}

	.deguchi_flame{
		width: 48.2%;
		border-radius: 0.8vw;
		padding: 2.5vw;
	}

	.deguchi_flame img{
		border-radius: 0.8vw;
	}

	.deguchi_flame h3{
		font-size: 3.2vw;
		margin: 1.8vw auto 1.5vw;
	}

	.deguchi_flame p{
		font-size: 1.75vw;
	}
	






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

	導入事例エリア

	**********************************/
	.jirei_flame{
		padding: 4.5vw 6vw;
		border-radius: 2vw;
		margin-top: 4vw;
	}

	.jirei_flame h3{
		margin-bottom: 1.3vw;
	}

	.jirei_flame h3 p{
		font-size: 2.8vw;
	}

	.jirei_title_nunber{
		padding: 0 2.2vw 0.2vw !important;
		margin-right: 2.5vw !important;
	}

	.jirei_title_text span{
		font-size: 2.4vw;
	}

	.jirei_flame h4{
		font-size: 3.4vw;
		padding-bottom: 1.2vw;
		margin-top: 3.5vw;
	}

	.jirei_flame h4 i{
		margin-right: 0.5vw;
	}

	.rinobe_zu{
		margin: 4.2vw 0 0;
		width: 52%;
	}

	.rinobe_zu2{
		width: 50%;
		margin-top: 3vw;
	}

	.rinobe_zu3{
		margin-top: 3vw;
		width: 52%;
	}


	.scroll_content { /* リスト全体のスタイル */
		max-width: 100%;
		margin-top: 3.5vw;
	}

	.scroll_content li { /* 各リストのスタイル */
		width: 76vw;
		margin-right: 4vw;
		flex-shrink: 0;
		margin-bottom: 3vw;
	}

	.scroll_content li img{
		margin-bottom: 0.2vw;
		height: 42vw;
	}








	.scroll_content::-webkit-scrollbar {
		height: 1.2vw; /* スクロールバーの高さ */
		padding-top: 3vw !important;
	}


	.rinobe_naiyou_text{
		margin-top: 1.8vw;
	}

	.rinobe_naiyou_text div{
		margin-bottom: 1vw;
	}

	.rinobe_naiyou_text i{
		font-size: 2.4vw;
		padding-top: 0.2vw;
		margin-right: 0.5vw;
	}

	.rinobe_naiyou_text p{
		line-height: 1.6 !important;
	}

	.rinobe_naiyou_text p,.rinobe_naiyou_text span{
		font-size: 1.8vw;
	}

	.rinobe_naiyou_text span{
		border-radius: 0.5vw;
		padding: 0 1vw 0.2vw;
		margin-right: 0.5vw;
	}

	.rinobe_naiyou_text1{
		margin-top: 3.5vw;
	}

	.rinobe_naiyou_text2{
		margin-top: 2vw;
	}

	.before_after_flame{
		margin-top: 5.5vw;
	}

	.before_after_flame img{
		width: 47%;
	}

	.hyou{
		margin-top: 1.5vw;
	}

	.jirei_bottom_text{
		font-size: 3vw;
		margin-top: 3vw !important;
		line-height: 1 !important;
	}

	.jirei_bottom_text span{
		font-size: 5vw;
		padding-bottom: 0.5vw !important;
	}


	.jirei_botttom_btn a{
		font-size: 4.4vw;
		padding: 2.4vw 0 2.6vw;
		margin-top: 4.5vw;
		background-size: 1.3%;
		background-position: center right 6vw;
	}
	
	
	
	.slider-container {
		margin-top: 3.5vw;
	}




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

	効果エリア

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

	

	.kouka_h2_shita_text{
		font-size: 2.2vw;
		margin: 1.8vw 0 0 !important;
	}

	.triple_yajirushi2{
		width: 7.8vw;
		margin: 0 auto 2.7vw;
		display: block;
		display: none !important;
	}

	.kouka_under h3{
		border-radius: 90vw;
		font-size: 4vw;
		padding: 1.2vw 0 1.5vw;
		margin-bottom: 4vw;
	}

	.kouka_retu{
		margin-top: 4vw;
	}

	.kouka_flame{
		width: 29.8vw;
	}

	.kouka_flame img{
		margin-bottom: 0.7vw;
	}

	.kouka_flame p{
		font-size: 2.1vw;
	}

	.kouka_flame p span{
		font-size: 1.5vw;
	}








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

	メリットエリア

	**********************************/
	.merit_retu{
		margin-top: 6.3vw;
	}

	.merit_woman{
		width: 35.7vw;
		height: 41.5vw;
	}

	.merit_flame{
		width: 56.4vw;
		height: 15.1vw;
	}


	.merit_flame div{
		border-radius: 0 1vw 1vw 0;
	}

	.merit_flame div h3{
		margin-bottom: 1vw;
		margin-top: 2vw;
		font-size: 3.6vw;
	}

	.merit_flame2{
		margin: 2vw 0;
	}
	
	
	
	




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

	cvエリア

	**********************************/
	.cv_over{
		padding-top: 4vw;
	}

	.cv_under{
		margin: 1vw auto 7vw;
		border-radius: 1vw;
		padding: 5vw 0;
	}

	.cv_under a{
		width: 45%;
	}


	.cv_btn{
		padding: 1.5vw 0;
		margin-left: 2.8vw;
	}

	.cv_btn p{
		font-size: 3.2vw;
	}

	.top_cv_btn a p i{
		font-size: 3vw !important;
	}
	
	
	
	/**********************************

	流れエリア

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


	.nagare_flame_top{
		margin-top: 4vw;
	}


	.nagare_title_flame p{
		font-size: 2.2vw;
	}

	.nagare_number{
		padding: 0 1.2vw !important;
		border-radius: 1vw 0 0 1vw;
	}

	.nagare_title{
		width: 23.5vw;
	}

	.nagare_text_flame{
		padding: 0 2vw;
		border-radius: 0 1vw 1vw 0;
	}

	.nagare_number,.nagare_title,.nagare_text_flame{
		height: 8.5vw;
	}

	.nagare_text_flame p{
		font-size: 1.7vw;
	}

	.fa-angle-down{
		font-size: 4.5vw !important;
		line-height: 1.1 !important;
	}

	.nagare_bottom_text{
		font-size: 2.6vw;
		line-height: 1.6 !important;
		margin-top: 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: 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;
	}
	
	


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

	実績エリア

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

	.jisseki_white_flame{
		border-radius: 1.5vw;
		padding: 3.5vw;
		margin-top: 4vw;
		background-position: top 16.2vw right 3.5vw;
		background-size: 42.2%;
	}

	.jisseki_white_flame_top_text{
		font-size: 2.4vw;
		margin-bottom: 0.5vw !important;
	}

	.jisseki_white_flame dt,.jisseki_white_flame dd{
		line-height: 2;
	}

	.jisseki_dl_retu,.adress{
		font-size: 1.6vw;
	}

	.jisseki_white_flame dt{
		width: 13vw;
	}

	.mb_min{
		margin-bottom: -0.5vw;
	}

	.mini_text{
		font-size: 1.3vw;
		background-size: 16%;
		background-position: left 27vw bottom 1.5vw;
	}
	
	.kaisha_link{
		font-size: 2.4vw;
		border-radius: 0.5vw;
		padding: 1.2vw 0;
		margin-top: 4vw;
	}
	
	
	/**********************************

	利用条件エリア

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

	.jouken_top_text{
		font-size: 2.5vw;
	}

	.jouken_btn{
		border: solid 0.3vw #3177B5;
		border-radius: 0.8vw;
		font-size: 3.6vw;;
		padding: 1.4vw 0 1.7vw;
		line-height: 1.2;
	}



	.jouken_short_btn{
		width: 48.7%;
	}

	.jouken_retu{
		margin-top: 3vw;
	}

	.pc_riyoujouken{
		display: none;
	}
	
	.tab_riyoujouken{
		display: block;
	}










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

	footerエリア

	**********************************/
	.footer{
		width: 100%;
		height: 12vw;
	}

	.footer_under{
		padding-top: 1.5vw;
	}

	.footer_link{
		margin-top: 3.3vw;
	}

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

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

	.small{
		padding: 1.5vw 0;
		font-size: 1.6vw;
	}


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

	別ページ

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

	.betu_nomal_text{
		font-size: 1.8vw;
	}

	.betu_big_text{
		font-size: 2.6vw;
		line-height: 1.6 !important;
	}

	.betu_big_text span{
		font-size: 3.4vw;
	}

	.betu_under dl{
		padding-bottom: 1vw;
		margin-top: 2vw;
	}

	.betu_dl_top{
		margin-top: 3vw !important;
	}

	.betu_under dl dt{
		font-size: 2.2vw;
		width: 31vw;
	}


}