@charset "UTF-8";
/***********************************************************************
　　　フォーム部分・　確認画面吐き出し部分

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



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

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */



/*******************************************************　
********************************************************　
　　　フォーム　入力画面
 
 *******************************************************
*******************************************************/


/*******************************************************　
　　　フォームエリア　共通指定
   　
*******************************************************/

/*　　フォームブロック　共通指定*/
.form-waku-base{
	margin-left: 15px;/*1000pxでautoに*/
	margin-right: 15px;/*1000pxでautoに*/
	
}

/*　　質問テキスト　*/
.form-q-txt1{
 	font-size: 14px;font-size: 1.4rem;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 7px;
}

/*　　質問項目テキスト　*/

.form-q-txt2{
 	font-size: 14px;font-size: 1.4rem;
 	font-weight: bold;
	line-height: 100%;
	margin-bottom: 7px;
}



/*　　必須　　*/
.hissu{
	font-size: 12px;
	color: #f00;
	font-weight: normal;
	padding-left: 5px;
	border-left: solid 1px #DDD;
	margin-left: 7px;
}


/*　　必須2　　*/
.hissu2{
	font-size: 12px;
	color: #f00;
	font-weight: normal;
	padding-left: 5px;
	margin-left: 7px;
}






/********************************
textarea　inputbox　カラー等基本指定
********************************/

textarea{
	border: 1px solid #DDD;
	border-radius: 4px;
	background-color:#F8F8F8;
	font-size: 14px;
	line-height: 140%;
	padding: 10px;

}

input.inp01{
	border: 1px solid #DDD;
	border-radius: 3px;
	background-color:#F8F8F8;
	font-size: 14px;
	line-height: 140%;
	height: 28px;
	padding: 10px;
}



/********************************
汎用 サイズ指定
********************************/
.w100{width: 100px;}
.w200{width: 200px;}
.w250{width: 300px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}

.w100per{width: 100%;}

/*inputboxに padding10pxをいれたため、左右合計20pxを100%から引き算*/
.w100per-p1{width: calc(100% - 20px);}



/********************************
テキストエリア  サイズ指定
********************************/

/*　width 100%　height 50px;　*/

.textarea-100-050{
	width: 100%;
	box-sizing: border-box;
	height: 50px;
}

/*　width 100%　height 100px;　*/
.textarea-100-100{
	width: 100%;
	box-sizing: border-box;
	height: 100px;
}


/*　width 100%　height 100px;　*/
.textarea-100-150{
	width: 100%;
	box-sizing: border-box;
	height: 150px;
}




/********************************
　チェックボックスデザイン
********************************/



/********************************
inputbox  サイズ指定
********************************/








/***********************************************　
　　　フォーム　基本ブロック１　ご相談
　　
*************************************************/
.form-block-base01{

}


/* お悩みごと・ご要望　　 */
.onayami-block{
	margin-bottom: 10px;

}


/* サービス詳細資料 */
.siryo-block{
	margin-bottom: 10px;

}




/*************************************************　
　　　フォーム　オプションブロック
　　
*************************************************/
.form-block-option{
	border-top: solid 2px #E6E6E6;
	border-bottom: solid 2px #E6E6E6;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}


/*　チェックボックスリストの　ul　li指定*/
.form-ul01{
margin-bottom: 5px;
}

.form-ul01 li{
	font-size: 14px;font-size: 1.4rem;
	line-height: 120%;
	margin-bottom: 7px;
}


.form-ul02{
}

.form-ul02 li{
	font-size: 14px;font-size: 1.4rem;
	line-height: 120%;
	margin-bottom: 7px;
}







/******************
   販売ターゲット
*******************/
.s-target-block{
	margin-bottom: 25px;

}


/*　ターゲット　詳細textarea 　指定*/
.target-detail-tarea{
	height: 60px;
	width: 100%;
}


.chyu-txt01{
	font-size: 14px;font-size: 1.4rem;
	line-height: 120%;
}


/******************
   販売地域
*******************/
.s-area-block {
}



/*　　flexタイプ　UR指定  */

.form-ul-flex1{

}

.form-ul-flex1 li{
	font-size: 14px;
	line-height: 120%;
	margin-bottom: 7px;
}










/************************************************
　　　フォーム　基本ブロック２　基本情報
　　
*************************************************/
.form-block-base02{

}



/*各項目の　ブロック指定*/
.input-grp-01{
	margin-bottom: 20px;
}




/*各項目の　ブロック指定  フレックス指定*/
.input-grp-01-flex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: flex-end;
}

/*フレックス指定した、アイテムパーツ（inputboxをいれているdiv）の
サイズ％指定*/
.input-grp-01-flex-itme{
	width: 47%;/*隙間調整のため、480px以上で調整*/
}


/*下揃え*/
.flex-end{
	align-items: flex-end;
}




/*　都道府県　セレクトボックスのデザイン*/

.cp_ipselect {
	overflow: hidden;
	width: 90%;
	text-align: center;
}
.cp_ipselect select {
	font-size: 14px;font-size: 1.4rem;
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 15px;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}




/************************************************
　　　添付ファイルエリア
　　
*************************************************/
.tenpu-file-block{
	width: 100%;
	border-top: dotted 1px #ccc;
	border-bottom:  dotted 1px #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.tenpu-text1{
	font-size: 14px;
	line-height: 140%;
	
}









/************************************************
　　　送信ボタンエリア
　　
*************************************************/
.form-send-Area{
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 60px;

}


/*　個人情報の使用目的　プライバシーポリシー*/

.inq-kiyaku{
	width: 90%;
	max-width: 750px;
	height: 200px;
	border:solid 1px #efefef;
	font-size: 14px;
	text-align: left;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	overflow: scroll;
	
	
}





/*　同意確認*/
.kakunin-txt{
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 8px;
}

.check{
	font-size: 14px;
	margin-bottom: 10px;

}




/*******************************************************　
********************************************************　
　　　フォーム　確認画面
 
 *******************************************************
*******************************************************/

form{
	padding-top: 10px;

}


.text-block1{
	padding-bottom: 15px;
}

.c-text01{
	font-size: 14px;
	line-height: 140%;
}



/************************************************
　　　送信ボタンエリア
*************************************************/

.form-send-Area2{
	margin-bottom: 40px;
	width: 285px;
	margin-left: auto;
	margin-right: auto;
}

/*480px以上で指定
.send-block-flex{
	display: flex;
}
*/



.backbtn img{
	height: 30px;
}

.backbtn {
	margin-bottom: 10px;
}














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

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 480px) {



/*************************************************　
　　　フォーム　オプションブロック
　　
*************************************************/
/*　ターゲット　textarea　指定*/
.target-detail-tarea{
	height: 30px;
	width: 90%;
}


.d-text1{
	vertical-align: 20px;
}





/************************************************
　　　フォーム　基本ブロック２　基本情報
　　
*************************************************/



/*フレックス指定した、アイテムパーツ（inputboxをいれているdiv）の
サイズ％指定*/
.input-grp-01-flex-itme{
	width: 48.5%;/*隙間調整のため、480px以上で調整*/
}









/*******************************************************　
********************************************************　
　　　フォーム　確認画面
 
 *******************************************************
*******************************************************/



/************************************************
　　　送信ボタンエリア
*************************************************/

.form-send-Area2{
	margin-bottom: 40px;
	width: 400px;
	margin-left: auto;
	margin-right:auto;
}


.send-block-flex{
	display: flex;
}



.backbtn img{
	height: 40px;
}

.backbtn {
	margin-bottom: 0px;
}

.backbtn{
	margin-right: 10px;
}







}








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

　　　　　スクリーンサイズ 幅 760px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 760px) {








/*************************************************　
　　　フォーム　オプションブロック
　　
*************************************************/

/*　　flexタイプ　UR指定  */

.form-ul-flex1{
	display: flex;

}

.form-ul-flex1 li{
	margin-right: 20px;
}



















}





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

　　　　　スクリーンサイズ 幅 1000px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width: 1000px) {



/*******************************************************　
　　　フォームエリア　共通指定
   　
*******************************************************/

/*　　フォームブロック　共通指定*/
.form-waku-base{
	width: 100%;
	margin-left: auto;/*1000pxでautoに*/
	margin-right: auto;/*1000pxでautoに*/
	
}





/*************************************************　
　　　フォーム　オプションブロック
　　
*************************************************/



/*　ターゲット　textarea　指定*/
.target-detail-tarea{
	height: 30px;
	width: 560px;
}

.li-left{
	margin-right: 10px;
	float: left;
	/*　未定、決定の文字列を、右の詳細と揃えるための設定*/
	height: 30px;
}


/*　未定、決定の文字列を、右の詳細と揃えるための設定*/
.li-left label{
	display: block;
	margin-top: 18px;
}




.li-right{
	float: right;


}







}