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


div#contact-head{
	margin-bottom: 100px;
	background: #000;
}


#form .hisu {
	background:#F29702;
	font-size:70%;
	color:#fff;
	padding:3px;
	margin-left:5px;
}


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

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




#form .thanks {
	border:4px #ccc solid;
	text-align:center;
	padding:20px;
}
#form .thanks em {
	display:block;
	color:#000;
	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;
	}


/*プルダウン表示*/
.mod_form{
 width:90%;
 font-size:16px;
}
.mod_form_select {
 overflow: hidden;
 width:90%;
 box-sizing:border-box;
 border-radius: 3px;
 padding:3px 0 3px 10px;
 margin: 10px 0 10px 0;
 border: 1px solid #3f3f3f;
 vertical-align: middle;
 background: #efefef url(../images/img-arrow-down.png) no-repeat 95% 50%;
}
.mod_form_select select {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 border-radius: 0;
 border: 0;
 margin: 0;
 padding:0;
 background: none transparent;
 vertical-align: middle;
 font-size: inherit;
 color: inherit;
 box-sizing: content-box;
 width: 130%;
 height:35px;
}


/*フォーム用のボタン*/
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;
}



/* ////////////////////////////////////////
スマートフォン向けのスタイル：(481px)736px以下（iPhone6 Plusを横位置にすると736pxなので）
////////////////////////////////////////*/
@media screen and (max-width: 736px) {

div.sub-cnt h2{
	height:100px;
	background:#444444;
	color:#fff;
	font-size:160%;
	text-align:center;
	line-height:100px;
	margin-top:10px;
}

div.sub-cnt img{
	width:100%;
}

div.sub-cnt p{
	margin-left:auto;
	margin-right:auto;
}


div.center-p{
	padding:10px;
}





#form {
	font-size:14px;
	text-align:left;
	margin-top:0px;
	margin-bottom:100px;
	height:auto;
}

/*ラジオボックス*/
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.table-container{
	border-top:1px solid #999;
	border-bottom:1px solid #E6E5E5;
}

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

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

div.td-right p{
	margin-top:5px;
	margin-bottom:5px;
}


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


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;
}





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

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

p{
	margin-bottom:0px;
}

div#form h2{
	background:#ccc;
	padding:10px;
	margin-top:10px;
	margin-bottom:30px;
	font-weight:bold;
	font-size:160%;
	color:#fff;
}

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;
}

p#privacy{
	margin-top:35px;
}
p#privacy a{
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
}

p#privacy-l{
	float:left;
}

p#privacy-r{
	float:left;
}


/*重複チェック*/
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:50px;
	font-size:140%;
}


.text-w02{
	width:30%;
	height:50px;
	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;
}


/*エラー表記*/

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

p.error_messe{
}


}







/*////////////////////////////////////////
 タブレット向けのスタイル：737px ～ 768px（iPhone6 Plusを横位置にすると736pxで一番需要が多いiPadの縦位置は768pxなので）
////////////////////////////////////////*/
@media only screen and (min-width: 737px) {

div.sub-cnt{
	margin-bottom:70px;
}

div.sub-cnt h2{
	width:960px;
	height:200px;
	background:#444;
	color:#fff;
	font-size:160%;
	text-align:center;
	line-height:200px;
}


div.center-p p{
	color:#666;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	padding:20px;
	margin-top:30px;
}






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

/*TOPページ【テーブル用】*/
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%;
	margin-top:15px;
}


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#privacy-l{
	float:left;
}

p#privacy-r{
	float:left;
}



section#section02{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:100px;
}

#form {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}


#form a{
	text-decoration:underline;
}

div#form h2{
	background:#ccc;
	padding:10px;
	margin-top:10px;
	margin-bottom:30px;
	font-weight:bold;
	font-size:160%;
	color:#fff;
}

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;
}

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

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


/*エラー表記*/

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

p.error_messe{
}


}



/*////////////////////////////////////////
PC向けのスタイル：769px～960px（実際は769px～という指定なので横幅の制限はかけていない） 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {




}