/*===============================================
　　　　　　　　　form共通
===============================================*/


.ov{
	background-image:url("/jobs/img/imgMain.jpg") ;
	background-color:#6BB6BB;
	}
	
	#secMainArea{
	background-color:transparent;
	}


.contForm {
	padding:64px;
}

.guide{
	line-height:2;
	padding-bottom:40px;
	}
	
	.guide span{
		color:#cb5393;
}

.jobName{
	font-size:157%;
}
	
	.input_flame{
	}
	
	.input_row{
		display:table;
	}

	.input_row:nth-of-type(7){
			margin-top:45px;
	}

	
	.input_label{
		display:table-cell;
		width:314px;
		padding:20px 0 19px;
		vertical-align:top;
		font-weight:bold;
	}
	
	.input_label span:after{
		content:"";
		display:inline-block;
		width:10px;
		height:10px;
		border-radius:5px;
		background:#cb5393;
		margin-left:5px;
	}
	
	.input_label span#tel_label:after,
	.input_label span#career_label:after,
	.input_label span#capacity_label:after,
	.input_label span#free_entry_label:after,
	.input_label span#interview2_label:after
	{
		display:none;
	}

	
	.required{
		display:none;
	}
	
	.select_item{
		overflow:hidden;
		}

	.select_item li{
		float:left;
		margin-right:16px;
		}
		
	.select_item li:first-child{
		margin-right:16px;
		}

		
	.input_item{
		display:table-cell;
		width:558px;
		padding-top:3px;		vertical-align:middle;
	}
	
		.input_item:after{
			content:"";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}
	
	input[type="text"],
	input[type="email"],
	input[type="tel"]{
		border:none;
		border-bottom:1px solid #d9d9d9;
		padding:19px 0 19px 5px;
	}

	
	.input_consent{
		padding:48px 0 26px;
		text-align: center;
	}
	
	.input_consent .txarea{
		height:200px;
		overflow:auto;
		margin-bottom:26px;
		border:1px solid #d9d9d9;
		text-align:left;
		}
	
	.first{}
	
	.second{}
	
	.bot{}

	#name_kangi_label1,
	#name_kangi_label2,
	#name_kana_label1,
	#name_kana_label2{
		margin-right:8px;
    display: block;
    float: left;
    width: 40px;
    text-align: center;
    padding: 18px 0;		
	}
	
	#name_kangi_item0,
	#name_kangi_item1,
	#name_kana_item0,
	#name_kana_item1{
		float:left;
		width:230px;
	}

	
	#tel_item0,
	#tel_item1,
	#tel_item2{
		width:100px;
		text-align:center;
	}
	
	#tel_label2,
	#tel_label3{
		display:inline-block;
		width:16px;
		text-align:center;
	}
	
	#explantion_tel{
		margin-left:16px;
	}
	
	#mailaddress,
	#mailaddress_confirm{
		width:100%;
	}
	.contForm #content{
	}


	input:focus,
	textarea:focus{
		outline:2px solid #cb5393;
	}
	
	input[type="radio"]:focus,
	input[type="checkbox"]:focus,
	input[type="button"]:focus,
	input[type="submit"]:focus,
	input[type="image"]:focus,
	input[type="reset"]:focus,
	select:focus{
		outline:none;
	}

	textarea{
		width:558px;
		height:200px;
		resize:none;
		overflow:auto;
		border:1px solid #e4e4e4;
		background:transparent;
		padding-left:5px;
	}

	.contForm #content{
		background:transparent;
	}
	

	.input_btn{
		text-align:center;
	}
	
	.input_btn .btn ,
	.input_btn .btnGray
	{
		border:none;
		display:inline-block;
		width:180px;
		padding: 0;
	}
	
	.input_btn .btn{
		margin-right:36px;
	}
	
	.error_item{
		color:#cb5393;
		font-weight:bold;
	}
	
	
	label[for="office"] select,
	label[for="situation"] select{
	width:134px
}

label[for="office"]:before,
label[for="situation"]:before{
		top:-1px ;
		left:110px;
}

label[for="office"]:after,
label[for="situation"]:after{
		top:6px ;
		left:116px;		
}

/*===============================================
　　　　　　　　	confirm
===============================================*/
	
	#confirm_frame{
		padding:24px 0 48px;
	}

	.confirm_row{
		display:table;
	}
	
	.confirm_label{
		dispaly:table-cell;
		width:294px;
		vertical-align:top;
		padding:24px;
		font-weight:bold;
	}
	
	.confirm_item{
		display:table-cell;
		width:578px;
		padding:24px;
		word-break:break-all;
	}

	/*===============================================
　　　　　　　　　complete
===============================================*/

.complete p{
	text-align:center;
	font-size:161%;
	padding-bottom:64px;
}

	/*===============================================
　　　　　　　　　error
===============================================*/

.error p{
	text-align:center;
	font-size:161%;
	padding-bottom:64px;
}

/*===============================================
　　　　　　　　　current
===============================================*/


#current{
	width:1000px;
	margin: 0 auto;
}

#current ul.fn_current {
	margin-bottom: 18px;
}

#current ul.fn_current li {
	width:226px;
	background:#fff;
	/* box-shadow */
	box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	-webkit-box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
	-moz-box-shadow:rgba(209, 209, 209, 0.5) 0px 0px 5px 1px;
  margin:0 32px 32px 0;
  float:left;
  position: relative;
 	z-index:2;
}

#current ul.fn_current li.current:after,
#current ul.fn_current li:hover:after {
	display:block;
	content: "";
	height:7px;
	width:226px;
	background: #cb5393;
	position:absolute;
	bottom:0;
}

#current ul.fn_current li a {
	  padding:156px 30px 30px 30px;
		display:block;
}


#current ul.fn_current li:nth-of-type(4n) {
	margin-right: 0;
}

#current ul.fn_current li h2 {
	font-size:135%;
	line-height:1.2;
	text-align:center;
	color:#cb5393;
	font-weight:bold;
}

#current ul.fn_current li h2 a {
}

#current ul.fn_current li h2 span{
	font-size:77%;
	display:block;
	padding-top:8px;
	color:#ccc;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}