@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video{
		 margin:0;
		 padding:0;
		 border:0;
		 font:inherit;
		 font-size:15px;
		 vertical-align:baseline;
		 text-decoration:none;
		 list-style-type:none;
		 line-height:170%;
		 }
		 
.overflow{
	overflow:hidden;
	}
	
.clear{
	clear:both;
	}
	
.left{
	float:left;
	}

.right{
	float:right;
	}
	
.f90{
	font-size:90%;
	}

.mt10{
	margin-top:10px;
	}

.mt50{
	margin-top:50px;
	}

.ml15{
	margin-left:15px;
	}
	
.mr20{
	margin-right:20px;
	}
.pb70{ padding-bottom:70px;}


.w200{
	width:200px;
	}
	
.w243{
	width:243px;
	}
	
.w300{
	width:300px;
	}
	
.w350{
	width:350px;
	}
	
.center{
	text-align:center;
	}

.red{
	color:#FC595C;
	font-size:90%;
	}


/*///// 　メインビジュアル　 //////*/		 

#s01{
	background:url(../img/mainvisual.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
}

#s01 .detail{
	position:absolute;
	top:50px;
	left:50px;
	width:300px;
	padding:10px;
}

#s01 .scroll{
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-360px;
}


/*///// 　ナビゲーション　 //////*/		 
#nav{
	width:100%;
	overflow:hidden;
	font-size:17px;
	font-weight:500;
	z-index:100;
	}
	
#nav li{
	float:left;
	width:14.28%;
	text-align:center;
	}
	
.navlast{
	float:left;
	width:14.218%;
	text-align:center;
	}
	
.navin{
	padding:10px 0;
	}
	
.menu > ul > li a {
  text-decoration: none;
  color:#3A3A3A;
  }
		
.menu > ul > li a:hover {
  text-decoration: none;
  display: block;
  background: #39A2FF;
  color:#FFFFFF;
  }

.menu > ul > li.active a {
  text-decoration: none;
  display: block;
  background:#39A2FF;
  color:#FFFFFF;
}



/*///// 　メインコンテンツ　 //////*/

body{
	min-width:1000px;/*iPad対策*/
	}
	
header{
	background:#353526;
	}
	
#header_inner{
	width:1000px;
	margin:0 auto;
	padding:8px 0;
	}

#wrapper{
	min-width:1000px;
	margin:20px 0;
	}

.inner{
	width:1000px;
	margin:0px auto;
	padding:50px 0;
	}
	
.innernormal{
	width:1000px;
	margin:0px auto;
	padding:0;
	}
	

.top_warp{
	width:100%;
	background:url(../img/top_bg.jpg) no-repeat;
	margin:0px auto;
	padding:80px 0 50px;
	background-size: cover;
	position:bottom;
	}
	

.topinner{
	width:1000px;
	margin:0px auto;
	padding:50px 0 100px;
	}

.top_left{
	float:left;
	width:742px;
	}
	
.top_right{
	float:right;
	width:200px;
	text-align:center;
	border-top:4px solid #3BA3FF;
	}		
		
	
	
#staffbloc{
	width:900px;
	margin:52px auto 30px;
	}
	
#staffbloc a:hover{
	background:#474747;
	}
	
#staff01,#staff02,#staff03,#staff04{
	width:400px;
	height:205px;
	padding:125px 10px 0;
	margin-bottom:35px;

	position:relative;
	margin-right:30px;
	}
#staff01in,#staff02in,#staff03in,#staff04in{
	position:absolute;
	top:0;
	}
#staff01inbox,#staff02inbox,#staff03inbox,#staff04inbox{
	position:absolute;
	top:124px;
	left:25px;
	}

	
.comment_bg{
	margin:0 auto;
	padding:10px;
	width:370px;
	background:hsla(0,0%,100%,0.50);
	color:#000000;
	}

.parallelogram {
	background:url(../img/no_bg.png) no-repeat;
	width: 82px;
	height: 27px;
	margin:0 0 8px 0;
	text-align:center;
	font-weight:800;
}

.line_dot{
	font-weight:800;
	border-bottom:1px dotted #000000;
	}
	

.title{
	margin-bottom:20px;
	padding:0 0 10px 5px;
	font-size:23px;
	font-weight:800;
	border-bottom:4px solid #FFFFFF;
	text-align:center;
	color:#FFFFFF;
	}

.title_blue{
	margin-bottom:20px;
	padding:0 0 10px 0px;
	font-size:23px;
	font-weight:800;
	border-bottom:4px solid #3BA3FF;
	text-align:center;
	}

.work_box{
	margin:15px 0 0;
	}	

.work_box div{
	float:left;
	}
	
.work_box_middle{
	margin:0 33.5px;
	}

.companysite{
	border:1px solid #FFFFFF;
	padding:5px 10px;
	text-align:center;
	}
	
.companysite a{
	color:#FFFFFF;
	}
	
/*-----------------------
各ページ共通title
----------------------- */

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

#titlebox{
	top:320px;
	position:absolute;
	}


.titlename{
	width:127px;
	left:0;
	margin-bottom:20px;
	padding:20px 0 10px 5px;
	font-size:23px;
	font-weight:800;
	border-top:4px solid #FFFFFF;
	text-align:center;
	}
	
.titlename_blue{
	width:127px;
	left:0;
	margin-bottom:20px;
	padding:20px 0 10px 5px;
	font-size:23px;
	font-weight:800;
	border-top:4px solid #39A2FF;
	text-align:center;
	}
	
/*-----------------------
メッセージ
----------------------- */

#top_warp_message{
	width:100%;
	background:url(../img/message_bg.jpg) no-repeat;
	margin:0px auto;
	background-size: cover;
	height:333px;
	position:relative;
	}
	
#message{
	height:710px;
	background:url(../img/message_bg.png) no-repeat bottom right;
	}
	
.message_text{
	width:480px;
	}
	

#warp_message{
	height: 500px;
	background: url(../img/message_concept.jpg);
	background-size: cover;
	background-position: center center;
	overflow:hidden;
  }
  
 #warp_message img{
	 vertical-align:middle;
	 float:right;
	 }
	 
.waku{
	margin-top:-58px;
	padding-top:126px;
	}
	
.waku02{
	margin-top:46px;
	padding:42px 0 35px;
	}

	
/*-----------------------
スタッフ紹介
----------------------- */
#staff01box,#staff02box,#staff03box,#staff04box{
	width:100%;
	}

#top_warp_staff{
	width:100%;
	background:url(../img/staff_bg.jpg) no-repeat;
	margin:0px auto;
	background-size: cover;
	height:333px;
	position:relative;
	}
	
#warp_staff01,#warp_staff02,#warp_staff03{
	width:100%;
	margin:40px auto 0;
	height:420px;
	}

	
	
#warp_staff01{
	background:url(../img/staff01_bg.jpg) no-repeat;
	background-size: cover;

	}
#warp_staff02{
	background:url(../img/staff02_bg.jpg) no-repeat;
	background-size: cover;
}
#warp_staff03{
	background:url(../img/staff03_bg.jpg) no-repeat;
	background-size: cover;
}
#warp_staff04{
	background:url(../img/staff04_bg.jpg) no-repeat;
	background-size: cover;
	width:100%;
	margin:0 auto;
	height:420px;
}
	
.interview_box{
	width:500px;
	}
	
.interview_text{
	font-size:27px;
	font-weight:500;
	color:#FFFFFF;
	padding:15px 0 0 55px;
	text-shadow:1px 1px 6px #000; 
	}
	
.interview_no{
	color:#FF7F00;
	border-bottom:3px solid #FF7F00;
	width:90px;
	text-align:center;
	margin:0 auto 15px;
	text-shadow:1px 1px 6px #000; 
	}

.interview_no p{
	font-size:40px;
	}
	
.space{
	padding:50px;
	}

.topspace{
	 padding:50px 0 0 ;
	 margin-top:-50px;
	 }
.schedulebox{
	margin:20px 0 20px 0;
	padding:0 0 20px 0;
	}	
.scheduleabout{
	height:95px;
	padding:10px;
	background:hsla(0,0%,100%,0.73);
	}
.scheduletitle{
	font-size:20px;
	font-weight:800;
	}

.day{
	color:#FFFFFF;
	font-size:20px;
}

.onday,.offday{
	width:490px;
	float:left;
	}
.onoff{
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	margin-bottom:15px;
	}

/*-----------------------
仕事内容
----------------------- */

#top_warp_work{
	width:100%;
	background:url(../img/work_bg.jpg) no-repeat;
	margin:0px auto;
	background-size: cover;
	height:333px;
	position:relative;
	}


.bn_work{
	margin:40px 0 30px;
	text-align:center;
	}
		
.bn_work img{
	margin:0 5px;
	float:left;
	text-align:center;
	}

.work_list{
	margin:40px 0 30px;
	}
	
.work_list div{
	margin-left:290px;
	}

.work_list img{
	float:left;
	}



/*-----------------------
募集要項ページ
----------------------- */

#top_warp_recruit{
	width:100%;
	background:url(../img/recruit_aboutbg.jpg) no-repeat;
	margin:0px auto;
	background-size: cover;
	height:333px;
	position:relative;
	}
#top_warp_qa{
	width:100%;
	background:url(../img/recruit_qabg.jpg) no-repeat;
	margin:0px auto;
	background-size: cover;
	height:333px;
	position:relative;
	}

	
#recruit_contents01{
	width:100%;
	background-color:#39A2FF;
	background-image:url(../img/yama.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
	
	}
	
#recruit_contents01 img{
	vertical-align:bottom;
	}
	
#recruit_contents01_inner{
	width:1000px;
	margin:0 auto;
	background-image:url(../img/kumo_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#recruit_contents02{
	width:100%;
	background-color:#DDF3FF;
	padding-bottom:90px;
	}

.recruit_contents{
	width:100%;
	background-color:#DDF3FF;
	}

#recruit_contents02 p a{
	text-decoration:underline;
	color:#000000;
	}
	
.recruit_contents03{
	width:100%;
	background:url(../img/bg_recruit.jpg) repeat;
	padding-bottom:50px;
	}


.bg_fixed2 {
	background-color:#39A2FF;
	background-image:url(../img/recruit_bg.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom;
	z-index: 1;
}



.recruitinner{
	width:1000px;
	margin:-30px auto 30px;
	padding:130px 0 50px;
	}
	
.box_right{
	float:right;
	padding:50px 0 70px;
	width:768px;
	}

table {
  width: 100%;
}
table th, table td {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  border-bottom:1px solid #ddd;
}
table th {
  font-size: 18px;
  font-weight: 800;
  padding: 27px 27px 25px;
  width: 184px;
  vertical-align: top;
}
table td {
  border-width: 0 0 1px;
  padding: 26px 35px 25px;
}	

.kensyubox{
	overflow:hidden;
	margin:50px 0;
	}

.kensyuabout{
	float:left;
	width:33.333333%;
	height:369px;
	background:url(../img/kensyu_bg.png) no-repeat;
	}
	
.kensyuainner{
	overflow:hidden;
	padding:28px 20px;
	}
	
.kensyuabout img{
	margin-left:15px;
	text-align:center;
	}
	
.kensyu{
	font-weight:bold;
	font-size:18px;
	}
	
.course{
	margin:-58px 0 50px;
	padding:60px 0 0;
	}
	
.course_title{
	font-size:20px;
	font-weight:bold;
	width:347px;
	padding:0px 0 15px 0;
	margin:0 0 15px 0;
	background:url(../img/line_course.png) no-repeat bottom;
	}
	
.contactbox{
	background:url(../img/contact_bg.png) no-repeat center;
	text-align:center;
	height:235px;
	}
	
.contactbox img{
	padding:160px 0 0 0;
	}

.stepbox{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	}
	
.step{
	color:#39A0FF;
	font-weight:bold;
	font-size:20px;
	}
	
/*-----------------------
よくあるご質問ページ
----------------------- */

.qabox{
	margin:10px 0 30px;
	padding:0 0 30px;
	border-bottom:1px solid #DFDFD0;
	}
	
.qabox a{
	text-decoration:underline;
	color:#000000;
	}


.q{
	background:#39A2FF;
	padding:3px 10px;
	color:#FFFFFF;
	text-align:center;
	}
	
.a{
	background:#FF7F00;
	padding:3px 10px;
	margin:10px 0 30px;
	color:#FFFFFF;
	text-align:center;

	}
	
.indent-1{
	padding-bottom:5px;
    padding-left:1.0em;
    text-indent:-2.8em;
     }
	 
/*-----------------------
エントリーフォーム
----------------------- */
#form{
	margin-top:-50px;
	padding-top:100px;
	}

.formTable{
	margin: 5px 0 40px 0;
	width: 100%;
	border-collapse: collapse;
}


.formTable label {
  margin: 3px 0 5px 0;
  display: block;
  }


.formTable th,
.formTable td{
	padding: 12px 10px;
	border: 1px solid #CCC;
}


.formTable th{
	background: #EEE;
	text-align:left;
	width:230px;
	font-size:95%;
	font-weight:normal;
}

.formTable .more{
	background: #FBFBFB;
	text-align:center;
}

.formTable a{
	text-decoration:underline;
	color:#780019;
	}


.form_text{
    border-left:4px solid #570001;
	border-bottom:1px solid #D5D5D5;
	font-weight:bold;
	padding:0 5px 3px 10px;
	margin:10px 0 30px 0;	
	}

.contactbox{
	text-align:center;
	margin:15px 0;
	}
/*-----------------------
footer
----------------------- */

#footer{
	width:100%;
	background:url(../img/footer_bg.png) repeat;
	background-repeat:repeat;
	overflow:hidden;
	}
	
#footer_in{
	width:1000px;
	margin:0 auto;
	padding:20px 0 15px 0px;
	font-size:90%;
	color:#DDDDDD;
	overflow:hidden;
	}
	
#footer_left{
	float:left;
	width:600px;
	}
	
#footer_right{
	float:right;
	overflow:hidden;
}

#footer_right ul{
	overflow:hidden;
	padding-top:8px;
	}

#footer_right li{
	border-right:1px solid #888888;
	padding:0 5px;
		}
		
	
#copy_in{
	margin:0 auto;
	padding:13px 0 0px 0;
	color:#DDDDDD;
	font-size:80%;
	text-align:center;
	}