/*  Geekly - Recruitment */


html, body, main {
	height: 100%;
}
/*==============================
	TOP
===============================*/

#splash {
	background: url(../img/recruitment_main01.png) no-repeat 50% 50% #000 fixed;
	-webkit-background-size: cover;
	background-size: cover;
	height: 100%;
	position: relative;
}
#splash .logo_container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	height: 93px;
}
#splash p.logo {
	background: url(../img/recruitment_title_main.svg) no-repeat 50% 50%;
	background-size:contain;
	width: 100%;
	margin:auto;
	height: 93px;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;/*    visibility: hidden;*/
}
#splash div.btn-scroll {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:30px;
	margin:0 auto;
	left:0;
	right:0;
}



#policy-block .inner {
	padding:3% 0;
	
	background:url('../img/image_policy.png') no-repeat center;
	background-size:cover;
}


#service-block .inner {
	padding:3% 0;
	background:url('../img/image_service.png') no-repeat center;
	background-size:cover;
}
#data-block .inner {
	padding:3% 0;
	background:url('../img/image_data.png') no-repeat center;
	background-size:cover;
}
#data-block .text-area { margin-bottom:30px}
.data_graph01 img,
.data_graph02 img,
.data_graph03 img {
	max-width:100%}

#recruit-block .bg-scale:after {
	padding:3% 0;
	background:url('../img/image_recruit.png') no-repeat center top;
	background-size:cover;
}
#recruit-block .inner .text-center {
	padding:10% 0;
}
#recruit-block .inner .btn-more {
	background: url(../img/btn_more.png) no-repeat center;
    background-size: cover;
    height: 87px;
    width: 76px;
    margin: 30px auto;
	text-indent:100%;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
	
}
#recruit-block:hover .inner .btn-more {
	background: url(../img/btn_more_on.png) no-repeat center;
    background-size: cover;
    height: 87px;
    width: 76px;
    margin: 30px auto;
}



#message01-block .col-md-6 img {
	width:100%;
}

#message01-block h3.title {
	margin-bottom:50px;
}



#message02-block h3.title+p {
	margin-bottom:50px;
}

#message02-block .col-md-4 {
	text-align:center;
	padding:0 30px;
}
#message02-block .col-md-4 img {
	max-width:100%;
}
#message02-block .col-md-4 p {
	text-align:left;
}

/*`
#photoslider-block .inner {
	background:url('../img/recruitment_photoslider.png') no-repeat center bottom;
	background-size:cover;
animation-name: rotate-image;
	padding:10% 0;
}
*/

#gallery-block {
	margin-bottom:50px;
}
#gallery-block .inner {
	background:url('../img/recruitment_image_gallery.png') no-repeat center bottom;
	background-size:cover;
}
#gallery-block .inner .text-center {
	padding:15% 0;
}
#gallery-block {
	margin-bottom:50px;
}


.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
    width: 3334px;
    height: 421px;
	list-style:none;
}
.simply-scroll-list li img {
    display: block;
}


#conditions-block  {
	color:#FFFFFF;
}
#conditions-block .inner {
	padding:50px 0;
	background:url('../img/bg_conditions.png') no-repeat center top;
	background-size:cover;
}


#voice-block {
	margin-bottom:50px;
}
#voice-block .inner {
	background:url('../img/recruitment_image_voice.png') no-repeat center bottom;
	background-size:cover;
}
#voice-block .inner .text-center {
	padding:15% 0;
}
#voice-block {
	margin-bottom:50px;
}




#dailyschedule-block {
	margin-bottom:120px;
}

#dailyschedule-block img {
	width:50%;
}


#dailyschedule-block .bg-scale:after {
	background:url('../img/image_dailyschedule.png') no-repeat center bottom;
	background-size:cover;
}
#dailyschedule-block .inner .text-center {
	padding:9% 0;
}

#entry-block .container h3.s_title {
	font-size:29px;
}


/*

/* entory form */
#entry-form main { padding-top:120px;}
#entry-form main . { padding-top:120px;}
#entry-form main .message { margin-bottom:50px;}
#entry-form main .message p { text-align:center;}
#entry-form main .agree { text-align:center; font-weight:bold; margin:50px 0}
#entry-form main .agree label { font-weight:bold;}
#entry-form main input[type=submit].button_entry { line-height:normal;}
#entry-form main input[type=radio] { margin-right:5px; margin-top:0;}

/*

/* Media Query for  iPad & iPhone */
@media (max-width: 768px) {
	#splash {
		background: url(../img/recruitment_main01sp.png) no-repeat center top #000 fixed;
		height: 50%;
		background-size: contain;
	}
	#splash .logo_container {
		position: absolute;
		top: 40%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 90%;
		height: 20px;
	}
	#splash h1.logo {
		background: rgba(0, 0, 0, 0) url("image/top/logo_big.svg") no-repeat scroll 50% 50% / contain;
		height: 26px;
		margin: auto;
		overflow: hidden;
		text-align: center;
		text-indent: 200%;
		width: 170px;/* visibility: hidden; */
	}
	h2#title_product01, h2#title_product02, h2#title_product03, h2#title_product04, h2#title_product05, h2#title_concept, h2#title_store {
		height: 113px;
	}
	h2#title_product05 {
		background-size: 100% auto;
	}
	#company-block .inner .text-center img {
		width:60%;
	}
	#product .row img.ex {
		width: 100%;
	}
	#product .row {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#concept {
		position: relative;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		/*		background: url(../img/top/top_background_concept.jpg) no-repeat 0 0 #000 ;*/
				background:none;
		-webkit-background-size: cover;
	 height:;
		background-size: cover;/*    visibility: hidden;*/
			}
	#concept .container {
		line-height:150%;
	}
	#concept .container p {
		margin:2em 0;
	}
	
	/* entry form */

	#entry-form .control-label br { display:none;}
	#entry-form .form-group .col-sm-6:first-child { padding-left:0; padding-right:0;}
	#entry-form .form-group .col-sm-3 { padding-left:0; margin-bottom:15px; padding-right:0;}
	#entry-form .form-group .col-sm-3.control-label { padding:0 15px;}


}
/* Media Query for  PC */
 @media (min-width: 768px) {
	#entry-form .form-group .col-sm-6:first-child { padding-left:0; }
	#entry-form .form-group .col-sm-3:first-child { padding-left:0; }
	.form-horizontal .control-label { padding-top:0 !important;}
		 
}