/**================
お問い合せフォーム
==================**/

/*-------仮に指定したフォント情報：これで安定らしい

参考URL　https://ics.media/entry/200317/

-----------*/

body{

  font-family: 
  "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",
  "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.pra_logo {
    display: block;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 50px;
    height: 50px;
}

div.container{
margin:20px auto 0 auto;
padding:0;
position:relative;
width:70%;

}


h1{
margin:0 0 0 0;
padding:20px 0;
font-size:28px;
line-height:1.25;
text-align:center;
font-weight:bold;
width:100%;
border:3px solid #191919;
}


h1 span{
margin:0 0 0 0;
padding:0;
font-size:18px;
text-align:center;
font-weight:bold;
}


p{
text-align:left;
font-size:14px;
line-height:2;
}


p.proviso_text{
text-align:right;
font-size:12px;
line-height:1;
}


p.contact_text{
text-align:center;
font-size:14px;
line-height:2;
margin:40px 0;
}

p.usage_text{
text-align:center;
font-size:14px;
line-height:2;
margin:40px 0 80px 0;
}

p a{

font-size:14px;
text-decoration:underline;
}


p.cyuui_text{
text-align:center;
font-size:14px;
line-height:2;
margin:40px 0 60px 0;
}


div#form{
 width:90%;
margin:0 auto 80px auto;

}

div#form form{
 width:100%;
margin:0 auto;
}

div#form form table{
	border-top:none;
	border-left:none;
	width:75%;
	margin:0 auto 15px auto;

}

div#form form table tr{

}

div#form form table tr th{
    padding:10px 0;
	color:#010000;
	width:22%;
	text-align:left;
	border-right:none;
	border-bottom:none;
		font-size:14px;
}


div#form form table tr td{
    padding:10px;
	font-size:11px;
	color:#444444;
	border-right:none;
	border-bottom:none;
font-size:14px;
}

div#form form table tr td.btn_hissu{
width:44px;
padding:12px 0;
margin:0;

}

div#form form table tr td.kinyuu_area{
width:auto;
padding:10px 0;
margin:0;
text-align:left;

}
div#form form table tr td span{
padding-right:1em;
}

input {
padding:4px;
margin-bottom:4px;
border:1px solid #efefef;
background-color: #ECECEC;
width:85%;
}


textarea{
padding:4px;
font-size:14px;
background-color: #ECECEC;
border:1px solid #efefef;
width:85%;
}


input:hover,
textarea:hover {
        background-color: #ECECEC;
	border:1px solid #efefef;
        }

input:focus,
textarea:focus{
        background-color: #ECECEC;
	border:1px solid #efefef;


        }

input:active,
textarea:active{
        background-color: #ECECEC;
	border:1px solid #efefef;
        }
	
	

div#form form table tr td.btn_hissu span.hissu-pc{
display:block;
}
div#form form table tr td.btn_hissu span.hissu-sp{
display:none;
}



input.btnArrange2{
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	margin: 0px auto;
	color:#ffffff;
	background-color:#191919;
	padding:10px;
	width:250px;
	display:block;
cursor:pointer;

	}	

input.btnArrange2:hover{
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	margin: 0px auto;
	color:#191919;
	background-color:#ccc;
	padding:10px;
	width:250px;
	display:block;
cursor:pointer;
 transition: 0.5s;
	}	


div#submit{
width:510px;
margin:0 auto 80px auto;

position:relative;
}

input.btnArrange3{
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	margin: 0px auto;
	color:#ffffff;
	background-color:#191919;
	padding:10px;
	width:250px;
	display:block;
	float:left;
cursor:pointer;
margin:0 4px 0 0;
	}	

input.btnArrange3:hover{
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	margin: 0px auto;
	color:#191919;
	background-color:#ccc;
	padding:10px;
	width:250px;
	display:block;
	float:left;
cursor:pointer;
margin:0 4px 0 0;
 transition: 0.5s;
	}	
	

/*----	
div#submit input{

margin:0 10px 0 0;
width:140px;
text-align:center;
float:left;
display:block;
cursor:pointer;
}

---*/



/* =======================================
	スマートフォン向け
======================================= */

@media screen and (min-width:0px) and (max-width: 440px){

div.container{
margin:20px auto 0 auto;
padding:0;
position:relative;
width:90%;

}

div#form{
 width:100%;
margin:0 auto 80px auto;

}

div#form form{
 width:100%;
margin:0 auto;
}

div#form form table{
	border-top:none;
	border-left:none;
	width:100%;
	margin:0 auto 15px auto;
	line-height:1.2;

}



div#form form table tr td.btn_hissu span.hissu-pc{
display:none;
}
div#form form table tr td.btn_hissu span.hissu-sp{
display:block;
font-size:11px;
}


div#form form table tr td.btn_hissu img{
width:100%;
}


p.contact_text{
text-align:left;
font-size:14px;
line-height:2;
margin:40px 0;
}

p.usage_text{
text-align:left;
font-size:14px;
line-height:2;
margin:40px 0 40px 0;
}

	div#submit{
		width:100%;
		margin:0 auto 80px auto;
		position:relative;
	}
	
	input.btnArrange3{
		font-size: 14px;
		text-align: center;
		line-height: 1.3;
		margin: 0px auto;
		color:#ffffff;
		background-color:#191919;
		padding:10px;
		width:250px;
		display:block;
		float: none;
		cursor:pointer;
	}


	input.btnArrange3:hover{
		font-size: 14px;
		text-align: center;
		line-height: 1.3;
		margin: 0px auto;
		color:#191919;
		background-color:#ccc;
		padding:10px;
		width:250px;
		display:block;
		cursor:pointer;
		transition: 0.5s;
	}


}