@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
/*
Theme Name: フロムワン コーポレートサイト
Author: フロムワン
*/
body {
	font-family: 'Lato',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	background:#000;
	line-height:1.6;
	font-size: 16px;
	text-align: center;
	height:100%;
}
a {
	color: #000;
	text-decoration: none;
}
.fL { float:left; }
.fR { float:right; }
.tC { text-align: center; }
.tP { text-align: left; }
.tR { text-align: right; }
/* ヘッダー */
header {
}
header div#logo {
	background: #fff;
	padding:25px 0 ;
}
.button-toggle {
	display:none;
}
header nav {
	border-top:1px solid #ccccd0;
	height: 58px;
	background: #fff;
	line-height:1;
}
header nav ul {
	width: 1000px;
	margin: auto;
	font-size: 0;
}
header nav ul li {
	display: inline-block;
	width: 14.285%;
	height: 58px;
	line-height: 58px;
	font-size: 16px;
}
header nav ul li.current {
	background: url(../img/menu_current.png) no-repeat center 54px;
}
header nav ul li.home {

}
header nav ul a:hover li.home {

}
header nav ul li a {
	display: block;
	color: #333;
}
header nav ul li:hover {
	background: url(../img/menu_hover.png) no-repeat center 54px;
	color: #000;
}
change{
   font-size: 12px;
   position: absolute;
   top: 0;
   right: 20px;
   background: #eeeef3  ;
   padding: 10px;
   border-radius: 0 0 4px 4px;
}
@media screen and (max-width: 480px){
	.change {
		display:none;
	}
}
/* 英語版ナビ */
header nav.english ul li {
	width: auto;
	padding: 0 35px;
}
header nav.english ul li.home {
	width: 50px !important;
	padding: 0 !important;
	background:  url(../img/menu_home.png) no-repeat;
	text-indent: -10000px;
}
@media only screen and (max-width : 1000px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
	}
	header div#logo {
		padding:10px 0 5px;
		border-bottom: 3px solid #000;
	}
	header div#logo img {
		height: 30px;
	}
	.button-toggle {
		display:block;
		position:absolute;
		right: 10px;
		top:0px;
		width:50px;
		height:55px;
		background:  url(../img/icn_menu.png) no-repeat 50% 5px;
		background-size: 50px;
		text-indent:-10000px;
		cursor:pointer;
	}
	header nav {
		border-top:none;
		background: none;
	}
	#naviSlide {
		display:none;
		color:white;
		position:relative;
		height:100%;
		border-bottom: 3px solid #000;
	}
	header nav ul {
		width: 100%;
		margin: auto;
		display: block;
		background: #fff;
	}
	header nav ul li {
		background: #fff;
		display: block;
		float: left;
		width: 50%;
		height: 40px;
		line-height: 40px;
		font-size: small;
	}
	header nav ul li.current a,header nav ul li a:hover {
		background: #000;
		color: white;
	}
	header nav ul li.home {
		display:none;
	}
	span.close {
		background: #000 url(../img/icn_menuclose.png) no-repeat 50% 5px;
		background-size: 50px;
		width: 50px;
		height: 55px;
		display: block;
		position: absolute;
		right: 10px;
		top:-55px;
		z-index: 5000;
	}
	/* 英語版ナビ */
	header nav.english ul li {
		width: 50%;
		padding: 0;
	}
	}
/* メイン */
#wrapper {
	max-width: 1000px;
	padding: 40px 0;
	margin: auto;
	text-align: left;
	min-height:800px;
}
@media only screen and (max-width : 1000px) {
		#wrapper {
			padding:70px 10px 10px;
		}
	}
	/* ページ見出し */
	h1.pageTitle {
		font-size: 36px;
		line-height: 1.3;
		border-bottom: 1px ridge #999;
		padding-bottom: 15px;
		color:#ddd;
	}
	h1.pageTitle span.sub {
		font-size: 20px;
		color: #666;
		display: block;
	}
	@media only screen and (max-width : 1000px) {
		h1.pageTitle {
			font-size: 24px;
		}
		h1.pageTitle span.sub {
			font-size:16px;
		}
	}

/* TOP */

#topImg {
	margin: -30px 0 15px;
	height: auto;
}
.topBlockL {
	width: 50%;
	box-sizing:border-box;
	float:left;
}
.topBlockR {
	width: 49%;
	box-sizing:border-box;
	float:right;
}
#topNews {
	background: #fff;
	padding: 15px;
	height: 630px;
	overflow:hidden;
}
#topNewsEn {
	background: #fff;
	padding: 15px;
	height: 515px;
	overflow:hidden;
}
#topNews h2 {
	border-bottom: 1px solid #ccccd2;
	color: #000;
	font-size: 24px;
	line-height: 40px;
}
#topNewsEn h2 {
	border-bottom: 1px solid #ccccd2;
	color: #000;
	font-size: 24px;
	line-height: 40px;
}
#topNews h2 span {
	display:inline-block;
	width: 200px;
	border-right: 1px dotted #ccccd2;
}
#topNewsEn h2 span {
	display:inline-block;
	width: 200px;
	border-right: 1px dotted #ccccd2;
}
#topNews h2 div {
	display:inline-block;
	width: 255px;
	font-size:12px;
	text-align:right;
}
#topNewsEn h2 div {
	display:inline-block;
	width: 255px;
	font-size:12px;
	text-align:right;
}
#topNews h2 div a {
	color:#333;
	background: #eeeef3;
	padding: 5px 10px;
	/* border-radius: 4px; */
}
#topNewsEn h2 div a {
	color:#333;
	background: #eeeef3;
	padding: 5px 10px;
	/* border-radius: 4px; */
}
#topNews ul {
	padding:10px 0;
	font-size:13px;
	overflow: scroll;
	height:540px;
}
#topNewsEn ul {
	padding:10px 0;
	font-size:13px;
	overflow: scroll;
	height:540px;
}
#topNews ul li {
	padding:10px 0 10px 15px;
	clear:both;
}
#topNewsEn ul li {
	padding:10px 0 10px 15px;
	clear:both;
}
#topNews ul li:before {
	content: "»";
	display:block;
	width:15px;
	margin-left: -15px;
	font-weight: 600;
	float:left;
	color: #000;
	font-size:18px;
	line-height:18px;
}
#topNewsEn ul li:before {
	content: "»";
	display:block;
	width:15px;
	margin-left: -15px;
	font-weight: 600;
	float:left;
	color: #000;
	font-size:18px;
	line-height:18px;
}
#topNews ul li span.date {
	display: block;
	color: #000;
	font-weight: bold;
}
#topNewsEn ul li span.date {
	display: block;
	color: #000;
	font-weight: bold;
}
#topNews ul li a {
	display: block;
	color: #333;
}
#topNewsEn ul li a {
	display: block;
	color: #333;
}
#topNews ul li a:hover {
	text-decoration: underline;
}
#topNewsEn ul li a:hover {
	text-decoration: underline;
}
.topSub {
	width: 240px;
	height: 250px;
	background: white;
	margin-bottom: 10px;
	/*box-sizing: border-box;
	overflow: hidden;*/
}
.topSub2 {
	width: 490px;
	height:135px;
	background: white;
	margin-bottom: 10px;
	/*box-sizing: border-box;
	overflow: hidden;*/
}
.topSub p {
	padding: 5px 10px;
	font-size: 14px;
	color: #333;
}
.topSub2 p {
	padding: 5px 10px 10px;
	font-size: 14px;
	color: #333;
	margin-top: 0;
}
.topSub a {
	display: block;
	/*position: relative;*/
	height: 250px;
	box-sizing: border-box;
}
.topSub2 a {
	display: block;
	/*position: relative;*/
	height: 135px;
	box-sizing: border-box;
}
.topSub a:hover,
.topSub2 a:hover {
	border: 3px solid #000;
	overflow:hidden;
}
.topSubImg_en{
	float: left;
	width: auto;
	height: 135px;
}
.topSubImg img,
.topSubImg_en img {
	height: 100%;
}
.topSubTxt2 {
	float: right;
	width: 260px;
}
.topSub a:hover .topSubImg {
	height: 135px;
	width: 234px;
	/*overflow: hidden;*/
	/*margin: 0 0 3px;*/
}
.topSub2 a:hover .topSubImg_en {
	height: 135px;
	width: 204px;
	/*overflow: hidden;*/
	/*margin: 0 0 3px;*/
}
.topSub a:hover .topSubImg img,
.topSub2 a:hover .topSubImg_en img {
	margin: -3px -3px 0;
}
.topSub a:hover .topSubTxt {
	margin: 3px 0 0 -3px;
}
.topSub2 a:hover .topSubTxt2 {
	margin: -3px -3px 0 0;
}
.topSub h3 {
	padding: 5px 10px 0;
	font-weight: bold;
}
.topSub2 h3 {
	color: #000;
	font-size: 20px;
	padding: 5px 10px;
	font-weight: normal;
}
.topMap {
	clear: both;
	background: #fff;
	height: 400px;
}
.topMap h3 {
	padding: 5px 10px;
	color: #000;
	font-size: 20px;
}
.topMap iframe {
	width: 100%;
	height: 250px;
	overflow: hidden;
}
.topMap p {
	padding: 5px 10px 10px;
	font-size: 14px;
	color: #333;
	margin-top: 0;
}
@media only screen and (max-width : 1000px) {
	#topImg {
		width: 100%;
		height: auto;
		margin: -5px 0 0;
	}
	#topImg img {
		width: 100%;
		height: auto;
	}
	.topBlockL,.topBlockR {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	#topNews h2 div,#topNews h2 span {
		width: auto;
		border-right: none;
		margin-right: 10px;
		line-height: 1.8;
	}
	#topNewsEn h2 div,#topNewsEn h2 span {
		width: auto;
		border-right: none;
		margin-right: 10px;
		line-height: 1.8;
	}
	#topNews,#topNews ul {
		overflow: visible;
		height: auto;
	}
	#topNews ul {
		overflow: scroll;
		height: 250px;
	}
	#topNewsEn,#topNewsEn ul {
		overflow: visible;
		height: auto;
	}
	.topSub {
		width: 49%;
		height: auto;
	}
	.topSub2 {
		width: 100%;
		height: auto;
	}
	.topSub p {
		font-size: small;
		padding-bottom: 10px;
	}
	.topSub2 p {
		padding: 5px 10px 10px;
		font-size: 14px;
		color: #333;
		margin-top: 0;
	}
	.topSub2 a {
		display: block;
		position: relative;
		height: 250px;
		box-sizing: border-box;
	}
	.topSub a:hover .topSubImg {
		height: auto;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0;
		width: auto;
	}
	.topSub2 a:hover .topSubImg_en {
		height: 135px;
		width: auto;
		overflow: hidden;
		margin: 0;
		box-sizing: border-box;
	}
	.topSubImg img {
		float: none;
		width: 100%;
	}
	.topSubImg_en{
		float: none;
	}
	.topSubImg .topSubImg_en img {
		width:100%;
		float: none;
	}
	.topSubImg_en img {
		width:100%;
		float: none;
	}
	.topSubTxt{
		float: none;
	}
	.topSub a:hover .topSubImg img {
		margin:0;
		width:100%;
	}
	.topSub2 a:hover .topSubImg_en img {
		margin:0;
		width:100%;
	}
	.topSub h3 {
	    font-weight: bold;
	    padding: 5px 10px 0;
	}
	.topSub2 h3 {
		color: #000;
		font-size: 20px;
		padding: 5px 10px;
		font-weight:normal;
	}
	.topMap {
		height:auto;
		font-size: 14px;
	}
	}
/* 企業理念 */
.pageBlock {
	margin: 30px 0;
	min-height: 340px;
	padding:30px;
	box-sizing: border-box;
	background: #fff;
	/* border-radius: 4px; */
}
.pageBlock iframe {
	width:100%;
}
@media only screen and (max-width : 1000px) {
	.pageBlock {
		padding:10px;
		margin: 0 0 30px;
		border-radius: 0px;
	}
	}
/* 会社概要 */
.profileBlock {
	margin: 0px 0 30px;
	min-height: 340px;
	padding:30px 0;
	box-sizing: border-box;
}
.profileTxt {
	width: 67%;
	float:left;
	/* border-radius: 4px; */
	background: #fff;
	padding:15px 30px 30px;
	box-sizing: border-box;
}
.profileImg {
	width:300px;
	float: right;
	text-align:center;
}
.profileImg img {
	width:100%;
	margin-bottom: 20px;
}
.profileBlock dl {
	width: 100%;
	display: table;
}
.profileBlock dl dt {
	padding: 15px 0;
	width: 25%;
	display: table-cell;
	font-size: 14px;
	font-weight:bold;
	border-bottom: 1px solid #ccccd2;
}
.profileBlock dl dd {
	padding: 15px 0;
	width: 75%;
	display: table-cell;
	font-size: 14px;
	border-bottom: 1px solid #ccccd2;
}
@media only screen and (max-width : 1000px) {
	.profileBlock {
		padding:0;
		float:none;
	}
	.profileTxt {
		width:100%;
		float:none;
		border-radius: 0px;
		padding:15px;
		margin-bottom: 20px;
	}
	.profileBlock dl dt {
		padding: 5px 0 0;
		width: 100%;
		border-bottom: none;
		display: block;
	}
	.profileBlock dl dd {
		padding: 5px 0;
		width: 100%;
		display: block;
		font-size:x-small;
	}
	.profileImg {
		height:100%;
		width:100%;
		float: none;
		text-align:center;
	}
	.profileImg img {
		width:100%;
	}
	}
/* 事業概要 */
ul#businessMenu {
	margin: 20px 0;
}
ul#businessMenu li {
	width: 250px;
	height: 40px;
	line-height: 40px;
	color: #777;
	float: left;
	text-align: center;
	font-size: 18px;
	cursor:pointer;
	border-radius: 2px;
}
ul#businessMenu li:hover {
	background: #f9f9f9;
	color: #000;
}
ul#businessMenu li.current {
	color: #fff;
	background: #333;
}
#tabWorks div.tabContent {
    display: none;
}
#tabWorks div.active {
    display: block;
}
.worksBlock {
	background: #fff;
	margin: 20px 0 30px;
	min-height: 340px;
	padding:20px 30px;
	box-sizing: border-box;
	/* border-radius: 4px; */
	font-size: 14px;
}
.worksTxt {
	width: 65%;
	float:left;
}
.worksTxt span.tag-web {
	font-size: x-small;
	color: white;
	background: rgba(232,0,78,1);
	display:block;
	padding: 5px 10px;
	width: 80px;
	text-align:center;
	margin: -23px 0 20px;
}
.worksTxt span.tag-mag {
	font-size: x-small;
	color: white;
	background: rgba(0,90,185,1);
	display:block;
	padding: 5px 10px;
	width: 80px;
	text-align:center;
	margin: -23px 0 20px;
}
.worksTxt span.tag-pub {
	font-size: x-small;
	color: white;
	background: rgba(77,77,77,1);
	display:block;
	padding: 5px 10px;
	width: 80px;
	text-align:center;
	margin: -23px 0 20px;
}
.worksTitle {
	font-size: 24px;
	margin-bottom:15px;
}
a.worksLink {
	color: #000;
	border: 3px solid #000;
	display:block;
	width: 230px;
	height:40px;
	line-height: 40px;
	margin-top: 30px;
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
}
a.worksLink:hover {
	color: #fff;
	background-color: #000;
	border: 3px solid #ccc;
}
.worksImg {
	height:280px;
	width:280px;
	float: right;
	text-align:center;
}
.worksImg img {
	max-width: 280px;
	max-height: 280px;
}
a.snsLink img {
    width: 44px;
    margin: 5px 5px 5px 0;
}
@media only screen and (max-width : 1000px) {
	ul#businessMenu {
		margin-top:10px;
	}
	ul#businessMenu li {
		width: 25%;
		font-size: 10px;
		border-radius: 0px;
		height:30px;
		line-height: 30px;
	}
	.worksBlock {
		padding:15px;
	}
	.worksTxt {
		width:100%;
		float:none;
		text-align:left;
	}
	.worksTitle {
		text-align:center;
		font-size:20px;
		margin-bottom:5px;
	}
	.worksTitle img {
		width: 200px;
	}
	a.worksLink {
		width:100%;
		margin-top:15px;
	}
	.worksImg {
		width:100%;
		float:none;
		text-align:center;
		margin-top:15px;
	}
	.worksImg img {
		margin :auto;
		max-width :100%;
	}
}
/* リリース */
#newsMain {
	width: 76%;
	float: left;
}
#newsMonth {
	font-size: 24px;
	margin: 30px 0 0;
	color: #ddd;
}
.newsBlock {
	width: 100%;
	float: left;
	background: #fff;
	margin: 30px 0;
	padding:30px;
	box-sizing: border-box;
	/* border-radius: 4px; */
	font-size: 14px;
}
.newsBlock h2 {
	font-size: 24px;
}
.newsBlock h2 a {
	color: #000;
}
.newsBlock h2 a:hover {
	color: #000;
	text-decoration:underline;;
}
.newsDate {
	text-align: right;
	border-top: 2px solid #000;
	margin:10px 0 15px;
	font-size:13px;
	background: #f0f0f3;
	padding:5px;
}
.newsImage {
	text-align: center;
	margin:15px 0;
}
.newsImage img {
	width: auto;
	height: auto;
}
a.newsLink {
	color: #000;
	border: 3px solid #000;
	display:block;
	width: 230px;
	height:40px;
	line-height: 40px;
	margin: 20px auto 0;
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
}
a.newsLink:hover {
	color: #fff;
	background-color: #000;
	border: 3px solid #ccc;
}
#sidebar {
	width:210px;
	margin: 30px 0;
	float: right;
	background: #fff;
	border-top : 4px solid #000;
	border-bottom : 4px solid #000;
	/* border-radius: 4px; */
	box-sizing: border-box;
}
#sidebar ul li a {
	padding: 10px 20px;
	display:block;
}
#sidebar ul li a:hover {
	background: #000;
	color:white;
}
#contents {
  float: left;
  width: 860px;
  padding: 20px;
}
.privacy-box {
  float: left;
  width: 860px;
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #F0F0F2;
}
@media only screen and (max-width : 1000px) {
	#newsMain,.newsBlock {
		width: 100%;
		float: none;
		margin: 0 0 10px;
		}
	 #newsMonth {
		margin-top: 10px;
	}
	.newsBlock {
		border-radius: 0px;
		padding:15px;
		margin: 10px 0 10px;
	}
	.newsBlock h2 {
		font-size:20px;
	}
		.newsDate {
		font-size:x-small;
	}
	.newsImage img {
		max-width:100%;
	}
	a.newsLink {
		color: #000;
		border: 3px solid #000;
		display:block;
		width: auto;
		height:40px;
		line-height: 40px;
		margin: 20px auto 0;
		text-decoration:none;
		text-align:center;
		font-size: 14px;
		font-weight:bold;
	}
	#sidebar {
		width:100%;
		margin: 0;
		float: none;
		background: #fff;
		border-bottom : 4px solid #000;
		border-radius: 0px;
		box-sizing: border-box;
	}
}
/* 採用 */
.RecruitImg{
	margin: 30px auto;
}
	@media only screen and (max-width : 1000px) {
		.RecruitImg {
			width: 100%;
			float: none;
			margin: 0 auto;
		}
	}
.recruitBlock {
	margin: 30px 0 30px;
	padding:30px;
	box-sizing: border-box;
	background: #fff;
	box-sizing: border-box;
	/* border-radius: 4px; */
}
.recruitBlock h2 {
	padding: 10px;
	border-left: 4px solid #000;
	font-weight:bold;
}
.recruitBlock ul {
	margin:10px 0;
}
.recruitBlock ul li {
	border-bottom: 1px solid #ccccd0;
	padding:15px 20px;
}
.recruitBlock ul li:before {
	content:"»";
	display: inline-block;
	width:20px;
	margin: 0 0 0 -20px;
	font-size: 9px;
	color: #ccccd0;
	font-weight: 600;
	float:left;
	font-size:18px;
	line-height:20px;
}
.recruitBlock table {
	margin: 15px 0;
	width: 100%;
	border-top: 1px solid #cccfd0;
	border-left: 1px solid #cccfd0;
}
.recruitBlock table th {
	font-size: 14px;
	padding:10px;
	width: 20%;
	background: #eeeff3;
	border-bottom: 1px solid #cccfd0;
}
.recruitBlock table td {
	font-size: 14px;
	padding: 10px;
	width: 80%;
	border-right: 1px solid #cccfd0;
	border-bottom: 1px solid #cccfd0;
}
	@media only screen and (max-width : 1000px) {
		.recruitBlock {
			width: 100%;
			float: none;
			margin: 0 0 10px;
			padding: 10px;
			border-radius: 0px;
		}
		.recruitBlock table th,.recruitBlock table td {
			font-size: x-small;
		}
	}
/* 問い合わせ */
.formBlock {
	margin: 30px 0;
	min-height: 340px;
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	/* border-radius: 4px; */
}
.formBlock table {
	margin: 15px 0;
	width: 100%;
	border-top: 1px solid #cccfd0;
}
.formBlock table th {
	font-size: 14px;
	padding: 20px;
	width: 20%;
	background: #eeeff3;
	border-bottom: 1px solid #cccfd0;
}
.formBlock table td {
	font-size: 14px;
	padding: 20px;
	width: 80%;
	border-bottom: 1px solid #cccfd0;
}
.formBlock input[type="text"],
.formBlock input[type="email"] {
	font-size: 16px;
	padding: 5px;
	width: 200px;
	/* border-radius: 4px; */
	border: 1px solid #cccfd0;
}
.formBlock textarea {
	font-size: 16px;
	padding: 5px;
	width: 95%;
	/* border-radius: 4px; */
	border: 1px solid #cccfd0;
}
.formBlock input[type="submit"],.formBlock input[type="button"] {
	font-size: 16px;
	margin: 3px;
	padding: 10px 20px;
	color: white;
	-webkit-appearance: button;
	background: #000;
	border: none;
}
.wpcf7c-conf {
	background: none !important;
	border: none !important;
	color: #222;
}
/* Firefox */
::-moz-placeholder {
  color: #666;
}
/* IE */
input:-ms-input-placeholder {
  color: #666;
}
@media only screen and (max-width : 1000px) {
	.formBlock {
		padding: 10px;
		margin: 0 0 30px;
		border-radius: 0px;
	}
	.formBlock {
		width: 100%;
		float: none;
		margin: 0 0 10px;
		padding: 10px;
		border-radius: 0px;
	}
	.formBlock table th,.formBlock table td {
		font-size: x-small;
		padding: 10px;
	}
	.formBlock input[type="text"] ,.formBlock textarea {
		width: 95%;
	}
	}
/* フッター */
footer {
	background: #fff;
	color: #000;
	padding: 20px 0 60px;
}
footer a {
	color: #fff;
}
@media only screen and (max-width : 1000px) {
	footer {
		font-size: x-small;
	}
	}
	.toTop {
		background: url(../img/pagetop.png) right bottom;
		width: 100px;
		height: 100px;
		position: fixed;
		right: 0px;
		bottom: 0px;
		text-indent: 10000px;
	}
@media only screen and (max-width : 1000px) {
	.toTop {
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
	}
	.cf:before,.cf:after {
	    content: " ";
	    display: table;
	}
	.cf:after {
	    clear: both;
	}
	.cf {
	    *zoom: 1;
	}
/* インタビュー(リクルートページ) 追加分 */
#recruit_head {
	max-width: 1000px;
	padding: 40px 0 30px;
	margin: auto;
	text-align: left;
}
	@media only screen and (max-width : 1000px) {
		#recruit_head {
			padding:70px 10px 0px;
		}
	}
#recruit_foot {
	max-width: 1000px;
	padding: 0px 0;
	margin: auto;
	text-align: left;
}
	@media only screen and (max-width : 1000px) {
		#recruit_foot {
			padding:0px 10px 10px;
		}
	}
.RecruitContent {
	max-width: 1000px;
	padding: 40px 0 30px;
	margin: auto auto 0px auto;
	text-align: left;
}
.RecruitTitle {
	max-width: 1000px;
	padding: 0px 0 0;
	margin: auto auto 0px auto;
	text-align: left;
}
.InterviewContent {
	max-width: 1000px;
	margin: auto;
	text-align: left;
}
.InterviewImg {
	width: 40%;
	text-align: center;
	margin: 0px auto;
	width: auto;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	font-color: #fff;
}
	@media only screen and (max-width : 1000px) {
		.interviewImg{ 
			width: 40%;
		}
	}
.Interview {
	margin: 10px auto 0px;
	width: 100%;
}
.InterviewBlock {
	margin: 0px auto 10px;
	max-width: 1000px;
	padding:30px;
	box-sizing: border-box;
	background: #fff;
	box-sizing: border-box;
	/* border-radius: 4px; */
}
.InterviewBlock h2 {
	padding: 0px 10px;
	margin: 10px auto 15px;
	border-left: 4px solid #000;
	font-weight:bold;
	text-align: left;
	font-size: 150%;
}
.InterviewBlock h3 {
	padding: 0px 10px;
	margin: 10px auto 15px;
	border-left: 4px solid #99FFFF;
	font-weight:bold;
	text-align: left;
	font-size: 150%;
}
.InterviewBlock ul {
	margin:10px 0;
}
.InterviewBlock ul li {
	border-bottom: 1px solid #ccccd0;
	padding:15px 20px;
}
.InterviewBlock ul li:before {
	content:"»";
	display: inline-block;
	width:20px;
	margin: 0 0 0 -20px;
	font-size: 9px;
	color: #ccccd0;
	font-weight: 600;
	float:left;
	font-size:18px;
	line-height:20px;
}
.InterviewBlock table {
	margin: 15px 0;
	width: 100%;
	border-top: 1px solid #cccfd0;
	border-left: 1px solid #cccfd0;
}
.InterviewBlock table th {
	font-size: 14px;
	padding:10px;
	width: 20%;
	background: #eeeff3;
	border-bottom: 1px solid #cccfd0;
}
.InterviewBlock table td {
	font-size: 14px;
	padding: 10px;
	width: 80%;
	border-right: 1px solid #cccfd0;
	border-bottom: 1px solid #cccfd0;
}
@media only screen and (max-width : 1000px) {
	.InterviewBlock {
		width: 100%;
		float: none;
		margin: 0 0 10px;
		padding: 10px;
		border-radius: 0px;
	}
	.InterviewBlock table th,.InterviewBlock table td {
		font-size: x-small;
	}
	.InterviewBlock img {
		max-width: 100%;
		height: auto;
	}
}
.back {
	margin: 20px auto 20px;
	text-align: center;
	position: relative;
	width: 80%;
	font-weight: bold;
	font-family: Arial;
}
	@media only screen and (max-width : 1000px) {
		.back {
			margin: 20px auto 20px;
			text-align: center;
			position: relative;
			width: 100%;
			font-weight: bold;
			font-family: 
		}
	}
.back_top {
	margin: 20px auto 20px;
	text-align: center;
	position: relative;
	width: 40%;
	font-weight: bold;
	font-family: Arial;
}
	@media only screen and (max-width : 1000px) {
		.back_top {
			margin: 20px auto 20px;
			text-align: center;
			position: relative;
			width: 40%;
			font-weight: bold;
			font-family: Arial;
		}
	}
.backImg {
	width: 100%;
}
.absolute {
	font-size: 150%;
	width: 100%;
	height: 70%;
	position: absolute;
	top: 27%;
}
	@media only screen and (max-width : 1000px) {
		.absolute {
			font-size: 80%;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 27%;
		}
	}
.absolute2 {
	font-size: 150%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 14%;
}
	@media only screen and (max-width : 1000px) {
		.absolute2 {
			font-size: 80%;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 15%;
		}
	}
	@media only screen and (max-width : 400px) {
		.absolute2 {
			font-size: 80%;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 5%;
		}
	}
.absolute_back_top {
	font-size: 150%;
	width: 100%;
	height: 65%;
	position: absolute;
	top: 28%;
}
	@media only screen and (max-width : 1000px) {
		.absolute_back_top {
			font-size: 80%;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 20%;
		}
	}