@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;
	}
	/**********************************
	
	上部固定ヘッダー設定
	
	**********************************/
	
	/*----------------------
	上部固定ヘッダー全体
	----------------------*/
	.header{
		height: 11vw;
	}

	/*----------------------
	ヘッダー内部をカラム幅にする
	----------------------*/
	.header_inner{
		height: 11vw;
	}


	/*----------------------
	ロゴ
	----------------------*/
	.top_logo_flame{
		width: 40%;
		height: 11vw;
	}


	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		display: none;
	}
	
	
	
	/*----------------------------------------
	sp用下部cv 1つボタン
	-------------------------------------*/
	.sp_bottom_cv{
		display: flex;
		width: 100%;
		height: 14vw;
		position: fixed;
		bottom: 0;
		z-index: 50000000;
	}
	
	.sp_bottom_cv a{
		width: 100%;
		height: 14vw;
	}
	
	
	
	
	
	
	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.top_img_flame{
		background-image: none;
		height: auto;
	}
	
	.top_img_in_over{
		background-image: url("../img/sp_fv_bg.jpg");
	}
	
	.top_img_in{
		width: 94.7%;
		padding-top: 7.5vw;
		padding-bottom: 39.5vw;
	}
	
	.top_img_in img{
		height: auto;
	}
	
	.slider{
		margin-left: 0;
		margin-top: 6vw;
		width: 67%;
		height: auto;
		box-shadow: 0 0 0.8vw #777;
	}
	
	.fv_icon{
		width: 100%;
		left: 0;
		top: 100vw;
	}
	
	.fv_man{
		width: 42.5vw;
		right: -11vw;
	}
	
	.fv_btn{
		margin-top: 7vw;
	}
	
	
	
	
	/**********************************
	
	section設定
	
	**********************************/
	.section_under_flame{
		padding: 10vw 0;
	}
	
	
	
	
	
	
	/**********************************

	FV下エリア

	**********************************/
	.fv_shita_under{
		padding-top: 6.5vw;
		padding-bottom: 6.5vw;
	}
	
	.fv_shita_text_img{
		margin: 0 auto 4vw;
	}
	
	.fv_shita_img_flame img{
		width: 32.9%;
	}
	
	.sp_fv_btn_kome{
		font-size: 3.6vw;
		text-align: center;
		margin-top: 1vw !important;
	}
	
	
	
	/**********************************
	
	CTAエリア
	
	**********************************/
	
	.sp_cta_top_img_flame{
		background-image: url("../img/sp_cta_top_img.jpg");
		background-repeat: no-repeat;
		background-size: 101.65%;
		background-position: bottom center;
		height: 73vw;
	}
	
	.sp_cta_top_img_flame p{
		text-align: center;
		padding-top: 32.5vw !important;
		font-weight: bold;
		font-size: 5vw;
		line-height: 1.6 !important;
	}
	
	.cta_under{
		padding-top: 0;
		margin-top: -1px;
		padding-bottom: 12vw;
	}
	
	.cta_white_flame{
		padding-top: 0;
	}
	
	.cta_ue_flame{
		display: block;
	}
	
	.cta_white_flame h3 img{
		width: 12vw;
	}
	
	.cta_white_flame div p{
		font-size: 3.9vw;
	}
	
	.jouhou_flame{
		margin-top: 4vw;
	}
	
	.cta_white_flame h3 img{
		margin-right: 1.6vw;
		margin-top: 0.6vw;
	}
	
	.jouhou_img_flame img{
		width: 50%;
		box-sizing: border-box;
	}
	
	.cta_btn{
		margin-top: 8vw;
	}
	
	
	.cta_slider,.cta_slider img{
		width: 75%;
		height: auto;
	}
	
	.cta_slider {
		margin: 7vw auto 0;
	}
	
	/**********************************
	
	CTAエリア2
	
	**********************************/
	.cta2_under{
		padding-top: 7.5vw;
	}
	
	.cta2_under h2{
		display: block;
		margin-bottom: 8vw;
	}
	
	
	.cta2_under h2 img{
		width: 100%;
		margin-top: 4vw;
	}
	
	.cta_inner{
		display: block;
	}
	
	.cta_img{
		display: block;
		margin: 0 auto 9vw;
		width: 90%;
		height: auto;
	}
	
	.cta_inner div{
		width: 100%;
		padding: 7vw 4vw 8vw;
	}
	
	.sanpun{
		font-size: 3.8vw;
		line-height: 1.4 !important;
	}
	
	.cta_inner h3{
		font-size: 6vw;
	}
	
	.cta_inner_naiyou{
		font-size: 3.6vw;
		line-height: 2 !important;
	}
	
	.cta_inner_naiyou_top{
		margin-top: 6vw !important;
	}
	
	.cta2_btn{
		margin-top: 4vw;
	}
	
	
	
	
	.cta2_under h2 div{
		display: block;
	}
	
	.cta2_under h2 div span{
		line-height: 1.6;
		display: inline !important;
	}
	
	.cta2_under h2 p,.cta2_under h2 div span{
		font-size: 4.4vw !important;
	}
	
	.sp_cta2_text_div{
		display: flex !important;
		justify-content: center;
	}
	
	
	/**********************************
	
	3つの理由エリア
	
	**********************************/
	.big_under_space{
		padding: 12vw 0;
	}
	
	.riyuu_retu{
		display: block;
	}
	
	.riyuu_flame{
		width: 100%;
		margin-top: 12vw;
	}
	
	.riyuu_flame_top{
		margin-top: 0 !important;
	}
	
	.riyuu_flame h3{
		font-size: 5.6vw;
		border-left: solid 2vw #333;
		padding-left: 4vw;
	}
	
	.riyuu_h3{
		border-left: none !important;
		background-size: 18%;
		padding-left: 21vw !important;
	}
	
	.riyuu_flame img{
		margin: 5vw auto 4.6vw;
	}
	
	.riyuu_flame p{
		font-size: 3.9vw;
	}
	
	
	
	
	
	
	/**********************************
	
	ご紹介実績エリア
	
	**********************************/
	.h2_title{
		font-size: 6.8vw;
		white-space: pre-wrap;
		margin-bottom: 9vw;
	}
	
	.under_768{
		width: 94.7%;
	}
	
	.nomal_text{
		font-size: 3.9vw;
	}
	
	table{
		margin-top: 10vw;
	}
	
	.fos_1-4{
		font-size: 3.4vw;
	}
	
	.jisseki_under tbody td, .jisseki_under tbody th{
		height: 22vw;
		line-height: 1.4;
	}
	
	.jisseki_hyou_waku{
		background-image: url("../img/sp_jisseki_hyou.png");
		height: 177vw;
		margin-top: 10vw;
	}
	
	.jisseki_hyou_waku div{
		width: 25vw;
		padding-right: 0.7vw;
		height: 17.4vw;
	}
	
	.jisseki_hyou_waku_div_top{
		padding-top: 22.3vw;
	}
	
	.jisseki_hyou_waku div p{
		line-height: 0.8 !important;
		text-align: center;
		padding-bottom: 0.3em !important;
	}
	
	.jisseki_hyou_waku div p span{
		font-weight: bold;
		font-size: 6.2vw;
	}
	
	.sp_2150{
		display: block !important;
		padding-top: 27vw;
		line-height: 1 !important;
	}
	
	.sp_2150 object span{
		width: 35%;
		margin-left: 7.8vw !important;
		font-weight: 500;
		padding-bottom: 0.2em !important;
		line-height: 1 !important;
		margin-bottom: 0.5vw !important;
	}
	
	.sp_hyou2{
		height: 21vw !important;
	}
	
	.sp_hyou3{
		height: 21.5vw !important;
	}
	
	.sp_hyou4{
		height: 21.6vw !important;
	}
	
	.sp_hyou5{
		height: 21.5vw !important;
	}
	
	.sp_hyou6{
		height: 21vw !important;
	}
	
	.sp_hyou7{
		height: 21.7vw !important;
	}
	
	/**********************************
	
	担当によってエリア
	
	**********************************/
	.sp_space{
		padding: 0 2vw !important;
	}
	
	.hyou_big_text{
		font-size: 4.2vw;
	}
	
	.tantou_img{
		display: block;
		margin: 0 auto 10vw;
		width: 60%;
	}
	
	
	
	
	/**********************************
	
	大手エリア
	
	**********************************/
	.oote_img{
		display: block;
		margin: 1vw auto 9vw;
		width: 65%;
	}
	
	/**********************************
	
	忙しすぎてエリア
	
	**********************************/
	.isogashi_flame h3{
		border-left: none !important;
		padding-left: 0 !important;
	}

	.isogashi_flame img{
		margin-top: 0 !important;
		margin-bottom: 6.4vw !important;
	}
	
	
	/**********************************
	
	どこよりも深いエリア
	
	**********************************/
	.dokoyorimo_img{
		width: 65%;
		margin-top: 12vw;
	}
	
	
	
	/**********************************
	
	ご紹介エリア
	
	**********************************/
	
	.goshoukai_retu_top{
		margin-top: 8vw;
	}
	
	.goshoukai_bottom_text{
		font-size: 5vw;
		white-space: pre-wrap;
		margin-top: 10vw !important;
	}
	
	
	
	
	/**********************************
	
	大手美容エリア
	
	**********************************/
	
	.biyou_naiyou{
		margin: 4vw auto 6vw;
	}
	
	.biyou_flame dt{
		width: 17.3vw;
	}
	
	.biyou_flame dd span{
		font-size: 5.2vw;
	}
	
	.biyou_white_flame h4{
		font-size: 4.8vw;
		margin-bottom: 4vw;
	}
	
	.biyou_white_flame{
		padding: 4vw 3vw;
	}
	
	
	
	
	/**********************************
	
	コメントエリア
	
	**********************************/
	.comment_retu_top{
		margin-top: 10vw !important;
	}
	
	.comment_retu{
		display: block;
		margin-top: 0;
	}
	
	.comment_flame{
		width: 100%;
		padding: 5vw;
		margin-top: 4vw;
	}
	
	.comment_flame_top{
		margin-top: 0 !important;
	}
	
	.comment_name{
		font-size: 3.4vw;
		margin-bottom: 2vw !important;
	}
	
	.star{
		font-size: 5.6vw;
		margin-top: 4vw !important;
	}
	
	
	
	
	/**********************************
	
	体験談エリア
	
	**********************************/
	.taiken_flame_top{
		margin-top: 10vw !important;
	}
	
	.taiken_flame{
		display: block;
		padding: 5vw 4vw;
		margin-top: 7vw;
	}
	
	.taiken_img_flame{
		width: 100%;
	}
	
	.taiken_img_flame p{
		font-size: 3.8vw;
	}
	
	.taiken_img_flame img{
		width: 37vw;
		height: 37vw;
		margin: 4vw auto;
	}
	
	.taiken_flame h3{
		font-size: 4.6vw;
		white-space: pre-wrap;
		line-height: 1.8;
		text-align: center;
	}
	
	.before, .after{
		display: block;
	}
	
	.before{
		margin-top: 5vw;
	}
	
	.before span{
		font-size: 3.2vw;
	}
	
	.before span, .after span{
		margin-right: 0;
		width: 17vw;
		display: block;
	}
	
	.before p{
		font-size: 3.2vw;
		line-height: 2 !important;
		white-space: pre-wrap;
	}
	
	.after{
		margin-top: 2.6vw;
		margin-bottom: 3.4vw;
	}
	
	.after span{
		font-size: 4vw;
	}
	
	.after p{
		font-size: 4vw;
		line-height: 1.6 !important;
		white-space: pre-wrap;
	}
	
	.after_p{
		display: inline !important;
	}
	
	.taiken_flame .nomal_text{
		width: 100%;
	}
	
	
	.taiken3_right{
		width: 100%;
	}
	
	
	/**********************************
	
	よくある質問エリア
	
	**********************************/
	
	.q_and_a_item,.q_and_a_item1{
		margin-bottom: 0 !important;
		margin-top: 2.2vw !important;
	}
	
	.q_and_a_item_top{
		margin-top: 10vw !important;
	}
	
	.q_and_a_item object,.q_and_a_item1 object{
		padding: 0 1.5vw 0.8vw;
		margin-right: 2vw;
	}
	
	.q_and_a_item .A,.q_and_a_item1 .A{
		padding: 0px 1.5vw 0.8vw !important;
	}
	
	
	.q_and_a_item h3,.q_and_a_item1 h3{
		font-size: 4.6vw;
		line-height: 2;
		width: 80vw;
		white-space: pre-wrap;
	}
	
	.q_and_a_item span,.q_and_a_item1 span{
		font-size: 6.7vw;
		padding-bottom: 1.5vw;
	}
	
	.answer{
		padding: 3vw 2.5vw;
	}
	
	.answer_text{
		font-size: 4vw;
		line-height: 2.2 !important;
	}
	
	
	
	
	
	/**********************************

	流れエリア

	**********************************/
	.h2_shita_text span{
		font-size: 4.8vw;
	}
	
	.nagare_inner{
		padding: 6vw 3vw 5vw;
		margin-top: 4.5vw;
		display: block;
	}
	
	.nagare_inner_top{
		margin-top: 10vw !important;
	}
	
	.nagare_icon_circle{
		width: 28vw;
		height: 28vw;
		margin: 0 auto 4vw;
	}
	
	.nagare_text_flame{
		width: 100%;
	}
	
	.nagare_under h3{
		font-size: 5.4vw;
		margin-bottom: 2vw;
		line-height: 6.4vw !important;
		text-align: center;
	}
	
	.nagare_under h3 object{
		font-size: 4.2vw;
	}
	
	.nagare_text{
		font-size: 4vw;
		white-space: pre-wrap;
		width: 100%;
	}
	
	
	/**********************************

	会社紹介エリア

	**********************************/
	
	.shoukai_icon{
		margin: 7vw auto 10vw;
	}
	
	.kaisha_shoukai_under th,.kaisha_shoukai_under td{
		padding: 4vw;
		font-size: 3.6vw;
	}
	
	
	
	
	/**********************************

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

	**********************************/
	.shoukai_flame{
		display: block;
		margin-top: 8vw;
	}
	
	.shoukai_flame h3{
		font-size: 4.8vw;
		border-left: solid 1.5vw #333;
		padding-left: 2.5vw;
		margin-bottom: 3vw;
	}
	
	.shoukai_flame div{
		width: 100%;
	}
	
	.shoukai_flame img{
		display: block;
		width: 60%;
		height: auto;
		margin: 0 auto 8vw;
		padding-bottom: 0;
	}
	
	.shoukai_under th, .shoukai_under td{
		font-size: 3.6vw;
		padding: 4vw 2vw;
	}
	
	.shoukai_under th{
		width: 20%;
	}
	
	
	
	
	/**********************************

	試せるエリア

	**********************************/
	.tamaseru_retu{
		margin-top: 0;
	}
	
	.tamaseru_over .riyuu_flame{
		margin-top: 15vw;
	}
	
	.tamaseru_over .riyuu_flame_top{
		margin-top: 10vw !important;
	}
	
	.tamaseru_retu h3{
		height: 17vw;
	}
	
	/**********************************

	フォームエリア

	**********************************/
	
	.form_flame{
		margin-top: 10vw;
		padding: 9vw 4vw 8vw;
	}
	
	.form_flame h3{
		font-size: 6vw;
		margin-bottom: 8vw;
	}
	
	.form_retu{
		display: block;
		width: 100%;
	}
	
	.form_title{
		display: flex;
		align-items: center;
		margin-top: 7vw !important;
		margin-bottom: 1vw;
	}
	
	.form_title span{
		font-size: 3.2vw;
		padding: 0.5vw 1.4vw 0.7vw;
		line-height: 1.4 !important;
	}
	
	
	.form_nomal_text{
		font-size: 4vw !important;
	}
	.form_nomal_text .cap{
		font-size:min(3.4vw,0.9em);
	}

	.flex-radio{
		width: 50%;
		font-size: min(4.0vw,13.5px);
	}
	.flex-radio:nth-of-type(n + 3){
		margin-top: 5px;
	}

	.form_mini_title{
		font-size: 4.4vw !important;
		line-height: 2 !important;
		width: auto;
		margin-right: 2vw !important;
	}
	
	.sp_seireki{
		width: 19%;
	}
	
	.form_name{
		width: 35%;
	}

	.form_tel{
		width: 26.7%;
	}

	.form_long_flame{
		width: 100%;
	}

	.form_big_flame{
		width: 100%;
		height: 45vw;
	}

	.form_waku_kyoutuu{
		font-size: 4vw;
		padding: 3.4vw 2.5vw !important;
		border-radius: 2vw;
	}

	.form_txt{
		margin-top: 7vw !important;
	    margin-bottom: 1vw;
		font-size: 4.4vw;
		line-height: 1.6 !important;
	}

	.form_btn{
		/* margin-top: 5vw; */
		margin-top: 0;
		height: 14vw;/*状況次第で変える*/
		background-image: url("../img/sp_cta_btn.png");
	}
	
	.cv_bottom_kome{
		font-size: 3.4vw !important;
	}
	
	
	.tukihi{
		width: 17%;
	}
	
	
	/**********************************
	
	運営会社情報エリア
	
	**********************************/
	.kaisha_under h2{
		font-size: 4.2vw;
		margin-bottom: 8vw;
	}
	
	.kaisha_under dl{
		font-size: 3.4vw;
		white-space: pre-wrap;
		margin-top: 3.2vw;
		padding-bottom: 3.2vw;
	}
	
	.kaisha_under dl dt{
		padding-left: 2vw;
		width: 24vw;
	}
	
	
	
	/**********************************
	
	footerエリア
	
	**********************************/
	.footer{
		height: 24vw;
		padding-bottom: 13vw;
	}
	
	
	
	
	.footer_under{
		height: 24vw;
	}
	
	.footer_link{
		margin-top: 6.4vw;
	}
	
	.footer_link a,.footer_link p,.small{
		font-size: 3vw;/*2つ以下の時は3.5vw*/
	}
	
	.small{
		padding-top: 4vw;
	}
	
	
	
}