@charset "utf-8";
/* CSS Document */
.contact{
	padding-bottom:40px;
}
.contact_content{
	width:600px;
	margin:20px auto 0;
}

.contact_txt,.essential_txt{
	margin-bottom:10px;
}
.contact_txt strong{
	color:#FF0000;
}
/*必須*/
.required{
	font-size:10px;
	background-color:#FF0000;
	color:#FFFFFF;
	margin-left:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:3px;
}
.essential_txt .required{
	margin-left:0px;
	margin-right:5px;
}
/*エラー*/
.error{
	color:#FF0000;
}
/*任意*/
.optional{
	font-size:10px;
	color:#FFFFFF;
	background-color:#00AAFF;
	margin-left:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:3px;
}

/*入力フォーム*/
.form{
	width:100%;
	margin-bottom:40px;
	border-bottom:#00AAFF dotted 1px;
}
.freetxt input{
	width:300px;
}
.freetxt input,select,textarea{
	padding:3px 5px;
}
textarea{
	width:100%;
	height:9.6em;
	box-sizing:border-box;
}
select:focus {background:#CCCCCC;}
input[type="text"]:focus ,input[type="tel"]:focus ,input[type="email"]:focus,input[type="password"]:focus {background:#CCCCCC;}
textarea:focus {background:#CCCCCC;}

.form th{
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	width:180px;
	padding:20px 15px;
	border-top:#00AAFF dotted 1px;
	color:#77DDFF;
}
.form td{
	padding:20px 15px 20px 0;
	border-top:#00AAFF dotted 1px;
}

/*ボタン*/
.btn{
	text-align:center;
}
.btn input{
	cursor:pointer;
	color:#FFFFFF;
	max-width:400px;
	width:60%;
	background-color: rgba(255,0,157,0.9);
	-webkit-box-shadow:0px 3px 4px rgba(0,0,0,0.3);
	box-shadow:0px 3px 4px rgba(0,0,0,0.3);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:18px 0;
	border:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.btn input:hover{
	background-color: rgba(255,0,157,0.6);
}
.submit_btn{
	margin-right:40px;
}
.btn input.submit_btn,.btn input.back_btn{
	width:36%;
}

/*確認*/
.check{
	border-top:#666666 dotted 1px;
	font-size:14px;
	width:100%;
	margin-bottom:30px;
}
.check li{
	border-bottom:#666666 dotted 1px;
	padding:20px 15px;
}
.check li span{
	color:#00AAFF;
}

/*最後*/
.contact_txt_last{
	text-align:center;
}