/* LESS Document */

/*-----------------------------------------------------------
col
------------------------------------------------------------*/
#wrap,#wrapper	{height:100%;}
.wrap{
	width:100%;
	height:auto;
}
.inner{
	clear:both;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
main{
	
	article{
		clear:both;
		height:auto;
		overflow:hidden;
		margin-bottom:100px;
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
global
------------------------------------------------------------*/
/* title */
h1{
	color:#999999;
	font-size:10px;
	margin-top:10px;
}
h2{
	font-size:36px;
	font-weight:bold;
	margin-bottom:10px;
}
h3{
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}
h4{
	font-size:20px;
	margin-bottom:10px;
}
strong{
	color:#aacd03;
}

.center-line{
	text-align: center;
	position: relative;
	margin-bottom:50px;
}
.center-line::after {
	position: absolute;
	content: '';
	left: 45%;
	bottom: -10px;
	width: 10%;
	border-bottom:1px #dddddd solid;
}

.under-line{
	position: relative;
	border-bottom: 2px solid #f5f5f5;
}
.under-line::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 20%;
	border-bottom: 2px solid #004da1;
}

/* box */
.box-wrap{
	background:#004da1;
	
	.box{
		color:#ffffff;
		padding:40px;
	}
}

/* table */
table{
	width:100%;
	
	tr{
		width:100%;
		
		th{
			padding:15px;
			width:200px;
			text-align:left;
			font-weight:normal;
			vertical-align:middle;
			background:#f5f5f5;
			box-sizing:border-box;
			border:1px #ddd solid;
		}
		td{
			padding:15px;
			vertical-align:middle;
			box-sizing:border-box;
			border:1px #ddd solid;
			background:#fff;
		}
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
header
------------------------------------------------------------*/
header{
	width:100%;
	overflow:hidden;
	border-bottom:1px #004da1 solid;
	
	#logo{
		margin-top:40px;
		margin-bottom:30px;
	}
	
	#global-nav{
		clear:both;
		
		ul{
			
			li{
				float:left;
				width:120px;
				font-size:15px;
				margin:0 5px;
				
				a{
					color:#333;
					display:block;
					padding:10px 0;
					text-align:center;
					text-decoration:none;
					
					&:hover{
						background:#f9f9f9;
						-webkit-transition: all 0.2s;
						-moz-transition: all 0.2s;
						-ms-transition: all 0.2s;
						-o-transition: all 0.2s;
						transition: all 0.2s;
					}
				}
			}
		}
	}
}

#top-image{
	width:1280px;
	margin:20px auto 10px auto;
	text-align:center;
	overflow:hidden;
}

#bcn{
	width:960px;
	color:#999999;
	margin:10px auto 50px auto;
	font-size:14px;
	
	a{
		text-decoration:none;
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
index
------------------------------------------------------------*/
#index{
	
	#index-top-image{
		width:100%;
		height:auto;
		padding:20px 0;
		overflow:hidden;
		background:#004da1;
	}
	
	#index-copy-wrap{
		width:100%;
		height:700px;
		overflow:hidden;
		background: url(http://gakushinkan.co.jp/recruit/images/index-copy-bg.png) 50% 50% no-repeat;
		
		#index-copy{
			text-align:center;
			margin-top:250px;
		}
	}
	
	#index-message{
		position:relative;
		top:-40px;
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
page
------------------------------------------------------------*/
#overview-message-wrap{
	width:100%;
	background: url(http://gakushinkan.co.jp/recruit/images/overview-copy2-bg.jpg) 50% 0 no-repeat;
	
	#overview-message{
		width:960px;
		height:auto;
		font-size:18px;
		text-align:center;
		margin:260px auto 0 auto;
		background-color:rgba(255,255,255,0.5);
	}
}

#guide,
#company{
	
	table{
		
		th{
			color:#ffffff;
			background:#004da1;
		}
	}
}

#interview{
	
	section{
		clear:both;
		overflow:hidden;
		margin-bottom:50px;
	}
	
	.message-wrap{
		width:100%;
		height:400px;
		
		#message-box{
			width:480px;
			margin-top:100px;
		}
	}
	
	#umehara{
		background: url(http://gakushinkan.co.jp/recruit/images/interview1-message-bg.jpg) 50% 0 no-repeat;
	}
	
	#satou{
		background: url(http://gakushinkan.co.jp/recruit/images/interview2-message-bg.jpg) 50% 0 no-repeat;
	}
}

#sitemap{
		
	.page_item{
		border-bottom:1px #dddddd solid;
		
		a{
			display:block;
			padding:10px;
		}
		
		.children{
			padding-left:20px;
			border-top:1px #dddddd solid;
		}
	}
	
	.page_item_has_children{
		border-bottom:0 !important;
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
form
------------------------------------------------------------*/
#contact{
	
	table{
	
		th{
			background:#f9f9f9;
			padding:20px 10px;
			width:200px;
		
			img{
				position:relative;
				top:-4px;
				margin-left:5px;
			}
		}
		
		td{
			padding:20px 10px;
		}
	}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="number"],
	input[type="tel"],
	select,
	textarea{
		padding:10px 5px;
		border:2px #ddd solid;
		box-sizing:border-box;
		border-radius:4px;
		-webkit-appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		appearance:none;
	}
	
	input[type="password"]{
		padding:10px 5px;
		border:2px #ddd solid;
		box-sizing:border-box;
		border-radius:4px;
		-webkit-appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		appearance:none;
	}
	
	input[type="submit"]{
		width:320px;
		color:#fff;
		padding:10px;
		font-size:24px;
		border-radius:4px;
		background:#FF6E00;
		-webkit-appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		appearance:none;
		
		&:hover{
			background:#FF2700;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-ms-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
		}
	}
	
	.formError {
		font-size:12px;
		color:#f00;
	}
	
	#privacy{
		margin-top:20px;
		padding:20px;
		border:1px #ddd solid;
		box-sizing:border-box;
		background:#ffffff;
		
		.roll{
			width:880px;
			font-size:14px;
			height:240px;
			padding:20px;
			margin:20px;
			overflow:scroll;
			border:1px #ddd solid;
			box-sizing:border-box;
		}
	}
}
	
#contact-bt{
	width:100%;
	text-align:center;
	background:#333333;
	border-radius:35px;

	&:hover{
		background:#000000;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
	}
	
	a{
		font-size:32px;
		color:#ffffff;
		display: block;
		padding: 10px 0;
		text-decoration:none;
		
		span{
			display:block;
			font-size:18px;
		}
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
footer
------------------------------------------------------------*/
footer{
	width:100%;
	
	#footer-nav{
		width:100%;
		padding:10px 0;
		background:#eeeeee;
		
		ul{
			
			li{
				float:left;
				width:137px;
				border-left:1px #dddddd solid;
				box-sizing:border-box;
				
				&:last-child{
					border-right:1px #dddddd solid;
				}
				
				a{
					color:#004da1;
					padding:5px 0;
					display:block;
					font-size:14px;
					text-align:center;
					
					&:hover{
						background:#dddddd;
						text-decoration:none;
					}
				}
			}
		}
	}
	
	#footer-info{
		padding:20px 0;
		
		#footer-logo{
			margin-bottom:5px;
			
			address{
				color:#004da1;
				font-size:10px;
			}
		}
		
		#footer-link{
			
			li{
				float:left;
				font-size:12px;
				
				&:first-child{
					margin-right:20px;
				}
				
				a{
					color:#004da1;
				}
				img{
					position:relative;
					top:-4px;
					margin-right:5px;
				}
			}
		}
	}
}

#page-top{
	z-index:100;
	position: fixed;
	bottom: 0;
	right: 30px;
	font-size: 14px;
	
	a{
		color: #fff;
		width: 80px;
		display: block;
		padding: 15px 0;
		text-align: center;
		border-radius: 5px 5px 0 0;
		background: #004ea2;
		
		&:hover{
			background:#ff8c00;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-ms-transition: all 0.2s;
			-o-transition: all 0.2s;
			transition: all 0.2s;
		}
	}
}
/*----------------------------------------------------------*/