@charset "utf-8";

input{
	padding: 2px 7px;
	font-size:1.2em;
	margin: 2px 5px;
}

textarea{
	padding: 4px 7px;
	font-size:1.2em;
	margin: 2px 5px;
}

input:focus,textarea:focus {
	border:solid 1px #eea34a;
}

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

.i_th1,
.i_th2,
.i_th3{
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	color: #454545;
	background-color: #fffaf0;
	padding: 5px 10px;
	font-size:1.1em;
	line-height: 1.5em;
}

.i_th1{
	border-top: 1px solid #676767;
}

@media screen and (min-width: 768px) {
 .i_th1,
 .i_th2{
 	height: 48px;
 }

 .i_th3{
 	height: 420px;
 }

}

.i_td1,
.i_td2,
.i_td3{
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	padding: 5px 5px;
	line-height: 1.5em;
	word-break: break-all;
}

@media screen and (min-width: 768px) {
 .i_td1,
 .i_td2{
 	border-left: 0px;
	margin-right: 10px; 
 	height: 48px;
 	padding: 5px 10px;
 }

 .i_td1{
 	border-top: 1px solid #676767;
 }

 .i_td3{
 	border-left: 0px;
	margin-right: 10px; 
 	height: 420px;
 	padding: 5px 10px;
 }
}

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

#company,#mail,#mail2,#tel,#naiyo{
	width: 90%;
}

@media screen and (min-width: 768px) {
 #company,#mail,#mail2{
	width: 500px;
 }
 #naiyo{
	width: 640px;
 }
}

@media screen and (min-width: 768px) {
 #tel{
	width: 120px;
 }
}

#sei,#mei,
#sei_kana,#mei_kana{
	width: 75%;
}

#sei,#mei{
	margin-left: 23px;
}

#sei_kana,#mei_kana{
	margin-left: 10px;
}

@media screen and (min-width: 768px) {
 #sei,#mei,#sei_kana,#mei_kana{
	width: 140px;
 }

 #sei,#mei{
 	margin-left: 23px;
 }

 #sei_kana,#mei_kana{
 	margin-left: 10px;
 }

}

#mail,#mail2,#tel{
	ime-mode: disabled;
}

#naiyo{
	resize: none;
}

.err_msg{
	margin-left: 5px; 
	padding: 1px 0px; 
	font-size:1em;
	font-weight: bold;
	color: #ff0000;
}

@media screen and (min-width: 768px) {
 .err_msg{
	font-size:1.1em;
 }
}

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

.policy{
	margin :10px;
	border: 1px solid #676767;
	overflow: scroll;
	height: 250px;
	font-size: 85%;
}

.policy h4{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

.policy p{
	margin: 2px 0px 2px 2em;
}

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

.c_th1,
.c_th2,
.c_th3{
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	color: #454545;
	background-color: #fffaf0;
	padding: 5px 10px;
}

.c_th1{
	border-top: 1px solid #676767;
}

.c_td1,
.c_td2,
.c_td3{
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	padding: 5px 5px;
	word-break: break-all;
}

@media screen and (min-width: 768px) {
 .c_td1,
 .c_td2{
	margin-right: 10px; 
 	border-left: 0px;
 	padding: 5px 10px;
 }

 .c_td1{
 	border-top: 1px solid #676767;
 }

 .c_td3{
	margin-right: 10px; 
 	border-left: 0px;
 	padding: 5px 10px;
 }
}

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

.lbl_confirm p{
	text-align: center;
 	font-size: 0.9em;
}

@media screen and (min-width: 768px) {
 .lbl_confirm p{
 	font-size: 1em;
 }
}

.chk_confirm{
	cursor: pointer;
	width: 12px;
	height: 12px
}

@media screen and (min-width: 768px) {
 .chk_confirm{
	width: 16px;
	height: 16px
 }
}

.txt_confirm{
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	color: #0033ff;
	text-decoration:underline;
}

@media screen and (min-width: 768px) {
 .txt_confirm{
 	font-size: 1.4em;
 }
}

.btn_Confirm{
	float: left;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	margin-bottom: 10px;
	margin-left: 5%;
	text-align: center;
	width: 90%;
	padding: 10px 0;
	display: block;
	background-color: #a5000e;
	color: #fff;
	font-size: 120%;
}

@media screen and (min-width: 768px) {
 .btn_Confirm{
	margin-left: 280px;
	width: 360px;
	padding: 15px 0;
	font-size: 145%;
 }
}

#c_mei,#c_mei_kana{
	margin-left: 5px;
}


#back{
	float: left;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	margin: 10px 0px 0px 5%;
	text-align: center;
	width: 90%;
	padding: 10px 0;
	display: block;
	background-color: #232323;
	color: #fff;
	font-size: 120%;
}

@media screen and (min-width: 768px) {
 #back{
	width: 160px;
	margin: 10px 0px 10px 20px;
	padding: 15px 0;
	font-size: 145%;
 }
}

#send{
	float: left;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	margin: 10px 0px 0px 5%;
	text-align: center;
	width: 90%;
	padding: 10px 0;
	display: block;
	background-color: #a5000e;
	color: #fff;
	font-size: 120%;
}

@media screen and (min-width: 768px) {
 #send{
	width: 360px;
	margin: 10px 0px 10px 100px;
	padding: 15px 0;
	font-size: 145%;
	}
}