@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: 35%;
		height: 11vw;
	}



	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		display: none;
	}
	
	
	
	/*----------------------------------------
	sp用下部cv 1つボタン
	-------------------------------------*/
	.sp_bottom_cv{
		display: flex;
		width: 100%;
		height: 13vw;
		position: fixed;
		bottom: 0;
		z-index: 5000;
		background: linear-gradient(90deg,#3ad4df,#92a2d5,#f76bcc);
	}
	
	.sp_bottom_cv a{
		width: 100%;
		height: 13vw;
		display: flex;
		align-items: center;
		background-image: url("../img/cv_fff_shita_yajirushi.png");
		background-repeat: no-repeat;
		background-size: 4%;
		background-position: center right 3.5vw;
	}
	
	
	.sp_bottom_cv p{
		font-size: 6vw;
		font-weight: bold;
		color: #fff;
		text-align: center;
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.top_img_flame{
		background-image: none;
		height: auto;
	}
	
	.top_img_in{
		width: 100%;
	}
	
	.top_img_in img{
		height: auto;
	}
	
	.koubo_shimekiri_flame{
		left: 2.5vw;
		top: 5vw;
		width: 31vw;
		height: 15vw;
	}
	
	.koubo_shimekiri{
		font-size: 4vw;
	}
	
	.hiduke{
		font-size: 5vw;
	}
	
	.top_img_in a{
		width: 94.7%;
		margin: 0 auto;
		left: 2.5vw;
		font-size: 6.2vw;
		height: 18vw;
		padding-bottom: 5vw;
		bottom: 10.5vw;
	}
	
	.top_img_in a img{
		right: 47%;
		bottom: 4.5vw;
		width: 5%;
	}
	
	
	
	/**********************************
	
	section設定
	
	**********************************/
	.section_under_flame{
		padding: 10vw 0;
	}
	
	
	
	
	
	/**********************************
	
	補助金エリア
	
	**********************************/
	.it_hojokin_under{
		padding-top: 8vw;
		padding-bottom: 11vw;
	}
	
	.it_hojokin_under h2{
		font-size: 8vw;
		margin-bottom: 5.5vw;
	}
	
	.it_hojokin_under p{
		white-space: pre-wrap;
		text-align: left;
		font-size: 4.2vw;
		padding: 3vw !important;
	}
	
	
	
	
	/**********************************
	
	メリットエリア
	
	**********************************/
	.merit_under{
		padding-top: 7vw;
	}
	
	.merit_under h2{
		font-size: 10vw;
		margin-bottom: 5vw;
	}
	
	.sp_hojokin{
		font-size: 5vw !important;
	}
	
	.sp_h2_merit{
		display: flex !important;
	}
	
	.sp_h2_merit p{
		font-size: 6.4vw;
		text-align: right;
		font-weight: bold;
	}
	
	.merit_under h2 span{
		font-size: 20vw;
		margin-left: 1vw;
	}
	
	.merit_retu{
		display: block;
	}
	
	.merit_flame{
		width: 70vw;
		height: 70vw;
		margin: 0 auto;
	}
	
	.merit_flame p{
		font-size: 4.2vw;
		text-shadow: 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff, 0 0 0.5vw #fff;
		padding-bottom: 2vw !important;
	}
	
	.merit2{
		margin: 8vw auto;
	}
	
	
	
	/**********************************
	
	補助金額エリア
	
	**********************************/
	
	.hojo_under h2{
		font-size: 11vw;
		margin-bottom: 6.5vw;
	}
	
	
	
	/**********************************
	
	補助対象者エリア
	
	**********************************/
	
	.taishou_under h2{
		font-size: 11vw;
		margin-bottom: 4vw;
	}
	
	.h2_shita_text{
		font-size: 4.2vw;
	}
	
	.taishou_under table{
		margin-top: 6vw;
	}
	
	.taishou_under th, .taishou_under td{
		font-size: 4.2vw;
		line-height: 1.3 !important;
		vertical-align: middle;
		width: 18%;
		padding: 2.5vw 0;
	}
	
	
	/**********************************
	
	サービスエリア
	
	**********************************/
	.service_under h2{
		font-size: 10vw;
		margin-bottom: 6vw;
		white-space: pre-wrap;
	}
	
	.service_flame{
		display: block;
		padding: 6vw 4vw 6vw;
		margin-top: 5vw;
	}
	
	.service_img{
		display: block;
		margin: 0 auto;
		width: 55%;
		height: auto;
	}
	
	.service_flame div{
		width: 100%;
		margin-top: 4vw;
	}
	
	.service_flame div p{
		font-size: 4.2vw;
	}
	
	
	
	
	/**********************************
	
	流れエリア
	
	**********************************/
	
	.nagare_under h2{
		font-size: 11vw;
		margin-bottom: 7vw;
	}
	
	.nagare_kome{
		margin-top: 8vw !important;
	}
	
	
	
	
	
	/**********************************

	フォームエリア

	**********************************/
	.form_over{
		overflow: hidden;
	}
	
	.form_under h2{
		font-size: 11vw;
		line-height: 1.1;
		margin-bottom: 3vw;
	}
	
	.sp_h2_shita_text_form{
		font-size: 4.1vw;
	}
	
	.form_flame{
		padding: 1vw 4vw 8vw;
		margin-top: 6vw;
	}
	
	.form_nomal_text{
		font-size: 4.2vw;
	}

	.form_mini_title{
		font-size: 4.4vw;
		margin-bottom: 2vw !important;
	}
	
	.form_nomal_text span,.form_mini_title span{
		padding: 0 2vw 0.6vw;
		border-radius: 0.8vw;
		font-size: 3.8vw;
		margin-right: 2vw;
	}
	
	.form_name{
		width: 35%;
	}

	.form_tel{
		width: 26.7%;
	}

	.form_long_flame{
		width: 100%;
	}

	.form_big_flame{
		height: 45vw;
	}

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

	.form_btn{
		margin-top: 5vw;
		height: 20vw;/*状況次第で変える*/
		font-size: 9vw;
	}
	
	
	
	
	/**********************************
	
	footerエリア
	
	**********************************/
	.footer{
		height: auto;
		padding-bottom: 16vw;
	}
	
	.footer_under{
		width: 94.7%;
	}

	.footer_under div a{
		margin: 6vw 2.5vw 1.5vw;
		font-size: 3vw;
	}
	
	.sp_a a{
		margin: 1.5vw 2.5vw 6vw !important
	}

	.small img{
		width: 35%;
		margin: 0 auto 3.5vw;
	}


	
	
}