@charset "UTF-8";
/* CSS Document */
html {
	font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif ;
	}
body{ 
	text-align:center;
	line-height:1.8;
	background-color:#eee;
	margin: 0 auto;
	}
p{
	font-size:0.875em;
	text-align:center;
	line-height:1.5;
	margin:0;
	padding:0;
	}
img{
	vertical-align:top;
	max-width:100%;
	}
header {
	text-align:center;
	}

footer {
	}

section{
	display:block;
	/*clear:both;*/
	margin:30px auto;
	}

#drawer-navigation{ 
	display:none;
}

/*ページ全体用*/
#wrapper {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
/*サイト用全体*/
#container {
  margin: 0 auto;
}
#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}
#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}

table{
	table-layout:fixed;
	}


/*コンテンツ*/
.main-contents {
  margin: 0 auto;
}


/* 全ページ共通 */
.sp{
	display:block;
	}
.pc{
	display:none;
	}

#container{
	width:96%;
	margin:0 auto;
	overflow:hidden;
	}

#main_container{
	width:96%;
	margin:4px auto;
	}

/*
table{
	cellspacing:0;
	bgcolor:white;
	background: url(../img/bg.png);
	background-repeat: repeat-x;
}
*/





/*SP 767px以下*/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .tb {
    display: none;
  }
  .sp {
    display: block !important;
  }
  .pcBr {
    display: none;
  }
  .spBr {
    display: block;
  }
	
	bode{
		margin: 0 auto;
	}
	
	  /*サイト用全体*/
  #container {
    position: relative;
  }

}
	

	
  /*サイト用全体*/
  #container {
    position: relative;
  }
  /*ヘッダー*/
  .header-container:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
  }
  .header-container:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
  }
	
		center{
		width: 100%;
		margin: 0 auto;
	}

	
#interview_table table{
	width:96%;
	margin:15px auto;
	background:#fff;
	border:#c4c4c4 1px solid;
	border-bottom:none;
	border-collapse:collapse;
	color:#444;
	}

#interview_table table th{
	padding:6px;
	background:#cf6;
	
	display: block;
	
	}

#interview_table table td{
	padding:6px;
	text-align:left;
	border-top:#c4c4c4 1px solid;
	border-bottom:#c4c4c4 1px solid;
	
	display: block;
	}


#form_btn a{
		display: block;
		text-decoration: none;
		width: 50%;
		background: #0084f3;
		color: #FFF;
		font-size: 1.2em;
		padding: 12px 36px;
		margin: 16px auto;
		border-radius: 10px;
		border: #0074e1 2px solid;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		text-shadow: 0px 1px 0 #0084f3;
		
	}
	#form_btn a:hover,
	#form_btn a:focus{
		color: #FFF;
		text-decoration: none;
		background: #eb7f00;
		border: #ff960d 2px solid;
		cursor: pointer;
		text-shadow: none;
	}	

	
	  /* ブロック */
  .block-section {
    width: 100%;
	  background-image: url(../img/bg.png);
	  background-size:contain;
  }

	
.bottom{
	padding-top: 7%;
}
	
}
	
/* PC & Tablet  767px以上 */
@media screen and (min-width: 767px) {
  .sp {
    display: none;
  }
  .tb {
    display: block;
  }
  .pc {
    display: block;
  }
  .spBr {
    display: none;
  }
	
	body{
		margin: 0 auto;
	}
	}

/*PC*/
@media screen and (min-width: 960px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  .pcBr {
    display: block;
  }
  .tabBr {
    display: none;
  }
  /*コンテンツ*/
  .main-contents {
    width: 960px;
  }
  /* ブロック */
  .block-section {
    width: 960px;
	 background-image: url(../img/bg.png);
  }
	
	body{
		margin: 0 auto;
	}
	
	footer {
		margin-bottom: 20px;
	}

	
	img{
		width: 960px;
	}

#interview_table table{
	width:96%;
	margin:15px auto;
	background:#fff;
	border:#666 2px solid;
	border-collapse:collapse;
	color:#444;
	
	display:table;
	}
#interview_table table th{
	padding:6px;
	border:#c4c4c4 2px solid;
	background: #cf6;
	border-right: #666 1px;
	
	display:table-cell;
	}
#interview_table table td{
	padding:6px;
	text-align:left;
	border:#c4c4c4 2px solid;
	border-left: #666 1px dotted;
	
	display:table-cell;
	}

		#interview_table{
	width: 700px;
	margin: 0 auto;
	}


	
	#form_btn a{
		display: block;
		text-decoration: none;
		width: 50%;
		background: #0084f3;
		color: #FFF;
		font-size: 1.2em;
		padding: 12px 36px;
		margin: 16px auto;
		border-radius: 10px;
		border: #0074e1 2px solid;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		text-shadow: 0px 1px 0 #0084f3;
	}
	#form_btn a:hover,
	#form_btn a:focus{
		color: #FFF;
		text-decoration: none;
		background: #eb7f00;
		border: #ff960d 2px solid;
		cursor: pointer;
		text-shadow: none;
	}	

	
	

	}