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

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

SP用レイアウト

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

@media screen and (max-width:768px){
	/**********************************
	
	全体レイアウト、共通設定
	
	**********************************/

	/*----------------------
	記事エリアの設定
	----------------------*/
	.article{
		font-size: 4.2vw;
	}

	.article p{
		line-height: 7vw;
	}
	
	
	.pc_view{
		display: none !important;
	}
	
	.sp_view{
		display: block !important;
	}
	
	
	
	
	/*----------------------------------
	sp用下部cv 3つボタン
	----------------------------------------*/

	.sp_bottom_cv{
		width: 100%;
		height: 10vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		background-color: rgba(51,51,51,0.90);
	}
	
	.sp_bottom_cv_under{
		width: 94.7%;
		padding: 0;
		background: none;
	}
	
	.fix_btn1,.fix_btn2,.fix_btn3{
		width: 32%;
		height: 10vw;
		border-radius: 1vw;
	}

	.fix_btn1 a,.fix_btn2 a,.fix_btn3 a{
		width: 100%;
		height: 10vw;
	}
	
	
	.sp_bottom_cv a p{
		font-size: 4.6vw;
		padding-bottom: 0 !important;
	}
	
	
	
	
	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.top_img_flame{
		height: auto;
	}
	
	.top_img_in{
		width: 100%;
		border-right: none !important;
		border-left: none !important;
	}
	
	.top_img_in img{
		height: auto;
	}
	
	
	
	
	/**********************************

	section設定

	**********************************/
	.section_over_flame{
		width: 100%;
		height: auto;
		border-right: none !important;
		border-left: none !important;
	}

	.section_under_flame{
		width: 94.7%;
		padding: 10vw 0;
	}
	
	
	
	
	
	/**********************************

	cvエリア

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

	.cv_under{
		padding-top: 6vw;
	}

	.cv_under2{
		padding-top: 5vw;
	}

	.cv_sankaku{
		margin: 0 auto;
		width: 15vw;
	}



	.cv_text{
		font-size: 7.5vw;
		line-height: 1 !important;
		margin: 2.5vw auto 4vw !important;
	}
	
	.cv_text_top{
		margin-top: 4.2vw !important;
	}

	.cv_white_flame{
		padding: 5vw 3vw 6vw;
	}

	.cv_white_text{
		font-size: 4.2vw;
		line-height: 1.6 !important;
	}

	.cv_logo_img{
		margin-bottom: 2.8vw;
	}

	.cv_ribon{
		margin: 3vw auto 4vw;
	}

	.cv_btn2{
		margin: 3vw auto;
	}

	.cv_bottom_text{
		margin-top: 3vw !important;
	}
	
	
	
	/**********************************

	悩みエリア

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

	.nayami_under ul li{
		height: 6.2vw;
		font-size: 4.6vw;
		padding-left: 8vw;
		margin-top: 5vw;
	}

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

	解決エリア

	**********************************/
	.kaiketu_over{
		background-position: center -25vw !important;
	}



	.kaiketu_img{
		margin-top: 8vw;
	}


	.kaiketu_movie_under{
		padding-top: 0;
		padding-bottom: 10vw;
	}

	.kaiketu_movie_flame{
		width: 100%;
		height: 48vw;
		box-shadow: 0 0 0.6vw #ccc;
	}
	
	
	
	/**********************************

	特徴エリア

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

	.tokuchou_under{
		padding-top: 8vw;
	}

	.tokuchou_under h2{
		margin-bottom: 7vw;
	}

	.tokuchou_flame{
		width: 100%;
		margin-top: 5vw;
		box-shadow: 0 0 0.6vw #ccc;
	}

	.tokuchou_text_flame{
		padding: 3.5vw 3vw;
	}
	
	
	
	
	/**********************************

	問題エリア

	**********************************/
	
	.mondai_bottom_flame{
		width: 94.7%;
		bottom: 9vw;
		left: 2.6vw;
		align-items: flex-start;
	}

	.mondai_gif_flame{
		width: 30vw;
		height: 30vw;
		background-size: 95vw;
		margin-top: 2.1vw;
	}

	.mondai_bottom_flame p{
		width: 64%;
		font-size: 3.9vw;
		line-height: 1.7 !important;
	}
	
	
	
	
	
	/**********************************

	フィルターエリア

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

	.filter_under{
		padding-bottom: 2.6vw;
	}

	.h2_text_img{
		height: 18vw;
	}

	.h2_sankaku{
		height: 2.7vw;
		margin: 4.4vw auto;
	}

	.h2_shita_text{
		margin-top: -1vw !important;
		margin-bottom: 6vw !important;
		white-space: pre-wrap;
		text-align: left;
	}
	
	
	
	/**********************************

	違いエリア

	**********************************/
	.chigai_flame h3{
		margin-bottom: 2.5vw;
	}
	
	
	
	
	/**********************************
	
	お客様の声エリア
	
	**********************************/
	.voice_flame{
		padding: 5vw 3vw;
		margin-top: 5vw;
	}
	
	.h2_sankaku2{
		margin-bottom: 7vw;
	}

	.voice_flame_top{
		margin-top: 0 !important;
	}
	
	.voice_text_flame{
		padding: 4vw 3.5vw;
		margin-top: 5vw;
	}
	
	.voice_data{
		font-size: 4.5vw;
		margin-top: 4vw !important;
	}

	.voice_flame h3{
		height: 20vw;
		margin-bottom: 3vw;
	}

	.voice_flame h3 img{
		height: 22vw;
		width: auto;
		margin-right: auto;
		margin-left: 0;
	}
	
	
	
	
	/**********************************
	
	よくある質問エリア
	
	**********************************/
	
	.q_and_a_item{
		margin-bottom: 0 !important;
		margin-top: 2.2vw !important;
	}
	
	.q_and_a_item_top{
		margin-top: 0 !important;
	}
	
	.q_and_a_item h3{
		font-size: 4.6vw;
		line-height: 6.8vw;
		width: 80vw;
		white-space: pre-wrap;
		padding: 3vw 0 3vw 3.5vw;
	}
	
	.q_and_a_item span{
		font-size: 6.7vw;
		padding-bottom: 1.5vw;
		margin-right: 4vw;
	}
	
	.answer{
		padding: 0vw 2.5vw 3vw 2.5vw;
	}
	
	.answer_text{
		font-size: 4.2vw;
		line-height: 7vw !important;
	}
	
	
	
	
	
	
	
	
	
	/**********************************
	
	footerエリア
	
	**********************************/
	.footer{
		width: 100%;
		height: 18vw;
		padding-bottom: 13vw;
	}
	
	.footer_under{
		width: 94.7%;
		height: 18vw;
	}
	
	.footer_link{
		margin-top: 4.4vw;
	}
	
	.footer_link a,.footer_link p,.small{
		font-size: 3vw;/*2つ以下の時は3.5vw*/
	}
	
	.footer_link p{
		margin: 0 3.5vw !important;
	}
	
	.small{
		padding-top: 2.5vw;
	}
	
	
	
}