@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 0.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.4vw;
	}


	/*----------------------
	header_cv
	----------------------*/
	.top_cv_btn{
		width: auto;/*----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 0 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;
		width: 19%;
	}
	
	.top_cv_btn2{
		padding-left: 3vw;
		padding-right: 2vw;
	}



	/**********************************
	
	図形設定
	
	**********************************/
	.under_triangle{
		border-top: 5vw solid #ccc;
		border-right: 8vw solid transparent;
		border-left: 8vw solid transparent;
	}
	
	
	/**********************************
	
	ファーストビュー設定
	
	**********************************/
	.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;
	}
	
	.short_padding_top_under{
		padding-top: 3vw;
	}
	
	.h2_shita_margin_60{
		margin-bottom: 6vw;
	}
	
	/*ラインの上にアイテムがある時はこっち*/
	.h2_shita_margin_45{
		margin-bottom: 4.5vw;
	}
	
	
	
	
	
	/**********************************

	cvエリア

	**********************************/
	.cv_over{
		background-color: #f3f3f3;
		box-shadow: 0 0 0.6vw #aaa;
	}

	.cv_under{
		padding: 5vw 0;
	}

	.cv_big_flame{
		width: 100%;
		height: auto;
		border: solid 0.3vw #123754;
		padding: 0.4vw;
		box-sizing: border-box;
		border-radius: 0.5vw;
	}

	.cv_middle_flame{
		background-color: #123754;
		box-sizing: border-box;
		padding: 3.5vw 2.5vw;
	}



	.cv_white_flame{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		margin-top: 3vw;
	}

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

	.cv_tel_flame{
		width: 50%;
	}

	.cv_tel_flame:hover{
		opacity: 0.7;
	}

	.cv_tel_flame a{
		display: flex;
		align-items: center;
	}

	.cv_tel_icon_flame{
		width: 7.5vw;
		height: 7.5vw;
		margin-right: 1.1vw;
		border: solid 0.2vw #fff;
	}

	.cv_tel_icon_flame i{
		font-size: 5.4vw !important;
		color: #fff;
	}

	.cv_tel_number{
		font-size: 4.6vw;
		line-height: 1 !important;
		margin-bottom: 0 !important;
		color: #fff;
	}

	.cv_tel_uketuke{
		font-size: 2.35vw;
		color: #fff;
	}

	.cv_btn{
		width: 48.5%;
		height: 8vw;
		border-radius: 0.7vw;
		background-image: url("../img/btn_bg_green_gra.png");/*----green,orange,black,right_red,pink,blue,blue_green---*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		/*
		green：#00B900
		orange：#ff8400
		black：#000
		right_red：#f37272
		pink：#ff77e7
		blue：#0066FF
		blue_green：#13b5b1
		*/
	}

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

	.cv_btn a p{
		font-size: 3vw;
		color: #fff;
		font-weight: bold;
		padding-bottom: 0.5vw !important;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'Noto Serif JP', serif;
		line-height: 1 !important;
	}

	.cv_btn a p i{
		font-size: 4vw !important;
	}




	.cv_long_btn{
		width: 100%;
		height: 8.5vw;
		border-radius: 0.7vw;
		margin-top: 2.5vw;
		background-image: url("../img/btn_bg_orange_gra.png");/*----green,orange,black,right_red,pink,blue,blue_green---*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;

		/*
		green：#00B900
		orange：#ff8400
		black：#000
		right_red：#f37272
		pink：#ff77e7
		blue：#0066FF
		blue_green：#13b5b1
		*/
	}

	.cv_long_btn:hover{
		opacity: 0.7;
	}

	.cv_long_btn a{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.cv_long_btn a img{
		width: 15%;
		margin-right: 0.5vw;
	}

	.cv_long_btn a p{
		font-size: 3.5vw;
		color: #fff;
		font-weight: bold;
		padding-bottom: 0.5vw !important;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'Noto Serif JP', serif;
	}

	.cv_long_btn a p i{
		font-size: 4.6vw !important;
	}

	.long_line{
		width: 100%;
		height: 3vw;
		background-color: #fff000;
	}





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

	悩みエリア

	**********************************/
	.nayami_soto_flame{
		padding-bottom: 5.7vw;
		position: relative;
		background-color: #f3f3f3;

	}

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

	.nayami_under{
		padding-bottom: 11vw;
	}

	.sayuu_line{
		width: 10vw;
		background-color: #fff;
	}

	.nayami_ul_flame{
		width: 48%;
	}

	.nayami_under ul li{
		margin-top: 3vw;
	}

	.nayami_under ul li img{
		width: 4.3%;
		margin-right: 0.5vw;
	}

	.sumaino_kuuki_flame{
		padding: 3.9vw 2vw;
		width: 94.7%;
		height: auto;
		margin: 0 auto;
		position: absolute;
		top: 91%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.sumaino_kuuki_flame p{
		color: #123754;
	}

	.sumaino_kuuki_flame p span{
		color: #F7820D;
	}


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

	悩み下エリア

	**********************************/
	.nayami_shita_over{
		background-color: #f3f3f3;
	}

	.nayami_shita_under{
		padding-top: 2.8vw;
		padding-bottom: 5.5vw;
	}

	.under_triangle{
		width: 0;
		border-top: 2vw solid #365977;
		border-right: 3vw solid transparent;
		border-left: 3vw solid transparent;
		margin: 0 auto;
	}

	.nayami_shita_under h3{
		width: 100%;
		background-color: #123754;
		padding: 1vw 0 1.2vw 3vw;
		margin-top: 2.5vw;
	}

	.naze_flame{
		padding: 3vw;
	}

	.naze_flame p{
		width: 62%;
	}

	.naze_flame img{
		width: 24%;
		padding-left: 6vw;
	}

	.naze_flame p span{
		font-weight: bold;
		color: #F7820D;
	}




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

	問題エリア

	**********************************/
	.mondai_title_ue_over{
		background-color: #365977;
	}

	.mondai_title_ue_under{
		padding: 0.8vw 0 1vw;
	}

	.mondai_over{
		background-color: #123754;
	}

	.mondai_under{
		padding-top: 0.5vw;
	}

	.mondai_title_suuji{
		font-size: 9.4vw;
		color: #F7BE08;
		padding-left: 0.5vw;
		padding-right: 0.3vw;
	}

	.tuno_mondai{
		font-size: 5.2vw;
		color: #F7BE08;
		padding-bottom: 0.3vw;
	}

	.kaze_virus_icon{
		width: auto;
		height: 10vw;
		margin-bottom: -1vw;
		margin-left: 1vw;
	}

	.mondai_flame{
		padding: 3vw 2.5vw;
	}
	.mondai_img{
		width: 37.1vw;
		height: 20.8vw;
		margin-left: 2vw;
	}

	.mondai_flame h3 img{
		width: 13%;
		margin-right: 1vw;
	}

	.mondai_flame h3{
		color: #123754;
		height: 6.6vw;
		margin-bottom: 1.5vw;
		margin-top: -0.5vw;
		line-height: 1.3 !important;
	}

	.mondai_flame p span{
		font-weight: bold;
		color: #F7820D;
	}






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

	解決エリア

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

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


	.kaiketu_under{

	}

	.kaiketu_under h3{
		background-image: url("../img/kaiketu_h3_bg.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 1vw 0 1.3vw;
	}

	.kaiketu_under h3 span{
		color: #F7BE08;
		font-weight: bold;
		font-size: 4.6vw;
	}

	.under_triangle2{
		width: 0;
		border-top: 3vw solid #123754;
		border-right: 4vw solid transparent;
		border-left: 4vw solid transparent;
		margin: 0 auto;
	}

	.kaiketu2_flame{
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
	}


	.kaiketu2_flame p span{
		font-weight: bold;
		color: #F7820D;
	}

	.kaiketu2_text_flame{
		width: 100%;
	}

	.kaiketu2_text_flame h4{
		color: #123754;
	}

	.kaiketu2_text_flame p{
		width: 55%;
	}

	.kaiketu2_text_flame img{
		width: 39vw;
		height: 21.9vw;
		margin-top: 0.5vw;
	}




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

	特徴・理由エリア

	**********************************/
	.riyuu_title_over{
		background-color: #123754;
	}

	.riyuu_title_under{
		padding: 0.8vw 0 0;
	}

	.riyuu_h2_icon{
		width: auto;
		height: 8vw;
		margin-left: 2vw;
	}

	.riyuu_over{
		background-color: #EFF1F3;
	}


	.riyuu_inner{
		position: relative;
	}

	.riyuu_img_flame{
		width: 16vw;
		height: 16vw;
		border-radius: 90vw;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		top: -1.4vw;
		box-shadow: 0 0 0.6vw #aaa;
	}

	.riyuu_text_white_flame{
		width: 91%;
		height: auto;
		padding: 3vw 3vw 3vw 9.5vw;
		box-sizing: border-box;
		background-color: #fff;
		margin-left: auto;
		box-shadow: 0 0 0.4vw #bbb;
	}

	.riyuu_text_white_flame h3{
		color: #123754;
	}

	.riyuu1{
		background-image: url("../img/riyuu_img1.jpeg");
	}

	.riyuu2{
		background-image: url("../img/riyuu_img2.jpeg");
	}

	.riyuu3{
		background-image: url("../img/riyuu_img3.jpeg");
	}

	.riyuu4{
		background-image: url("../img/riyuu_img4.jpeg");
	}

	.riyuu5{
		background-image: url("../img/riyuu_img5.jpeg");
	}



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

	設備エリア

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

	.setubi_ikou{
		color: #fff;
	}

	.setubi_ikou_h2_icon{
		height: 7.5vw;
	}

	.setubi_under h3{
		width: 100%;
		background-color: #123754;
		padding: 1vw 0 1.2vw 2vw;
	}

	.setubi_under h3 span{
		font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	}

	.setubi_text_shita{
		margin-top: -0.6vw !important;
	}
	
	.setubi_text{
		width: 53%;
	}

	.setubi_img{
		width: 41vw;
		height: 23vw;
	}
	
	.setubi_img1{
		margin-top: -2.2vw;
	}

	.setubi1_flame{
		background-position: bottom 3vw right 11vw;
	}




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

	お客様の声エリア

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

	.voice_under{
		padding-bottom: 7vw;
	}

	.voice_inner{
		width: 30.4vw;
		height: auto;
		box-sizing: border-box;
		padding: 1.5vw;
		background-color: #fff;
	}

	.voice_inner img{
		box-shadow: 0 0 0.3vw #ccc;
	}




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

	流れエリア

	**********************************/
	.nagare_over{

	}

	.nagare_under{

	}

	.nagare_h2_icon{
		height: 5.5vw;
		padding-left: 1vw;
	}





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

	その他エリア

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

	.sonota_h2_icon{
		height: 8.5vw;
	}

	.level_up_text{
		color: #123754;
		box-shadow: 0 0 0.4vw #bbb;
		padding: 3vw 1.6vw !important;
		background-color: #fff;
	}

	.level_up_nomal_text{
		font-weight: bold;
		font-size: 3.2vw;
	}

	.sumiyasusa{
		font-weight: bold;
		color: #F7820D;
	}





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

	代表エリア

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

	.daihyou_h2_icon{
		height: 0.7vw;
	}

	.daihyou_over{
		background-color: #EFF1F3;
	}

	.daihyou_under{

	}

	.daihyou_flame{
		background-color: #fff;
		padding: 4vw;
		box-shadow: 0 0 0.4vw #ccc;
	}

	.daihyou_img{
		width: 40vw;
		height: 27.7vw;
	}





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

	よくある質問エリア

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

	.shitumon_h2_icon{
		height: 6vw;
	}

	.shitumon_under{
		padding-bottom: 7vw;
	}

	.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;
	}
	
	
	
	
	
	
	
	/**********************************

	フォームエリア

	**********************************/
	.form_namal_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: 8vw;
		border-radius: 0.5vw !important;
		font-size: 4vw;
		padding-bottom: 0.6vw;
	}
	
	
	
	/**********************************
	
	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;
	}



}