@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: 28vw;/*----lineアイコンがあるときは25vw〜30vw---*/
		height: 5vw;
		margin-left: 1.2vw;
		margin-top: 1.2vw;
	}


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

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

	cvエリア

	**********************************/
	.cv_over{
		background-color: #00AFCC;
	}

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

	.cv_ue_eria{
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 3vw;
		padding-bottom: 2vw;
	}

	.logo_tate_white{
		width: 11%;
		padding-right: 2.5vw;
	}

	.cv_ue_eria p{
		font-size: 3.4vw;
		font-weight: bold;
		color: #fff;
		line-height: 1.4 !important;
		white-space: pre-wrap;
	}

	.cv_ue_eria p span{
		font-weight: bold;
		color: #fff000;
	}

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

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


	.cv_btn{
		width: 48.5%;
		height: 8vw;
		border-radius: 70vw;
		background: -webkit-linear-gradient(left, #ff544f, #fad126);
		background: -o-linear-gradient(left, #ff544f, #fad126);
		background: linear-gradient(to right, #ff544f, #fad126);
		box-shadow: 0 0.4vw 0 #ccc;
	}

	.cv_btn2{
		background: -webkit-linear-gradient(left, #00b900, #69e869);
		background: -o-linear-gradient(left, #00b900, #69e869);
		background: linear-gradient(to right, #00b900, #69e869);
	}

	.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: 17%;
		margin-right: 0.4vw;
	}

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











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

	悩みエリア

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

	.nayami_under{

	}

	.nayami_inner{
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}

	.nayami_under ul{
		width: 100%;
		margin-left: auto;
	}

	.nayami_under ul li{
		width: 31.6vw;
		height: 8.4vw;
		padding: 1vw 1.5vw;
	}

	.nayami_under ul li img{
		width: 16%;
		padding-right: 1vw;
	}

	.nayami_under ul li p{
		color: #a19570;
		font-size: 1.9vw;
		font-weight: 500;
		line-height: 1.3 !important;
	}

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

	.nayami_bottom_text{
		width: 53.3vw;
		height: 8.9vw;
		display: block;
		margin: 0 auto;
	}




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

	解決エリア

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

	}

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

	.movie_top_text{
		margin: 4.5vw 0 2vw;
	}
	
	.movie{
		height: 56.6vw;
		padding: 3.5vw;
	}

	.kaiketu2_over{
		background-color: #eee;
	}

	.kaiketu2_under{
		padding-bottom: 6.5vw;
	}

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

	.kaiketu2_under{
		padding-top: 4vw;
	}

	.kaiketu2_img_flame{
		display: flex;
		justify-content: space-between;
	}

	.kaiketu2_img_flame img{
		width: 46.6vw;
		height: auto;
	}




	.kaiketu3_over{
		background-image: url("../img/kaiketu3_bg.jpeg");
	}

	.triangle_color1{
		border-top: 4.5vw solid #eee;
	}

	.kaiketu3_under{
		padding-top: 3vw;
	}

	.kaiketu3_under h3{
		font-size: 3.6vw;
		font-family: 'Noto Serif JP', serif;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 3vw;
		color: #fff;
	}

	.kaiketu3_under p{
		font-size: 1.8vw;
		color: #fff;
	}





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

	特徴・理由エリア

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

	.riyuu_under{

	}



	.riyuu_flame{
		position: relative;
		width: 100%;
		height: auto;
	}

	.riyuu_flame2{
		margin: 3vw 0;
	}

	.riyuu_img{
		border-radius: 1vw;
		box-shadow: 0 0 1vw #aaa;
		display: block;
	}

	.riyuu_img1,.riyuu_img2{
		width: 46.6vw;
		height: 33.6vw;
	}

	.riyuu_img2{
		margin-left: auto;
	}

	.riyuu_text_flame{
		width: 54.7vw;
		padding: 3vw;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 1vw;
		box-shadow: 0 0 1vw #aaa;
		position: absolute;
	}

	.riyuu_text_flame1{
		top: 3vw;
		right: 0;
	}

	.riyuu_text_flame2{
		top: 3vw;
	}

	.riyuu_text_flame p{
		white-space: pre-wrap;
		font-size: 1.75vw;
		line-height: 1.8 !important;
	}

	.riyuu_text_flame p span{
		font-weight: bold;
		color: #00AFCC;
	}





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

	事例エリア

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

	.jirei_under{
		padding-bottom: 0;
	}


	.scroll_content { /* リスト全体のスタイル */
		display: flex;
		max-width: 100%;
		margin: auto;
		margin-top: 3.5vw;
		margin-bottom: 6vw;
		overflow-x: auto;
	}

	.scroll_content li { /* 各リストのスタイル */
		width: 40.5vw;
		height: auto;
		margin-right: 2vw;
		flex-shrink: 0;
		list-style: none;
		box-sizing: border-box;
		margin-bottom: 3.5vw;
		position: relative;
	}

	.scroll_content li img{
		height: 22.8vw;
		box-sizing: border-box;
		margin-bottom: 0.2vw;
	}

	.scroll_content li p{
		width: 100%;
		background-color: #01B0CD;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 2.4vw;
		padding-top: 0.2vw !important;
		line-height: 4vw !important;
	}






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

	.scroll_content::-webkit-scrollbar-thumb {
		background: #aaa; /* ツマミの色 */
	}

	.scroll_content::-webkit-scrollbar-track {
		background: #ddd; /* トラックの色 */
	}







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

	お客様の声エリア

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

	.voice_under{

	}

	.voice_07_inner{
		background-color: #fff;
		width: 100%;
		height: auto;
		padding: 3vw;
		margin-top: 4vw;
		box-sizing: border-box;
	}

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

	.voice_07_title_flame{
		display: flex;
		align-items: center;
		padding-bottom: 1.5vw;
	}

	.voice_07_fukidashi_icon{
		width: 12vw;
		height: 10.4vw;
		margin-right: 2vw;
	}

	.voice_07_title_flame h3{
		font-size: 3.4vw;
		font-weight: bold;
		line-height: 1.4;
		font-family: 'Noto Serif JP', serif;
		color: #333;
	}

	.voice_07_title_flame h3 span{
		font-weight: bold;
		color: #01B0CD;
	}

	.voice_07_text_aria_ue{
		display: flex;
		justify-content: space-between;
		margin-top: 2vw;
	}

	.voice_07_text_aria_ue img{
		width: 15vw;
		height: 15vw;
	}

	.voice_07_text{
		font-size: 1.8vw;
		white-space: pre-wrap;
		margin-bottom: 2vw !important;
	}

	.voice_07_text span{
		font-weight: bold;
		color: #01B0CD;
	}

	.voice_07_text_ue{
		width: 80%;
		margin-bottom: 0 !important;
	}

	.voice_07_text_shita{
		margin-top: 1vw !important;
	}

	.voice_07_human_data{
		font-weight: 600;
		text-align: right;
		font-size: 2vw;
	}





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

	パーツエリア

	**********************************/
	.parts_over{

	}

	.parts_under{

	}

	.parts_under h3{
		font-weight: bold;
		font-size: 4vw;
		padding: 1.2vw 0 1.5vw 3vw;
		margin-bottom: 4vw;
		font-family: 'Noto Serif JP', serif;
	}



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

	料金エリア

	**********************************/
	.ryoukin_over{
		background-color: #eee;
	}

	.ryoukin_under a{
		float: right;
		font-size: 2.1vw;
		font-weight: bold;
		color: #333;
	}

	.ryoukin_under a:hover{
		cursor: pointer;
		text-decoration: underline;
	}
	
	.set_menu_h3{
		font-size: 4vw;
		margin-top: 8vw;
		margin-bottom: 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;
	}
	
	
	
	
	

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

	サロン情報エリア

	**********************************/
	.salon_over{
		background-image: url("../img/salon_bg.jpeg");
	}
	
	.salon_flame{
		padding: 5vw 4vw;
	}


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

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

	.salon_under dl dt,.salon_under dl dd{
		font-weight: bold;
		font-family: 'Noto Serif JP', serif;
		font-size: 1.9vw;
		line-height: 1.3;
	}

	.salon_under dl dt{
		width: 10.3vw;
		padding-left: 1.5vw;
	}

	.salon_img{
		width: 39.7vw;
		height: 31.5vw;
	}

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


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

	フォームエリア

	**********************************/
	
	.form_flame{
		background-color: #fff;
		padding: 4vw;
		margin-top: 2.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;
		font-size: 4vw;
		box-shadow: 0 0.4vw 0 #ccc;
	}
	
	.tab_view{
		display: block;
	}
	
	
	/**********************************
	
	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;
	}



}