@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{
		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.1vw;
		margin-bottom: 0.2vw !important;
		margin-top: 0.5vw !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;
	}


	.top_cv_btn a p{
		font-size: 1.9vw;
		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;
	}




	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.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: 4.2vw 0 4.2vw;
	}

	.cv_ue_eria p{
		font-size: 3.8vw;
	}

	.cv_white_flame{
		padding: 3.5vw 2.5vw 4vw;
		border-radius: 0.8vw;
	}

	.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: 4.6vw;
		line-height: 1 !important;
		margin-bottom: 0 !important;
	}

	.cv_tel_uketuke{
		font-size: 2.1vw;
		padding-bottom: 0 !important;
	}

	
	.cv_btn{
		height: 8vw;
		box-shadow: 0 0.4vw #7E551A;
		margin-bottom: 0.5vw;
	}

	.cv_btn a p{
		font-size: 3vw;
		text-shadow: 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff;
	}

	.cv_btn a p i{
		font-size: 4vw !important;
	}
	
	.cv_text{
		font-size: 3.2vw;
		margin-bottom: 3vw !important;
	}







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

	悩みエリア

	**********************************/
	.nayami_under ul li{
		width: 46.6vw;
	}

	.nayami_under ul li img{
		width: 6.1vw;
		height: 5.7vw;
		padding-right: 1vw;
	}

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






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

	解決エリア

	**********************************/
	.kaiketu_koumoku_flame{
		width: 30.4vw;
	}

	.kaiketu2_white_flame{
		padding: 4vw 3.5vw;
		border: solid 0.5vw #ccc;
	}

	.marunage_flame{
		width: 40.5vw;
	}

	.fa-angle-right{
		font-size: 7vw !important;
		padding-left: 0.5vw;
	}

	.kaiketu_bottom_text{
		margin-top: 5vw !important;
	}
	
	
	
	
	/**********************************
	
	ループスライダー
	
	**********************************/
	.loopslider{
		height: 12.5vw;
	}
	
	.loopslider ul li{
		width: 23.2vw;
		height: 13vw;
	}
	
	.loopslider img{
		width: 23.2vw;
		height: 13vw;
	}
	
	
	
	
	/**********************************

	違いエリア

	**********************************/
	.chigai_flame{
		width: 30.4vw;
	}
	
	
	
	/**********************************

	事例エリア

	**********************************/
	.jirei_flame{
		padding: 4.5vw 5vw;
		border: solid 0.5vw #ccc;
	}

	.jirei_retu img{
		width: 27.2vw;
	}

	.jirei_h3_img{
		width: 35.4vw;
		height: 5.6vw;
		top:-2.8vw;
	}
	
	
	/**********************************

	対応地域エリア

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


	.chiiki_w{
		width: 46.6vw;
		height: 22.3vw;
	}

	.chiiki_w img{
		width: 22.3vw;
	}
	
	
	
	/**********************************

	比較エリア

	**********************************/
	
	.hikaku_under th{
		font-size: 2vw;
	}
	
	.hikaku_under th,.hikaku_under td{
		padding: 2vw 0;
	}

	.hikaku_under td span{
		font-size: 4.2vw;

	}

	.hikaku_under td p{
		font-size: 1.8vw;
		margin-top: 0.5vw !important;
	}

	.kigou_aka{
		text-shadow: 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000, 0 0 0.07vw #DD0000;
	}

	.kigou_gray{
		font-weight: 400;
		text-shadow: 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555, 0 0 0.07vw #555;
	}

	.border_right_red_big{
		border-right: solid 1.1vw #DD0000 !important;
	}

	.border_left_red_big{
		border-left: solid 1.1vw #DD0000 !important;
	}

	.border_top_red_big{
		border-top: solid 1.1vw #DD0000 !important;
	}

	.border_bottom_red_big{
		border-bottom: solid 1.1vw #DD0000 !important;
	}










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

	お客様の声エリア

	**********************************/
	.voice_03_inner{
		margin-top: 4vw;
	}

	.voice_03_human_flame{
		width: 15vw;
	}

	.voice_03_img_flame{
		width: 15vw;
		height: 15vw;
		margin-bottom: 1vw;
	}

	.voice_03_human_flame p{
		font-size: 1.6vw;
		line-height: 2.2vw;
	}

	.voice_03_text_flame {
		margin-left: 1.5vw;
		padding: 2.5vw;
		min-width: 12vw;
		font-size: 1.8vw;
		border: solid 0.2vw #555;
		border-radius: 1.5vw;
	}

	.voice_03_text_flame:before {
		left: -2.4vw;
		margin-top: -1.2vw;
		border: 1.2vw solid transparent;
		border-right: 1.2vw solid #FFF;
		z-index: 2;
	}

	.voice_03_text_flame:after {
		left: -2.9vw;
		margin-top: -1.4vw;
		border: 1.4vw solid transparent;
		border-right: 1.4vw solid #555;
		z-index: 1;
	}

	.voice_03_text_flame h3,.voice_03_text_flame2 h3{
		font-size: 3.2vw;
		line-height: 4vw;
		padding-bottom: 2vw;
	}

	.voice_03_text_flame p {
		margin: 0 !important;
		padding: 0 !important;
	}

	.voice_03_text_flame2{
		margin-right: 1.5vw;
		padding: 2.5vw;
		min-width: 12vw;
		font-size: 1.8vw;
		border: solid 0.2vw #555;
		border-radius: 1.5vw;
	}

	.voice_03_text_flame2:before {
		right: -2.4vw;
		margin-top: -1.2vw;
		border: 1.2vw solid transparent;
		border-left: 1.2vw solid #FFF;
		z-index: 2;
	}

	.voice_03_text_flame2:after {
		right: -2.9vw;
		margin-top: -1.4vw;
		border: 1.4vw solid transparent;
		border-left: 1.4vw solid #555;
		z-index: 1;
	}

	.voice_03_text_flame2 p{
		margin: 0 !important;
		padding: 0 !important;
	}










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

	流れエリア

	**********************************/
	.nagare_over{

	}

	.nagare_under{

	}












	
	
	/**********************************
	
	よくある質問エリア
	
	**********************************/
	.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;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**********************************

	フォームエリア

	**********************************/
	.form_flame{
		border: solid 0.5vw #ccc;
		padding: 5vw 4vw;
	}

	
	.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;
		width: 100%;
		height: 8.1vw;
		box-shadow: 0 0.4vw 0 #7E551A;
		font-size: 4vw;
	}
	
	
	
	
	/**********************************
	
	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;
	}



}