/** contact_form.css **/


#contact_form {
	width: 100%;
	height: 800px;
	position: relative;
	background-color:#ffffff;
	border-top:1px solid #ffffff;
}
/*#contact_form #contact_form_wrap {
	width: 100%;
	height: 800px;
	position: relative;
	color: #333333;
}*/
/* */
#contact_form .partition {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	left: 0;
	top: 0;
}
/* */
#contact_form .contact_form_input {
	position: relative;
	width: 600px;
	height: auto;
	text-align: left;
	padding: 0 0 30px 50px;
}
#contact_form .contact_form_input input {
	line-height: 100%;
	font-size: 12px;
	border: 1px solid #CBCBCB;
	padding: 7px 5px;
	display: inline-block;
}
#contact_form .contact_form_input .tit {
	position: relative;
	display:inline-block;
	width: 210px;
	height: auto;
	font-size: 12px;
	line-height: 100%;
	padding: 5px;
}
#contact_form .contact_form_input .name {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 10px 0 0 0;
}
#contact_form .contact_form_input .name .lab_1 {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 20px;
	height: auto;
	font-size: 12px;
	line-height: 100%;
}
#contact_form .contact_form_input .name .ipt_1 {	
	width: 149px;
	height: auto;
}
#contact_form .contact_form_input .name .lab_2 {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 20px;
	height: auto;
	font-size: 12px;
	line-height: 100%;
	margin:0 0 0 16px;
}
#contact_form .contact_form_input .name .ipt_2 {
	width: 149px;
	height: auto;
}
#contact_form .contact_form_input .kana {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form .contact_form_input .kana .lab_1 {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 35px;
	height: auto;
	font-size: 11px;
	line-height: 100%;
}
#contact_form .contact_form_input .kana .ipt_1 {
	width: 134px;
	height: auto;
}
#contact_form .contact_form_input .kana .lab_2 {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 35px;
	height: auto;
	font-size: 11px;
	line-height: 100%;
	margin:0 0 0 16px;
}
#contact_form .contact_form_input .kana .ipt_2 {
	width: 134px;
	height: auto;
}
/* */
#contact_form .contact_form_input .company {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form .contact_form_input .company .ipt {
	width: 366px;
	height: auto;
}
/* */
#contact_form .contact_form_input .tel {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form .contact_form_input .tel .ipt {
	width: 366px;
	height: auto;
}
/* */
#contact_form .contact_form_input .email {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form .contact_form_input .email .ipt {
	width: 366px;
	height: auto;
}
/* */
#contact_form .contact_form_input .email_c {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form .contact_form_input .email_c .ipt {
	width: 366px;
	height: auto;
}
/* */
#contact_form .contact_form_input .text {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form .contact_form_input .text .ipt {
	position: relative;
	display: inline-block;
	width: 366px;
	height: 240px;
	overflow:auto;
	line-height: 150%;
	font-size: 12px;
	border: 1px solid #CBCBCB;
	padding: 7px 5px;
	resize: none;
	vertical-align:top;
}
/* */
#contact_form .contact_form_confirm {
	position: relative;
	width: auto;
	height: 640px;
	text-align: left;
	padding: 0 0 0 50px;
	color: #333333;
}
#contact_form .contact_form_confirm .mask {
	position: relative;
	width: auto;
	height: 520px;
	overflow:auto;
}
#contact_form .contact_form_confirm .tit {
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	padding: 0;
	width:100%;
	height:28px;
	background-color: #666666;
	margin: 20px 0 0 0;
	text-align: center;
}
#contact_form .contact_form_confirm .mes {
	font-size: 12px;
	line-height: 42px;
	text-align: center;
	color: #666666;
	width:100%;
	height:42px;
}
#contact_form .contact_form_confirm table {
	text-align: left;
	width: auto;
	height: auto;
	border: 1px solid #eeeeee;
	border-bottom: none;
}
#contact_form .contact_form_confirm table th {
	width: 1%;
	background-color: #bbbbbb;
	color: #ffffff;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 5px;
	font-size: 11px;
	line-height: 100%;
}
#contact_form .contact_form_confirm table td {
	width: auto;
	word-break: break-all;
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 2%;
	font-size: 14px;
	line-height: 100%;
}
#contact_form .contact_form_confirm table pre.confirm_val {
	width: auto;
	height: auto;
	font-size: 14px;
	line-height: 150%;
	color: #333333;
	padding: 0;
	word-break: break-all;
	white-space: -o-pre-wra;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	min-height:280px;
}
/* */
#contact_form .contact_form_btns {
	position:relative;
	width:auto;
	height:auto;
	padding:0 0 40px 270px;
	text-align:left;
}
#contact_form .contact_form_btns .btn_confirm {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
}
#contact_form .contact_form_btns .btn_return {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 10px 0 0;
}
#contact_form .contact_form_btns .btn_submit {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	margin:0;
}
#contact_form .contact_form_btns .en {
	position:relative;
	left:0;
	top:0;
	border:1px solid #cccccc;
	background-color:#dddddd;
	padding:5px 35px 5px 15px;
}
#contact_form .contact_form_btns .en .lab {
	color:#333333;
	font-size:13px;
	line-height:100%;
	letter-spacing:1px;
}
#contact_form .contact_form_btns .en .ico {
	font-family:'nm_ico';
	color:#333333;
	font-size:20px;
	line-height:100%;
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	top:50%;
	left:100%;
	transform:translate(-25px, -50%);
	-webkit-transform:translate(-25px, -50%);
}
#contact_form .contact_form_btns .ov {
	position:absolute;
	left:0;
	top:0;
	border:1px solid #999999;
	background-color:#999999;
	padding:5px 35px 5px 15px;
	opacity:0;
}
#contact_form .contact_form_btns .ov .lab {
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	letter-spacing:1px;
}
#contact_form .contact_form_btns .ov .ico {
	font-family:'nm_ico';
	color:#333333;
	font-size:20px;
	line-height:100%;
	display:block;
	position:absolute;
	top:50%;
	left:100%;
	transform:translate(-25px, -50%);
	-webkit-transform:translate(-25px, -50%);
}
#contact_form .contact_form_btns .btn_return .en {
	padding:5px 15px 5px 35px;
}
#contact_form .contact_form_btns .btn_return .ov {
	padding:5px 15px 5px 35px;
}
#contact_form .contact_form_btns .btn_return .ico {
	left:5px;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
/* */
#contact_form .contact_form_submitting {
	position: absolute;
	width: 600px;
	height: 100%;
	left: 50px;
	top: 0;
}
#contact_form .contact_form_submitting .bk {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:.8;
}
#contact_form .contact_form_submitting img {
	position: absolute;
	left: 50%;
	top: 30%;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
}
#contact_form .contact_form_submitting p {
	position: absolute;
	left: 50%;
	top: 30%;
	transform:translate(-50%, 25px);
	-webkit-transform:translate(-50%, 25px);
}
/* */
#contact_form .contact_form_end {
	position: absolute;
	width: 600px;
	height: 100%;
	left: 50px;
	top: 0;
}
#contact_form .contact_form_end p {
	position: absolute;
	width: auto;
	height: auto;
	text-align:center;
	font-size:14px;
	line-height:150%;
	padding:40px 20px;
	left: 50%;
	top: 40%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	white-space:nowrap;
}
#contact_form .contact_form_end .comp {
	color:#333333;
	border:1px solid #E8E5E4;
	background-color:#ffffff;
}
#contact_form .contact_form_end .error {
	color:#ffffff !important;
	border:1px solid #E8E5E4;
	background-color:#ffaaaa;
}

/* */
#contact_form .contact_form_alert {
	position: absolute;
	width: auto;
	height: auto;
	top:0;
	left:0;
}
#contact_form .contact_form_alert .alert {
	position: absolute;
	width:auto;
	height:0;
	overflow:visible;
	font-size:0;
	left:461px;
}
#contact_form .contact_form_alert .alert_text {
	position: absolute;
	width:auto;
	height:auto;
	background-color:#ffaaaa;
	padding:15px 10px;
	margin:0;
	border-radius:12px;
	color:#ffffff;
	line-height:150%;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	left:0;
	top:-19px;
	white-space:nowrap;
	transform:translate(-50%, -100%);
	-webkit-transform:translate(-50%, -100%);
}
#contact_form .contact_form_alert .alert_tri_wrap {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	left:-10px;
	top:-20px;
	overflow:hidden;
}
#contact_form .contact_form_alert .alert_tri {
	
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-top:20px solid #ffaaaa;
	border-right:10px solid transparent;
	border-bottom:20px solid transparent;
	border-left:10px solid transparent;
	left:0;
}
#contact_form .contact_form_alert .alert_name_1 {
	left:366px;
}
#contact_form .contact_form_alert .alert_name_2 {
	left:564px;
}
#contact_form .contact_form_alert .alert_kana_1 {
	left:366px;
}
#contact_form .contact_form_alert .alert_kana_2 {
	left:564px;
}
#contact_form .contact_form_alert .alert_kana_3 {
	left:366px;
}
#contact_form .contact_form_alert .alert_kana_4 {
	left:564px;
}