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

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

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

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

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

	/*----------------------
	記事エリアの設定
	----------------------*/
	.article{
		background-color: #fff;
		font-size: 1.8vw;
	}
	
	
	.nomal_text{
		font-size: 1.6vw;
	}
	
	.tab_view{
		display: block!important;
	}
	
	.tab_none{
		display: none;
	}

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

	上部固定ヘッダー設定

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

	/*----------------------
	上部固定ヘッダー全体
	----------------------*/
	.header{
		position: fixed;
		top: 0;
		z-index: 50000;
		background-color: #fff;
		border-bottom: solid 1px #ccc;
		overflow: auto;
		height: 7.3vw;
		width: 100%;
		display: none;
	}


	/*----------------------
	ヘッダー内部をカラム幅にする
	----------------------*/
	.header_inner{
		max-width: 94.7%;
		width: 94.7%;
		margin: 0 auto;
		overflow: hidden;
		height: 7.3vw;
	}


	/*----------------------
	ロゴ
	----------------------*/
	.top_logo_flame{
		width: 25%;
		float: left;
		margin: 0;
		height: 7.3vw;
		display: flex;
		align-items: center;
	}

	.top_logo_flame:hover{
		opacity: 0.7;
	}



	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		width: auto;/*----lineアイコンがあるときは250〜300px---*/
		float: right;
		height: 5vw;
		margin-left: 0.9vw;
		margin-top: 1.2vw;
	}

	.top_cv_btn:hover{
		opacity: 0.7;
	}

	.top_cv_btn a{
		width: 100%;
		height: 100%;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.top_cv_btn img{
		height: 100%;
	}

	.header_cv_bt_left_icon{
		float: right;
		height: 5.4vw;
		margin-top: 1vw;
	}


	




	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		width: 26.5vw;/*----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;
	}




	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	
	.top_img_in{
		width: 94.7%;
	}
	
	
	.top_img_flame{
		background-image: url("../img/pc_fv_out.jpeg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		height: auto;
	}

	.top_img_in_over{
		width: 100%;
	}



	.fv_man{
		width: 20vw;
		bottom: 0;
		right: -5vw;
	}


	.fv_icon{
		width: 35vw;
		right: 5.5vw;
		top: 28vw;
		z-index: 5000;
	}


	.fv_left{
		width: 50vw;
		padding-top: 5vw;
	}

	.fv_btn{
		margin-top: 2.8vw;
	}


	.fv_left p{
		font-size: 1.45vw;
		margin-top: 1vw !important;
		padding-bottom: 5vw !important;
	}







	.slider{
		width: 34.1vw;
		height: 20.6vw;
		margin-top: 5vw;
		margin-left: 4.5vw;
		box-shadow: 0 0 0.4vw #777;
	}

	.slider img{
		height: 20.6vw;
	}
	

	/**********************************
	
	section設定
	
	**********************************/
	.section_under_flame{
		width: 94.7%;
		height: auto;
		margin: 0 auto;
		padding: 7vw 0;
	}
	
	.big_under_space{
		padding: 9.5vw 0;
	}
	
	.under_768{
		width: 76.8vw;
	}
	
	/**********************************

	FV下エリア

	**********************************/
	.fv_shita_under{
		padding-top: 2.5vw;
		padding-bottom: 5vw;
	}

	.fv_shita_text_img{
		margin: 0 auto 1.9vw;
	}

	.fv_shita_img_flame img{
		margin-top: 0.6vw;
	}

	.fv_shita_circle{
		margin-right: 2vw;
	}

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

	CTAエリア

	**********************************/
	.cta_under{
		padding-top: 5vw;
		padding-bottom: 8vw;
	}

	.cta_white_flame{
		padding: 1vw 3vw 4.3vw;
	}

	.cta_white_flame h3 img{
		width: 7vw;
		margin-right: 0.8vw;
		margin-top: 0.3vw;
	}

	.jouhou_flame{
		margin-top: 2.5vw;
	}

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

	.cta_white_flame div p{
		font-size: 2.3vw;
		line-height: 1.6 !important;
	}

	.jouhou4_flame{
		align-items: flex-start !important;
	}

	.jouhou_img_flame img{
		width: 18vw;
	}

	.right_img{
		margin-left: -0.4vw;
	}

	.cta_btn{
		width: 100%;
		height: 100%;
		margin-top: 4.3vw;
		margin-bottom: 0.5vw;
	}
	
	
	
	
	
	
	.cta_top_img{
		height: 35.5vw;
	}

	.cta_top_img p{
		font-size: 3vw;
		padding-top: 15vw !important;
	}

	.otodoke{
		font-weight: bold;
		text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
	}


	.cta_ue_flame p{
		display: inline;
	}

	.cta_slider{
		margin-top: 0;
		margin-left: 0;
		width: 34vw;
		height: 20.6vw;
	}

	.cta_slider img{
		width: 34vw;
		height: 20.6vw;
	}

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

	CTAエリア2

	**********************************/
	.cta2_under{
		padding-top: 7vw;
	}

	.cta2_under h2{
		margin-bottom: 4.8vw;
	}

	.cta2_under h2 p{
		font-size: 2.6vw;
		line-height: 1.5 !important;
	}
	

	.cta2_under h2 img{
		width: 65%;
		margin: 1.7vw auto 0;
	}

	.cta_img{
		width: 52vw;
		height: 43.2vw;
	}

	.cta_inner div{
		padding: 2.5vw 2.5vw 3vw;
	}

	.sanpun{
		font-size: 1.8vw;
		margin-bottom: 0.5vw !important;
	}

	.cta_inner h3{
		font-size: 2.6vw;
	}

	.cta_inner_naiyou{
		font-size: 1.4vw;
	}

	.cta_inner_naiyou_top{
		margin-top: 1.5vw !important;
	}

	.cta2_btn{
		margin-top: 2vw;
	}




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

	3つの理由エリア

	**********************************/
	
	.h2_title{
		font-size: 3.8vw;
		margin-bottom: 4vw;
	}
	.riyuu_flame{
		width: 30vw;
	}
	
	.riyuu_h2_title{
		margin-bottom: 5vw;
	}

	.riyuu_flame h3{
		font-size: 2.25vw;
		border-left: solid 1vw #333;
		padding-left: 2vw;
	}
	
	.riyuu_h3{
		border-left: none !important;
		background-size: 20%;
		padding-left: 7.5vw !important;
	}

	.riyuu_flame img{
		margin: 2.8vw auto 2.3vw;
	}

	.riyuu_flame p{
		font-size: 1.6vw;
	}
	
	.p_top_space{
		margin-top: 1.5vw !important;
	}










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

	ご紹介実積エリア

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

	

	table{
		margin-top: 5vw;
	}

	.jisseki_under tbody td,.jisseki_under tbody th{
		height: 7.05vw;
	}
	
	.jisseki_hyou_over{
		height: 57vw;
	}
	
	
	
	.jisseki_hyou_waku{
		height: 57vw;
		margin-top: 5vw;
	}

	.jisseki_hyou_waku div{
		width: 28.2vw;
		height: 6.8vw;
	}

	.jisseki_hyou_waku div p{
		line-height: 0.8 !important;
		padding-bottom: 0.4em !important;
	}

	.jisseki_hyou_waku div p span{
		font-size: 3.8vw;
	}

	.jisseki_hyou_waku_div_top{
		padding-top: 7.5vw;
	}

	.jisseki_hyou_waku_div{
		margin-top: 2px;
	}









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

	担当によってエリア

	**********************************/
	.tantou_under tbody td,.tantou_under tbody th,.oote_under tbody td,.oote_under tbody th{
		padding: 1.7vw 0;
	}

	.tantou_under tbody th,.oote_under tbody th{
		line-height: 1.4;
	}

	.tantou_under tbody td p,.oote_under tbody td p{
		line-height: 1.4;
		margin-top: 1.5vw !important;
	}

	.kigou{
		line-height: 1 !important;
	}
	
	
	.tantou_img{
		display: block;
		margin: 1vw auto 5.5vw;
		width: 40%;
	}










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

	大手クリニックがエリア

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

	.oote_under .hyou_left{
		width: 30%;
	}

	.oote_under .hyou_center{
		width: 35%;
	}
	
	.oote_img{
		display: block;
		margin: 1.5vw auto 5vw;
		width: 45%;
	}








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

	忙しすぎてエリア

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

	.isogashi_retu{
		margin-top: 8vw;
	}

	.isogashi_flame{
		width: 36.5vw;
	}
	
	.isogashi_flame h3{
		border-left: none !important;
		padding-left: 0 !important;
	}

	.isogashi_flame img{
		margin-top: 0 !important;
		margin-bottom: 3.2vw !important;
	}



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

	どこよりも深いエリア

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

	.dokoyorimo_img{
		margin: 8vw auto 0;
		width: 60%;
	}










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

	ご紹介エリア

	**********************************/
	.goshoukai_retu_top{
		margin-top: 5.5vw;
	}

	.goshoukai_retu img{
		width: 33.3333333333%;
	}

	.goshoukai_bottom_text{
		font-size: 2.4vw;
		margin-top: 5vw !important;
	}





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

	大手美容エリア

	**********************************/
	.biyou_retu{
		margin-top: 5.5vw;
	}

	.biyou_naiyou{
		margin: 2vw auto 3vw;
	}

	.biyou_white_flame{
		padding: 2vw 1.5vw;
	}

	.biyou_flame dt{
		width: 7.4vw;
	}

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

	.biyou_flame dd span{
		font-size: 2.6vw;
		line-height: 1 !important;
	}

	.biyou_white_flame h4{
		font-size: 2.4vw;
		margin-bottom: 2vw;
	}





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

	急募エリア

	**********************************/
	.kyuubo_flame1{
		margin-right: 3.5vw;
	}





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

	コメントエリア

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

	.comment_retu{
		margin-top: 3.3vw;
	}

	.comment_retu_top{
		margin-top: 5vw;
	}

	.comment_flame{
		width: 48.4%;
		padding: 2.5vw;
	}

	.comment_name{
		font-size: 1.4vw;
		margin-bottom: 1vw !important;
	}

	.star{
		font-size: 2.8vw;
		margin-top: 1.2vw !important;
	}
	
	
	
	/**********************************

	体験談エリア

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

	.taiken_flame{
		padding: 4.5vw 0;
		margin-top: 3.5vw;
	}

	.taiken_flame_top{
		margin-top: 5vw !important;
	}

	.taiken_img_flame{
		width: 27vw;
	}

	.taiken_img_flame p{
		font-size: 1.6vw;
		text-align: center;
	}

	.taiken_img_flame img{
		width: 18.5vw;
		height: 18.5vw;
		margin: 2vw auto 0;
	}

	.taiken_flame h3{
		font-size: 2.2vw;
		letter-spacing: 0.05em;
		padding-top: 0.6vw;
	}

	.before{
		margin-top: 2.5vw;
	}

	.after{
		margin-top: 1.3vw;
		margin-bottom: 1.7vw;
	}

	.before span,.after span{
		width: 8vw;
		padding: 0.5vw 0 0.7vw;
		margin-right: 1.5vw;
	}

	.before span{
		font-size: 1.6vw;
	}

	.after span{
		font-size: 1.8vw;
	}

	.before p{
		font-size: 1.6vw;
		letter-spacing: 0.05em;
		padding-bottom: 0.3vw !important;
	}

	.after p{
		font-size: 1.8vw;
		letter-spacing: 0em;
		padding-bottom: 0.5vw !important;
	}

	.before p,.after p{
		line-height: 1 !important;
	}

	.taiken3_right{
		width: 70vw;
	}
	
	.taiken_flame .nomal_text{
		width: 94%;
	}
	
	











	
	
	/**********************************
	
	よくある質問エリア
	
	**********************************/
	.q_and_a_item,.q_and_a_item1{
		margin-top: 1.7vw;
	}
	
	.q_and_a_item_top{
		margin-top: 5vw;
	}

	.q_and_a_item h3,.q_and_a_item1 h3{
		font-size: 2.2vw;
		padding: 2vw 0 2vw 2.5vw;
		line-height: 3vw;
	}

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

	.answer{
		padding: 1.5vw 2.5vw;
		margin-bottom: 0.8vw;
	}
	
	.answer p{
		line-height: 4vw;
	}
	
	.answer_text{
		font-size: 1.8vw;
	}
	
	.q_and_a_item object,.q_and_a_item1 object{
		padding: 0px 1vw 0.8vw;
		line-height: 1 !important;
		margin-right: 1vw;
	}

	.q_and_a_item .A,.q_and_a_item1 .A{
		padding: 0px 0.7vw 0.3vw !important;
	}

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

	流れエリア

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

	.h2_shita_text span{
		font-size: 2.6vw;
	}

	.nagare_icon_circle{
		width: 11vw;
		height: 11vw;
		margin-right: 3.3vw;
	}

	.nagare_inner{
		border-radius: 0 !important;
		padding: 2.2vw 3.5vw;
		margin-top: 2vw;
	}

	.nagare_inner_top{
		margin-top: 4vw;
	}

	.nagare_under h3{
		font-size: 2.4vw;
		margin-bottom: 0.7vw;
	}

	.nagare_under h3 object{
		font-size: 2.4vw;
	}

	.nagare_text{
		line-height: 2.2 !important;
		font-size: 1.6vw;
		letter-spacing: 0.05em;
		width: 73vw;
	}
	
	
	
	
	/**********************************

	会社紹介エリア

	**********************************/
	
	.shoukai_icon{
		margin: 3.5vw auto 5vw;
	}
	
	.kaisha_shoukai_under th,.kaisha_shoukai_under td{
		padding: 2vw;
		font-size: 1.6vw;
	}
	
	
	
	/**********************************

	コンサルタント紹介エリア

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


	.shoukai_flame{
		margin-top: 5vw;
		margin-bottom: 6.5vw;
	}

	.shoukai_flame div{
		width: 51%;
	}

	.shoukai_flame h3{
		font-size: 2.4vw;
		border-left: solid 1vw #333;
		padding-left: 2vw;
		letter-spacing: 0.05em;
		line-height: 1.8;
		margin-bottom: 1.5vw;
	}

	.shoukai_flame img{
		width: 32.3vw;
		height: 48.5vw;
		padding-bottom: 0.5vw;
	}


	.shoukai_under th,.shoukai_under td{
		padding: 2vw;
		letter-spacing: 0.05em;
		font-size: 1.6vw;
		line-height: 2;

	}

	.shoukai_under th{
		width: 30%;
	}




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

	試せる理由エリア

	**********************************/
	.tamaseru_retu{
		margin-top: 5.5vw;
	}

	.tamaseru_retu h3{
		height: 8.6vw;
	}
	
	.tameseru_riyuu_flame{
		width: 29vw;
	}

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

	フォームエリア

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

	.form_flame{
		padding: 6vw 5vw 5vw;
		margin-top: 5vw;
	}

	.form_flame h3{
		font-size: 4.6vw;
		margin-bottom: 5vw;
	}


	.dots {
	  background-image: radial-gradient(circle at center, #333 20%, transparent 22%); /* 点の色とサイズ調整 */
	  background-position: top right; /* 点の位置 */
	  background-repeat: repeat-x; /* 横方向に繰り返し */
	  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
	  padding-top: .15em; /* 縦方向の位置調整 */
	}



	.form_nomal_text{
		font-size: 2vw !important;

	}

	.form_mini_title{
		font-size: 2.4vw !important;
		margin-bottom: 0.2vw !important;
		width: 19vw;
	}


	.form_title span{
		padding: 0 0.8vw 0.3vw;
		font-size: 1.6vw;
	}


	.form_long_flame{
		width: 59.5vw;
	}

	.form_big_flame{
		width: 59.5vw;
		height: 25vw;
	}

	.form_waku_kyoutuu{
		font-size: 1.8vw;
		padding: 1.7vw;
		padding-right: 0 !important;
		border-radius: 1vw;
		margin-top: 0.8vw;
	}

	.form_btn{
		margin-top: 5vw;
		height: 9.3vw;
		border-radius: 20vw !important;
	}

	.cv_bottom_kome{
		font-size: 1.6vw !important;
		font-weight: normal !important;
	}




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

	運営会社情報エリア

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


	.kaisha_under h2{
		font-size: 2.6vw;
		margin-bottom: 4vw;
	}

	.kaisha_under dl{
		font-size: 1.6vw;
		line-height: 1.8;
		border-bottom: solid 1px #494949;
		padding-bottom: 1.8vw;
		letter-spacing: 0.05em;
		margin-top: 2vw;
	}

	.dl_top{
		margin-top: 0;
	}

	.kaisha_under dl dt{
		padding-left: 1vw;
		width: 12vw;
	}




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

	footerエリア

	**********************************/
	.footer{
		height: 18vw;
	}

	.footer_under{
		width: 94.7%;
		height: 18vw;
	}


	.footer_link{
		margin-top: 5.3vw;
	}

	.footer_link a,.footer_link p{
		font-size: 1.6vw;
		letter-spacing: 0.05em;
	}

	.footer_link a:hover{
		text-decoration: none;
	}

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

	.small{
		font-size: 1.4vw;
		padding-top: 3.8vw;
	}



}