/** contact_form_sp.css **/


#contact_form_sp {
	width: 100%;
	height: auto;
	position: relative;
	overflow-x:hidden;
}
/*#contact_form_sp #contact_form_wrap {
	width: 100%;
	height: auto;
	position: relative;
	color: #333333;
}*/
/* */
#contact_form_sp .partition {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	left: 0;
	top: 0;
}
/* */
#contact_form_sp .contact_form_input {
	position: relative;
	width: 90%;
	height: auto;
	text-align: left;
	padding: 0 5% 35px 5%;
}
#contact_form_sp .contact_form_input input {
	line-height: 100%;
	font-size: 14px;
	border: 1px solid #CBCBCB;
	-webkit-appearance: none;
	padding: 4px 2%;
}
/* */
#contact_form_sp .contact_form_input .name {
	position: relative;
	width: 100%;
	height: 70px;
	font-size: 0;
	padding:0;
}
#contact_form_sp .contact_form_input .name .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 5px 0 0 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .name .lab_1 {
	position: absolute;
	display: block;
	text-align: center;
	width: 10%;
	height: 20px;
	font-size: 12px;
	line-height: 100%;
	left:0;
	top:35px;
}
#contact_form_sp .contact_form_input .name .ipt_1 {
	position: absolute;
	display: block;
	width: 35%;
	height: auto;
	left:10%;
	top:25px;
}
#contact_form_sp .contact_form_input .name .lab_2 {
	position: absolute;
	display: block;
	text-align: center;
	width: 10%;
	height: 20px;
	font-size: 12px;
	line-height: 100%;
	left:50%;
	top:35px;
}
#contact_form_sp .contact_form_input .name .ipt_2 {
	position: absolute;
	display: block;
	width: 35%;
	height: auto;
	left:60%;
	top:25px;
}
/* */
#contact_form_sp .contact_form_input .kana {
	position: relative;
	width: 100%;
	height: 70px;
	font-size: 0;
	padding:0;
}
#contact_form_sp .contact_form_input .kana .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 5px 0 0 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .kana .lab_1 {
	position: absolute;
	display: block;
	text-align: center;
	width: 10%;
	height: 20px;
	font-size: 10px;
	line-height: 100%;
	left:0;
	top:35px;
}
#contact_form_sp .contact_form_input .kana .ipt_1 {
	position: absolute;
	display: block;
	width: 35%;
	height: auto;
	left:10%;
	top:25px;
	
}
#contact_form_sp .contact_form_input .kana .lab_2 {
	position: absolute;
	display: block;
	text-align: center;
	width: 10%;
	height: 20px;
	font-size: 10px;
	line-height: 100%;
	left:50%;
	top:35px;
}
#contact_form_sp .contact_form_input .kana .ipt_2 {
	position: absolute;
	display: block;
	width: 35%;
	height: auto;
	left:60%;
	top:25px;
}
/* */
#contact_form_sp .contact_form_input .company {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 10px 0 0 0;
}
#contact_form_sp .contact_form_input .company .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .company .ipt {
	position: relative;
	width: 96%;
	height: auto;
}
/* */
#contact_form_sp .contact_form_input .tel {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 20px 0 0 0;
}
#contact_form_sp .contact_form_input .tel .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .tel .ipt {
	position: relative;
	width: 96%;
	height: auto;
}
/* */
#contact_form_sp .contact_form_input .email {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form_sp .contact_form_input .email .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .email .ipt {
	position: relative;
	width: 96%;
	height: auto;
}
/* */
#contact_form_sp .contact_form_input .email_c {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 10px 0 0 0;
}
#contact_form_sp .contact_form_input .email_c .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .email_c .ipt {
	position: relative;
	width: 96%;
	height: auto;
}
/* */
#contact_form_sp .contact_form_input .text {
	position: relative;
	width: 100%;
	height: auto;
	font-size: 0;
	padding: 30px 0 0 0;
}
#contact_form_sp .contact_form_input .text .tit {
	position: relative;
	width: auto;
	height: auto;
	font-size: 13px;
	line-height: 100%;
	padding: 10px 0;
	font-weight: bold;
}
#contact_form_sp .contact_form_input .text .ipt {
	position: relative;
	width: 96%;
	height: 240px;
	overflow:auto;
	line-height: 150%;
	font-size: 14px;
	border: 1px solid #CBCBCB;
	-webkit-appearance: none;
	padding: 4px 2%;
	resize: none; 
}
/* */
#contact_form_sp .contact_form_confirm {
	position: relative;
	width: 90%;
	height: 100%;
	text-align: left;
	padding: 0 5% 50px 5%;
	color: #333333;
}
#contact_form_sp .contact_form_confirm .tit {
	font-size: 14px;
	line-height: 100%;
	color: #ffffff;
	padding: 7px 2%;
	background-color: #666666;
	margin: 20px 0 0 0;
	text-align: center;
}
#contact_form_sp .contact_form_confirm .mes {
	font-size: 12px;
	line-height: 100%;
	padding: 15px 0;
	text-align: center;
	color: #666666;
}
#contact_form_sp .contact_form_confirm table {
	text-align: left;
	width: 100%;
	height: auto;
	border: 1px solid #eeeeee;
	border-bottom: none;
}
#contact_form_sp .contact_form_confirm table th {
	width: 10%;
	background-color: #bbbbbb;
	color: #ffffff;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 2%;
	font-size: 11px;
	line-height: 100%;
}
#contact_form_sp .contact_form_confirm table td {
	width: 90%;
	word-break: break-all;
	vertical-align: top;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 2%;
	font-size: 14px;
	line-height: 100%;
}
#contact_form_sp .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:200px;
}
/* */
#contact_form_sp .contact_form_btns {
	position:relative;
	width:100%;
	height:auto;
	padding:0 0 40px 0;
	text-align:center;
}
#contact_form_sp .contact_form_btns .btn_confirm {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
}
#contact_form_sp .contact_form_btns .btn_return {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 5px;
}
#contact_form_sp .contact_form_btns .btn_submit {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 5px;
}
#contact_form_sp .contact_form_btns .en {
	position:relative;
	left:0;
	top:0;
	border:1px solid #cccccc;
	background-color:#dddddd;
	padding:5px 35px 5px 15px;
}
#contact_form_sp .contact_form_btns .en .lab {
	color:#333333;
	font-size:13px;
	line-height:100%;
	letter-spacing:1px;
}
#contact_form_sp .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_sp .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_sp .contact_form_btns .ov .lab {
	color:#ffffff;
	font-size:13px;
	line-height:100%;
	letter-spacing:1px;
}
#contact_form_sp .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_sp .contact_form_btns .btn_return .en {
	padding:5px 15px 5px 35px;
}
#contact_form_sp .contact_form_btns .btn_return .ov {
	padding:5px 15px 5px 35px;
}
#contact_form_sp .contact_form_btns .btn_return .ico {
	left:5px;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}
/* */
#contact_form_sp .contact_form_submitting {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#contact_form_sp .contact_form_submitting .bk {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:.8;
}
#contact_form_sp .contact_form_submitting img {
	position: absolute;
	left: 50%;
	top: 150px;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
}
#contact_form_sp .contact_form_submitting p {
	position: absolute;
	left: 50%;
	top: 150px;
	transform:translate(-50%, 25px);
	-webkit-transform:translate(-50%, 25px);
}
/* */
#contact_form_sp .contact_form_end {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#contact_form_sp .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: 170px;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	white-space:nowrap;
}
#contact_form_sp .contact_form_end .comp {
	color:#333333;
	border:1px solid #E8E5E4;
	background-color:#ffffff;
}
#contact_form_sp .contact_form_end .error {
	color:#ffffff;
	border:1px solid #E8E5E4;
	background-color:#ffaaaa;
}

/* */
#contact_form_sp .contact_form_alert {
	position: absolute;
	width: 90%;
	height: auto;
	left: 5%;
	top: 0;
}
#contact_form_sp .contact_form_alert .alert {
	position: absolute;
	width:100%;
	height:auto;
	overflow:visible;
}
#contact_form_sp .contact_form_alert .alert_text {
	position: relative;
	width:90%;
	height:auto;
	background-color:#ffaaaa;
	padding:15px 0;
	margin:0 5%;
	border-radius:12px;
	color:#ffffff;
	line-height:150%;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	left:0;
	top:19px;
}
#contact_form_sp .contact_form_alert .alert_tri_wrap {
	position:absolute;
	display:block;
	width:100%;
	height:20px;
	overflow:hidden;

}
#contact_form_sp .contact_form_alert .alert_tri {
	
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-bottom:20px solid #ffaaaa;
	border-right:10px solid transparent;
	border-top:20px solid transparent;
	border-left:10px solid transparent;
	top:-20px;
}
#contact_form_sp .contact_form_alert .alert_l {
	left:0;
}
#contact_form_sp .contact_form_alert .alert_l .alert_tri {
	left:27%;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
}
#contact_form_sp .contact_form_alert .alert_r {
	left:0;
}
#contact_form_sp .contact_form_alert .alert_r .alert_tri {
	left:77%;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
}
#contact_form_sp .contact_form_alert .alert_c {
	left:0;
}
#contact_form_sp .contact_form_alert .alert_c .alert_tri {
	left:50%;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
}