/* ////////////////////////////////////////
共通 
////////////////////////////////////////*/



#form .hisu {
	color:#cc0000;
}


#form ul li{
	list-style:none;
	float:left;
	margin-right:10px;
}

p.red{
	color:#ff0000;
	font-size:80%;
}




#form .thanks {
	border:4px #FDCA00 solid;
	text-align:center;
	padding:20px;
	margin-bottom:50px;
}
#form .thanks em {
	display:block;
	color:#FDCA00;
	font-size:1.6em;
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
}


#kiyaku-wrap {
   margin:0 auto;
}
#kiyaku-wrap strong {
   text-align:center;
   display:block;
   padding:0 0 12px;
   font-size:22px;
}
#kiyaku-wrap #cyui {
   font-size:12px;
   line-height:150%;
   margin:16px 0 42px;
}
#kiyaku-wrap #cyui span{
   display:block;
   font-style:normal;
   font-weight :bold;
}
#kiyaku {
   width:90%;
   height:250px;
   overflow:auto;
   border:1px solid #eee;
   padding:0 12px;
}
#kiyaku dt {
   background-color:#909090;
   color:#fff;

}
#kiyaku dd {
   font-size:0.9em;

}

#doui{
	margin:24px 0;
	}




/*インタビュー（紹介）ページで設置した簡単フォーム用のボタン*/
div.mfp_buttons input{
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding:20px;
	display: block;
	text-align: center;
	border:1px solid #ff9913;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-size:100% !important;
	cursor:pointer;

	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}

/*ラジオボックス*/
input[ type=radio ] {
	margin-right:3px;
}

/*チェックボックス*/
input[ type=checkbox ] {
	margin-right:3px;
}


/*確認用ページ*/
div.mfp_buttons p#back-botton input{
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding:20px;
	display: block;
	text-align: center;
	border:1px solid #ccc;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-size:100% !important;
	cursor:pointer;

	background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
	background-image: -webkit-linear-gradient(top, #ccc, #e78404);
	background-image: -moz-linear-gradient(top, #ccc, #e78404);
	background-image: -ms-linear-gradient(top, #ccc, #e78404);
	background-image: -o-linear-gradient(top, #ccc, #e78404);
	background-image: linear-gradient(to bottom, #ccc, #666);
}


p.error_messe{
	color:#ff0000;
}


/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {

#form h4{
	margin-top: 30px;
	margin-bottom: 30px;
}

#form {
	font-size:14px;
	text-align:left;
	margin-top:0px;
	height:auto;
	width:96%;
	margin-left: auto;
	margin-right: auto;
}



/*ラジオボックスとチェックボックスの横テキスト調整*/
span.form-text{
	float:right;
	margin-top: 7px;
}

/*ラジオボックス*/
input[ type=radio ] {
	-webkit-tap-highlight-color:rgba(0,0,0,0); /*一部Android機種枠線のズレ対応*/
	-moz-transform-origin: right bottom;
	-moz-transform: scale(2.2);
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale(2.2);
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
}

/*チェックボックス*/
input[ type=checkbox ] {
	-webkit-tap-highlight-color:rgba(0,0,0,0); /*一部Android機種枠線のズレ対応*/
	-moz-transform-origin: right bottom;
	-moz-transform: scale( 2 , 2 );
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale( 2 , 2 );
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
}


/*テーブル用（プログラム表記）*/
div#form table tr{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}


/*テーブル用*/
div.table-container{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	background:#f6f6f6;
	padding:15px;	
}

div.td-right{
	padding:10px;
	margin-bottom:25px;
}

/*プライバシー*/
div#privacy-container{
	padding:20px;
}

p#tagline img{
	width:129px !important;
	display:block;
}

div#header-inner h1{
	display:none;
}

#text-w04,#text-w05{
	width:50%;
}

p{
	margin-bottom:0px;
}


div#form h3{
	font-weight:bold;
	font-size:160%;
	padding:10px;
	margin-top:40px;
	margin-bottom:20px;
}

p#price-a{
	margin-top:15px;
}

p#price-a a{
	margin-top:30px;
	padding-left:20px;
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
}


/*重複チェック*/
div#res-container{
	background:#f0f0f0;
	padding:15px;
}

div#res-container span{
	color:#f00;
	clear:both;
}

div#res-container p{
	color:#00f;
	clear:both;
}


/*幅等の設定追記ここから*/

.text-w01{
	width:90%;
	height:30px;
	font-size:140%;
}

.t-area{
	width:90% !important;
	height:200px;
	font-size:140%;
}



/*自動確認画面*/
.formTable{
	font-size:120%;
}

.formTable tr th{
	background:#f6f6f6;
	width:30%;
	padding:10px;
}

.formTable tr td{
	padding:10px;
}


}







/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

#form h4{
	margin-top: 30px;
	margin-bottom: 30px;
}

#form {
	font-size:14px;
	text-align:left;
	margin-top:0px;
	width:500px;
	margin-left: auto;
	margin-right: auto;
}
.form-height{
	overflow: auto;	/*500pxを超えた場合スクロールを表示*/
}

/*テーブル用*/
div.table-container{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	float:left;
	width:30%;
	font-weight:normal;
	padding:0.3em 0.6em 0.3em 0.6em;
}

div.td-right{
	float:right;
	width:60%;
	font-weight:normal;
	border-left:1px solid #E6E5E5;
	padding:0.3em 0.6em 0.3em 0.6em;
}


/*確認用ページテーブル用（divを使って表現するのではく実際にTableタグを利用している）*/
div#form table{
	width:100%;
}


div#form table tr{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div#form th{
	width:30%;
	font-weight:normal;
	padding:10px;
}

div#form td{
	width:60%;
	font-weight:normal;
	border-left:1px solid #E6E5E5;
	padding:10px;
}


/*プライバシー*/
div#privacy-container{
	padding:20px;
}





p#tagline img{
	width:129px !important;
}

#form a{
	text-decoration:underline;
}



div#form h3{
	font-weight:bold;
	font-size:160%;
	padding:10px;
	margin-top:40px;
	margin-bottom:20px;
}


/*重複チェック*/
div#res-container{
	background:#f0f0f0;
	padding:15px;
}

div#res-container span{
	color:#f00;
	clear:both;
}

div#res-container p{
	color:#00f;
	clear:both;
}


/*幅等の設定追記ここから*/

.text-w01{
	width:90%;
	height:30px;
}

.t-area{
	width:90% !important;
	height:200px;
}



}




/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {



}