@charset "UTF-8";
/* CSS Document */

/***************************

目次

　1_採用TOPページCSS
　2_新人共通CSS
　3_新人TOPのCSS
　4_新人先輩紹介CASE01ページのCSS
　5_新人/キャリア募集要項ページのCSS
　6_新人/キャリア/キャリアキャリアデザインページのCSS
　7_新人研修制度ページのCSS
　8_新人/キャリアよくある質問CSS
　9_新人イベントCSS
  10_新人/キャリア/採用イベントお問い合わせフォームCSS
  11_新人仕事の流れCSS
  12_キャリア共通CSS
  13_キャリアTOPのCSS
  14_キャリア先輩紹介CASE01ページのCSS（新人と異なる部分のみ）

***************************/

/***************************

1_採用TOPページCSS

***************************/

/*******上部********/

.headline-s {/*32px*/
	font-size: 1.778em;
	background: url(../img/icon-career.png) no-repeat 0px 3px;
	padding-left: 36px;
	line-height: 38px;
}

.headline-n {
	font-size: 1.778em;
	background: url(../img/icon_newcomer.png) no-repeat 0px 1px ;
	padding-left: 40px;
	margin-top: 1.250em;
	line-height: 38px;
	vertical-align: middle;
}

.headline-s span {/*16px*/
	font-size: 0.500em;
	padding-left: 1.4em;
}

.headline-n span {/*16px*/
	font-size: 0.500em;
	padding-left: 1.4em;
}
/*margin-topとmargin-bottomを特別指定*/
.contents-rec {
	padding: 2.778em 0 1.333em 0;
}
/*対象文章が2行の場合	min-height:138px*/
.saiyo-taisyo {
	border-bottom: 1px solid #0065ac;
	position: relative;
	width: 100%;
	min-height: 138px;
	padding-top: 10px;
}
.saiyo-taisyo-inner {
	position: absolute;
	padding-bottom: 40px;
}

.saiyo-taisyo-inner p li-genre {
	font-size: 0.889em;
}
.line-h {
	font-size: 1.111em;
	line-height: 2.1em;
	padding-top: 6px;
}
.li-genre2 {
	margin-top: 0px;
	font-size: 0.889em;
}
.bg-red2{
	color: #fff;
	background: #e71f19;
}
.li-genre2 {
	display: inline-block;
	width: 104px;
	line-height: 24px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	padding: 0 5px;
	height: 24px;
}
/*青いボタン*/
.btn-saiyo {
	width: 211px;
	height: 60px;
	background: #0065ac;
	color: #fff;
	line-height: 60px;
	text-align: center;
	position: absolute;
	bottom: 35px;
	right:0;
}
.saiyo-taisyo a:hover{
	background: #fff;
	color: #0065ac;
	border: 1px solid #0065ac;
	text-decoration: none;
}

/* 767px(iPad)以下になったら詳細ボタンを消す */
@media screen and (min-width: 0px) and (max-width: 767px) {
	.saiyo-taisyo {
		min-height:180px;
	}
	.saiyo-taisyo-inner {
		position:absolute;
	}
	.btn-saiyo {
		width: 180px;
		height: 40px;
		line-height: 40px;
		font-size: 0.9em;
		bottom: 25px;
	}	
}

@media screen and (min-width: 0px) and (max-width: 559px) {
	.line-h {
		font-size: 1em;
		line-height: 1.7em;
		padding-top: 6px;
	}
	.saiyo-taisyo {
		min-height: 153px;
		border-bottom: 0;
	}
	.btn-saiyo {
		bottom: 11px;
		width: 100%;
	}
}

@media screen and (min-width: 0px) and (max-width: 399px) {
	.btn-saiyo {
		bottom: -10px;
	}
}
/*******人材に対するバナー********/
@media screen and (min-width:833px) {
	.btn-rec a {
		display: block;
		height: 56px;
		border: solid 1px #4c93c5;
		color: #fff;
		text-decoration: none;
		background: url(../img/recruit_details_out.gif) no-repeat 97% 14px #0065ac;
	}
	.jinzai-m40 {
		margin: 40px 0;
	}
	.btn-rec h2 {
		float: left;
		font-size: 1.336em;
		padding: 0 17px;
		height: 24px;
		margin: 17px 0;
	}
	.btn-rec h3 {
		float: left;
		line-height: 1.2em;
		font-size: 0.889em; 
		margin: 10px 17px 0 0;
		padding: 0 17px;
		border-left: solid 1px #fff;
	}
	.btn-rec a:hover {
		background: #fff;
		border: solid 1px #0065ac;
		color: #0065ac;
		background: url(../img/recruit_detail_on.gif) no-repeat 97% 14px #fff;
	}
	.btn-rec a:hover h3{
		border-color: #0065ac;
	}
}

@media screen and (max-width:859px) {
	.btn-rec h2 {
		font-size: 1.25em;
		padding: 0 15px;
		margin: 17px 0;
	}
	
	.btn-rec h3 {
		line-height: 1.01em;
		font-size: 0.78em; 
		margin: 15px 15px 0 0;
	}
}

@media screen and (min-width: 0px) and (max-width: 832px) {
	.btn-rec {
		margin: 16px 0 0 0;
	}
	.btn-rec a {
		display: block;
		color: #fff;
		height: auto;
		padding:  13px 0 50px;
		text-align:  center;
		text-decoration: none;
		border: solid 1px #0065ac;
		background: url(../img/recruit_details_out.gif) no-repeat center 92% #0065ac;
	}
	.btn-rec h2 {
		font-size: 1.429em;
		padding: 0 17px;
		margin: 0;
	}
	.btn-rec h3{
		line-height:22px;
		font-size: 1em;
		padding: 0 17px;
		margin: 11px 0 0 0;
	}
	.btn-rec a:hover{
		background: #fff;
		border: solid 1px #0065ac;
		color: #0065ac;
		background: url(../img/recruit_detail_on.gif) no-repeat center 92% #fff;
	}
}

/*******対談のバナー********/
@media screen and (min-width:833px) {
	.btn-rec.discussion a {
		color: #0065ac;
		background: url(../img/recruit_detail_on.gif) no-repeat 97% 14px #fff;
	}
	.btn-rec.discussion a:hover {
		color: #fff;
		background: url(../img/recruit_details_out.gif) no-repeat 97% 14px #0065ac;
	}
	.btn-rec.discussion h2  {
		height: auto;
		margin: 7px 0;
		font-size: 1.2em;
		line-height: 1.1em;
	}
	.btn-rec.discussion h2 span {
		font-size: 0.9em;
	}
	.btn-rec.discussion h3 {
		border-color: #0065ac;
	}
	.btn-rec.discussion a:hover h3 {
		border-color: #fff;
	}
}
@media screen and (max-width: 832px) {
	.btn-rec.discussion a {
		color: #0065ac;
		border: 1px solid #0065ac;
		background: url(../img/recruit_detail_on.gif) no-repeat center 92% #fff;
	}
	.btn-rec.discussion a:hover {
		color: #fff;
		background: url(../img/recruit_details_out.gif) no-repeat center 92% #0065ac;
	}
	.btn-rec.discussion h2 {
		line-height: 1.2em;
	}
	.btn-rec.discussion h3 {
		border-color: #0065ac;
	}
}

/*******仕事の流れのバナー（人材に対するバナーと共通。異なる部分のみ記述）********/
.btn-rec.jop-flow h3 {
	margin-top: 22px;
}

.jop-flow {
	padding: 25px 0 50px 0;
}

@media screen and (min-width: 0px) and (max-width: 832px) {
	.btn-rec.jop-flow {
		margin-top: 10px;
	}
	
	.btn-rec.jop-flow a {
		height: 96px;
		padding-bottom: 12px;
		background: url(../img/recruit_details_out.gif) no-repeat center 76px #0065ac;
	}
	
	.btn-rec.jop-flow h3 {
		margin-top: 10px;
	}
	
	.btn-rec.jop-flow a:hover{
		background: url(../img/recruit_detail_on.gif) no-repeat center 76px #fff;
	}
}

/*******動画********/
/*IEでCSS3が効かないので、以下の通り直しました*/
.saiyo-movie-area {
	display: table;
	width: 100%;
	padding: 40px 0 24px 0;
}

.saiyo-movie-des-area {
	/* flex-grow: 1; */
	background: #fff;
	border: solid 2px #0065ac;
	width: 356px;/*39.5%*/
	height: 368px;
	display: table-cell;
	vertical-align: middle;
}

.saiyo-movie-des-inner {
	text-align: center;
	background: url(../img/icon_messege.png) no-repeat center 0px;
}

.saiyo-movie-des-inner h3{
	font-size: 1.5em;
	letter-spacing: 0.1em;
	padding-top: 34px;
}

.saiyo-movie-des-inner p{
	font-size: 0.889em;
	padding-top: 11px;
	letter-spacing: 0;
}
.recruit-youtube {
	height: 0; 
}

.recruit-youtube iframe, .recruit-youtube object, .recruit-youtube embed {
	width: 100% !important;
	height: 372px;
}

@media screen and (max-width: 799px) {
	.recruit-youtube iframe, .recruit-youtube object, .recruit-youtube embed {
		height: 332px;
	}

	.saiyo-movie-des-area {
	height: 328px;
	}
}

@media screen and (max-width: 759px) {
	.saiyo-movie-area {
		display: block;
		padding: 30px 0 24px 0;
	}
	.saiyo-movie-Res {
		display: -webkit-box;
		-webkit-box-align: center;
		display: -moz-box;
		min-height: 120px;
		-moz-box-align: center;
		display: -ms-flexbox;
		-ms-box-align: center;
		
	}
	.saiyo-movie-inner-Res {
		display: block;
		text-align:  center;
		margin:  0 auto;
		width:  95%;
		min-height: 120px;
		background: none;
	
	}
	.saiyo-movie-inner-Res h3{
		font-size: 1.5em;
		letter-spacing: 0;
		padding-top: 44px;
		background: url(../img/icon_messege.png) no-repeat center 11px;
	}
	.saiyo-movie-inner-Res p{
		font-size: 0.889em;
		padding-top: 11px;
		letter-spacing: 0;
	}
	.saiyo-movie-des-area{
		border: none;
		-webkit-box-align: none;
		background: none;
		border: none;
		width: 100%;
		height: 185px;
		display: block;
		vertical-align: middle;
	}
	
	.recruit-youtube iframe, .recruit-youtube object, .recruit-youtube embed {
		height: 404px;
	}
}
@media screen and (max-width: 481px) {
	.recruit-youtube iframe, .recruit-youtube object, .recruit-youtube embed {
		height: 281px;
	}
}
@media screen and (max-width: 320px) {
	.recruit-youtube iframe, .recruit-youtube object, .recruit-youtube embed {
		height: 207px;
	}
}

/******* タブ切替 ********/
.tabmenu li.active {
	background: #0065ac;
}

.tabmenu li {
	float: left;
	width: 35%;
	height: 24px;
	line-height: 24px;
	background-color: #c9c9c9;
	text-align: center;
	font-size: 1.11em;
	margin: 46px 5.2% 13px;
	padding: 8px;
	display: block;
	cursor: pointer;
}
.noscroll {
	color:#fff;
}

@media screen and (min-width: 0px) and (max-width: 519px) {
	.tabmenu li {
		height: auto;
		font-size: 1em;
		padding: 11px 2%;
		margin: 36px 5.2% 13px;
	}
}

/*******メッセージ********/
.messege_officer {
	width: 100%;
	padding-bottom: 40px;
	border-bottom:  1px solid #0065ac;
}
.messege_officer p{
	line-height: 2em;
}
.messege_officer .name_messege{
	font-size: 0.889em;
	text-align: right;
}
@media screen and (max-width: 759px) {
	.messege_officer {
		margin-top: 400px;
	}
}
@media screen and (max-width: 481px) {
	.messege_officer {
		margin-top: 268px;
	}
}
@media screen and (max-width: 320px) {
	.messege_officer {
		margin-top: 215px;
	}
}


			
/***************************
			
2_新人共通CSS
			
***************************/

/*******採用のみのパンクズ********/
.pankuzu-recruit {
	padding-top: 16px;
}
.pankuzu-recruit li {
	float: left;
	font-size: 0.833em;
	color: #323232;
	margin-right: 8px;
}
.pankuzu-recruit a {
	color: #323232;
}
.pankuzu-recruit a:hover{
	text-decoration: underline;
}

/*******h2********/
.box-h2{
	margin-bottom: 30px;
	border: solid 1px #0065ac;
	font-size: 2.333em;
	/*height: 58px;*/
	box-shadow: 4px 4px 0px 0px #0065ac;
	border-radius: 12px;
	background: #fff;
}
.h2_recruitment{
	margin-bottom:26px;
	/*padding-right: 0.571em;*/
	float: left;
	/*border-right: solid #0065ac 2px;*/
	padding: 14px 13px 16px 15px;
}
.h2_recruitment span{
	/*color: #0065ac;*/
}
.en_recruitment{
	font-size: 0.619em;
	/*line-height: 2.333em;*/
	margin-left: 0.65em;
	/*float: left;*/
}

.recruit_titleBpattern{
	border-right: 2px solid #0065ac;
	padding-right: 0.50em;
}

@media screen and (max-width:899px) {
	.box-h2{
		/*width: 66%;*/
	}
	.en_recruitment{
		font-size: 0.7em;
	}
}

@media screen and (max-width:819px) {
	.box-h2{
		/*width: 70%;*/
		font-size: 1.9em;
		/*height: 50px;*/
	}	
}
@media screen and (max-width:699px) {
	.box-h2{
		/*width: 85%;*/
	}
}

/*h2の上下の間隔を詰める*/
@media screen and (max-width:519px) {
	.box-h2{
		margin: 0;
		font-size: 1.5em;
		box-shadow: 2px 2px 0px 0px #0065ac;
		border-radius: 9px;
		/*height: 38px;*/
		/*width: 70%;*/
	}
	.en_recruitment{
		padding-top: 7px;
		font-family: 'Roboto', sans-serif; font-weight: 400;
		-webkit-font-smoothing: antialiased;
		font-size: 0.8em;
	}
	.h2_recruitment {
		/*margin: 9px 0 0 10px;*/
		font-size: 0.97em;
		/*padding-right: 0.4em;*/
		padding: 0.65em 0.65em 0.65em 0.65em;
	}
	.recruit_titleBpattern{
	font-size: 1.35em;
	}
	.headline-s span {/*16px*/
		display: none;
	}
	.headline-n span {/*16px*/
		display: none;
	}
	.contents-rec {
		padding: 1em 0 1.333em 0;
	}
	.li-genre2 {
		width: 79px;
		line-height: 21px;
		height: 20px;
	}
	.recruit_body > .section-l{
		padding: 32px 0;
	}
}

/*@media screen and (max-width:479px) {
.box-h2{
	width: 95%;
}
}*/

/*******採用の青いバナー********/
@media screen and (min-width:710px) {
	.btn-event .btn-960 {
		background: #0065ac;
		height: 54px;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
		position: relative;
		max-width: 960px;
		color: #fff;
		border: 1px solid #0065ac;
		display: block;
		margin: 0 auto;
		position: relative;
	}
.btn-event .information {
		font-size: 1.333em; 
		border-right: 1px solid #fff;
		padding-right: 17px;
		position: absolute;
		left: 17px;
		top: 16px;
	}
.btn-event .information-2 {
		position: absolute;
		left: 210px;
		top: 10px;
		line-height: 1.01em;
		font-size: 0.889em;
	}
.btn-event .btn-syosai {
		color: #535353;
		width: 139px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; 
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
		background: #fff; /* Old browsers */
		position: absolute;
		top: 14px;
		right: 17px;
	}
.btn-event a:hover {
		opacity: 0.5;
		text-decoration:none;
	}
}

/* 959pxになったら詳細ボタンを消す */
@media screen and (min-width: 0px) and (max-width: 959px) {
	.btn-event .information-2 {
		left:190px;
		top:12px;
		line-height:1.01em;
		font-size: 0.889em; 
	}
}

/* 839px詳細ボタンを消す */
@media screen and (min-width: 0px) and (max-width: 839px) {
.btn-event .btn-syosai {
		display: none;
	}
}

/* 709px以下になったらデザインを変える */
@media screen and (min-width: 0px) and (max-width: 709px) {
	.btn-event .btn-960 {
		background: #0065ac;
		padding: 13px 0;
		box-shadow : 0px 1px 1px rgba(0, 0, -1, 1);
		color: #fff;
		width: 100%;
		text-align: center;
	}
	.btn-event .information {
		font-size: 1.429em;
	}
	.btn-event .information-2 {
		font-size: 1em;
	}
	.btn-event .information::after {
		content: "";
		display: block;	
		margin-bottom: 6px;
	}
	.btn-event .btn-syosai {
		display: block;
		color: #535353;
		font-size: 0.889em;
		margin: 21px auto 0;
		width: 128px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		border: 1px solid #5f5f5f;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; 
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
		background: #fff; /* Old browsers */
	}
	.btn-event a:hover {
		opacity: 0.5;
		text-decoration:none;
	}
}

/*******応募フォーム********/
.rq_form,
.rq_form_under {
	float: right;
	color: #fff;
	width: 119px;
	height: 119px;
	text-align: center;
	border-radius: 100%;
	background: #0065ac;
	border: solid 1px #0065ac;

}
.rq_form:hover,
.rq_form_under:hover {
	background: #fff;
	color: #0065ac;
}

.rq_form a,
.rq_form_under a {
	display: block;
	width: 119px;
	height: 66px;
	padding-top: 59px;
	color: #FFF;
	text-align: center;	
	background: url(../img/icon_form.png) no-repeat center 20px;
}
.rq_form a:hover,
.rq_form_under a:hover{
	width: 119px;
	color: #0065ac;
	background: url(../img/headline_icon_agsway.png) no-repeat center 15px;	
}

@media screen and (max-width:599px) {
	.rq_form{
		display: none;
	}
}

/*******ページの題名********/
.title-recruit {
	width: 100%;
	padding-bottom: 38px;
	font-size: 1em;
	margin-top: 3px;
}
.title-recruit h2{
	font-size: 2.1em;
	float: left;
	letter-spacing: 0.1em;
	margin-right: 15px;
}
.title-recruit h2 span{
	color: #0065ac;
}
.title-recruit p {
	padding: 0 0 0 20px;
	border-left: solid 2px #0065ac;
	float: left;
	line-height: 2.1em;
}

/*h2の隣の棒いらないとき*/
.title-recruit .border-non{
	border-right:none;
}


@media screen and (max-width:779px) {
.title-recruit {
	padding-bottom:27px;
	font-size:0.8em;
}

}

@media screen and (max-width:669px) {
.title-recruit {
	width:100%;
}

.title-recruit h2{
	border-right:none;
	
}

.title-recruit p {
	display:none;
}

}

@media screen and (max-width:480px) {
	
.title-recruit {
	width:100%;
	padding-bottom:12px;
}

.title-recruit h2{
	min-height:25px;
	padding: 5px 8px 7px 0;
}

}

/*******ナビゲーション********/

.fresh_nav {
	width:100%;
	min-height:120px;
	overflow: hidden;
}

.fresh_nav ul {
	width:85%;
	float:left;
	padding-top:32px;
}

.fresh_nav ul li {
	float:left;
	line-height: 24px;
	height:56px;
	width:19.6%;	
	border-left:2px solid #0065ac;
	text-align: center;
	text-decoration:none;
}

.fresh_nav ul li.nav-center {
	line-height: 56px;
}

.fresh_nav ul li.last-border {
	border-right:2px solid #0065ac;
}

.fresh_nav ul li a {
	display:block;
	width:19.6%;	
	height: 56px;
	text-decoration:none;
	display: table-cell;
	vertical-align: middle;
}

.fresh_nav ul li a:hover {
	background: url(../img/recruit_hover.png) repeat;
	color: #0065ac;
}

.fresh_nav .current-menu-item {
	background: url(../img/recruit_hover2.png) repeat;
	color: #fff;
}

.fresh_nav .current-menu-item a {
	color: #fff;
}

.fresh_nav .current-menu-item a:hover {
	background:url(../img/recruit_hover2.png) repeat;
	color: #fff;
}

.recruit_body .pd-25-50{
	padding-top:25px;
}
.recruit_body {
	padding-bottom: 40px;
}

@media screen and (max-width:959px) {
.menu-nav_fresh-container {
	width: 83%;
}

/*.fresh_nav {
	width:100%;
	min-height:120px;
}*/

.fresh_nav ul {
	width:100%;
}


.fresh_nav ul li {
	width:19%;	
}

.fresh_nav ul li a {
	width:19%;
}

}

@media screen and (max-width:742px) {
.pd-25-50{
	padding:0;
}

.menu-nav_fresh-container {
	width: 78%;
}

}

@media screen and (max-width:599px) {
.menu-nav_fresh-container {
	width: 100%;
}

.fresh_nav {
	min-height:120px;
}

.fresh_nav ul {
	padding-top:0;
}

.fresh_nav ul li {
	font-size:14px;
	width:14%;	
}

.fresh_nav ul li a {
	width:14%;
	line-height: 14px;
}
}

@media screen and (max-width:599px) {
.nav-up {
	display:none;
}

.fresh_nav ul {
	float: none;
}

.fresh_nav ul li {
	float:none;
	height: 35px;
	width:100%;
	vertical-align:middle;
	border-bottom: 1px solid #0065ac;
	border-left:none;
}

.fresh_nav ul li.nav-center {
	line-height: 35px;
}

.fresh_nav ul li.last-border {
	border-right:2px solid #0065ac;
}

.fresh_nav ul li a {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	border-bottom: 1px solid #0065ac;
	background:url(../img/business_arrow_s.png) 95% center no-repeat;
}

.fresh_nav ul li a:hover {
	background:url(../img/business_arrow_s.png) 95% center no-repeat,
	url(../img/recruit_hover.png) repeat;
}

.fresh_nav .current-menu-item a {
	color: #0065ac;
	background: none;
}

.fresh_nav .current-menu-item a:hover {
	background: none;
}

.fresh_nav ul li br {
	display:none;
}
.fresh_nav .current-menu-item{
	background:none;
	color:#0065ac;
}

.fresh_nav ul li.last-border {
	border-right:none;
}

.rq_form_under{
	float: none;
	display:block;
	width:99.6%;
	height:50px;
	background:#0065ac;
	border-radius: 0;
	margin: 38px 0 0 0;
	float: none;
}

.rq_form_under a{
	display: block;
	width:95%;
	height: 100%;
	padding-top: 0;
	color:#fff;
	font-size:20px;
	line-height:50px;
	background: url(../img/icon_form.png) no-repeat 26% 50%;
	padding-left:5%;
}

.rq_form_under a:hover{
	display: block;
	width:95%;
	height: 100%;
	line-height:50px;
	text-decoration:none;
	background:url(../img/headline_icon_agsway.png) no-repeat 26% 50%;
	}

.rq_form_under a br {
	display: none;
}
}



/***************************
			
　３、新人TOPのCSS
			
***************************/
/*青い四角*/
.recruit_top_wapper{
	width:100%;
}

.fresh_case{
	border:solid #0065ac 3px;
	background:#fff;
	margin-bottom: 40px;
}

.fresh_name{
	width:37%;
	float:left;
}

.fresh_pic1{
	width:62%;
	border-left:solid #0065ac 3px;
	float:right;
}

.fresh_pic1 img{
	width:100%;
	vertical-align:middle;
}
/*写真ホバー*/
.fresh_pic1 a:hover{
	opacity:0.5;
}
.a12345{
	float:left;
}
.a6789{
	float:left;
}

/*青い中の文字・文字サイズについて*/

.fresh_name p.office_position{
	width:90%;
	margin:0 auto;
	font-size:0.889em;
	line-height:1.5em;
	margin-top: 105px;
}

.fresh_name h2{
	padding:8px 0;
	width:90%;
	margin:0 auto;
	border-bottom:solid #0065ac 2px;
	font-size: 20px;
}

.fresh_name p.sub_text{
	padding-top:8px;
	font-size:0.833em;
	line-height:1.667em;
	width:90%;
	margin:0 auto;

}
@media screen and (max-width:959px) {
.fresh_name p.office_position{
	margin-top:70px;
}
}

@media screen and (max-width:849px) {
.fresh_name p.office_position{
	width:90%;
	font-size:0.8em;
	line-height:1.7em;
	margin-top:60px;
}

.fresh_name h2{
	padding:5px 0;
	width:90%;
	margin:0 auto;
	font-size:1.3em;
	border-bottom:solid #0065ac 2px;
}

.fresh_name p.sub_text{
	padding-top:5px;
	font-size:0.833em;
	line-height:1.55em;
	width:90%;
	margin:0 auto;
}
}

@media screen and (max-width:739px) {
.fresh_name p.office_position{
	margin-top:50px;
	font-size:0.7em;
}

.fresh_name h2{
	font-size:1em;
}
.fresh_name p.sub_text{
	padding-top:4px;
	font-size:0.75em;
	line-height:1.4em;
}
}
@media screen and (max-width:599px) {
.fresh_name{
	width:36%;
}

.fresh_name p.office_position{
	margin-top:30px;
}
.fresh_name p.sub_text{
	font-size:0.7em;
	line-height:1.5em;
}
.fresh_case{
	margin-bottom:25px;
}
.fresh_case{
	border:solid #0065ac 2px;
}
.fresh_pic1{
	border-left:solid #0065ac 2px;
}

}
@media screen and (max-width:519px) {
.fresh_pic1{
	width:100%;
	float:none;
	border-left:none;
}
.fresh_case {
	border: none;
	background: none;

}
.fresh_name {
	width: 100%;
	float: none;
}
.fresh_name p.office_position{
	width:100%;
	font-size:0.889em;
	margin-top:0;
}
.fresh_name p.sub_text{
	width:100%;
	font-size:0.833em;
	margin-bottom:20px;
}
.fresh_name h2{
	width:100%;
	font-size: 1.35em;
}
.fresh_case{
	margin-bottom:20px;
}

}

/*仕事の流れについて*/

.jab-flow img{
	width:100%;
	padding-bottom:40px;
}
.jab-flow a:hover {
	opacity: 0.5;
}


@media screen and (max-width:599px) {
.jab-flow img{
	padding-bottom:20px;
}
}

/***************************
			
　４、新人先輩紹介CASE01ページのCSS

***************************/
/*インタビュー記事タイプ１*/
.intervew-type1 {
	width:100%;
	margin-bottom:40px;
}

.intervew-type1 h2 {
	color:#0065ac;
	margin-bottom:15px;
	font-size:1.333em;
	border-bottom:1px solid #0065ac;
	padding-bottom:7px;
	display: inline-block;
	*display: inline;  
    *zoom: 1; 
}

p.inter-answer{
	line-height:1.778em;
	
}

p.inter-pic{
	float:right;
	width:37.5%;
	padding-left:10px;
}

.intervew-type1 p.inter-pic img {
	max-width:100%;
	height: auto;
}

@media screen and (max-width:519px) {
p.inter-pic{
	float:none;
	width: 100%;
	padding-left:0px;
	margin: auto;
}

.intervew-type1 h2 {
	padding-bottom: 4px;
}

p.inter-answer {
	padding-top: 10px;
}

.saiyo-movie-area {
	padding: 20px 0 24px 0;
	border-top: 1px solid #0065ac;
	margin-top: 15px;
}
}

/*インタビュー記事タイプ２（写真なし）*/
.intervew-type2 {
	width:100%;
	margin-bottom:40px;
}

.intervew-type2 h2 {
	color:#0065ac;
	margin-bottom:15px;
	font-size:1.333em;
	border-bottom:1px solid #0065ac;
	padding-bottom:7px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;  
}

/*インタビュー自己紹介*/

p.intro-pic{
	float:left;
	padding-right:10px;
}

.imtro-pic img{
	max-width:100%;
	height:auto;
	display:block;
}

.intro-in p{
	font-size:0.889em;
	line-height:1.875em;
}

.saiyo-movie-inner-Res h3 {
	font-size: 1.7em;
	letter-spacing: 0.05em;
	padding-top: 52px;
}

.btn-rec h3 {
font-size: 0.9em;
padding: 0 10px;
}

@media screen and (max-width:519px) {
.intervew-type2 h2 {
	padding-bottom: 4px;
}

p.intro-pic{
	display:none;
}

.intro-in-p{
	border-bottom:1px solid #0065ac;
}
}


/*インタビュー目次*/
.intro-list {
    padding: 16px 0 40px;
    overflow: hidden;
    position: relative;
}

.intro-list ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}

.intro-list ul a:hover {
	color:#0065ac;
	text-decoration:none;
}

.intro-list ul li a {
	color:#707070;	
}

.intro-list ul li {
    float: left;
    margin-right: 50px;
    position: relative;
    left: -50%;
}

.intro-list li.current-menu-item {
	color:#0065ac;
}

@media screen and (max-width:819px) {
.intro-list ul li {
    left: -45%;
}
}

@media screen and (max-width:598px) {
.intro-list ul li {
    float: none;
	padding-bottom:16px;
}
.intro-list {
    padding: 0 0 20px 0;
}
}






/***************************
			
　５、新人募集要項ページのCSS
			
***************************/
/*募集要項テーブル*/

.essense_table{
	width:100%;
	margin-top:12px;
	border:2px solid #0065ac;
	background:#fff;
	vertical-align:middle;
	line-height: 1.778em;
	margin-bottom:56px;
}

.essense_table th{
	width:24.8%;
	border-right:1px solid #0065ac;
	border-bottom:1px solid #0065ac;
	padding: 28px 0;
	font-size:0.889em;
	vertical-align:middle;
}

.essense_table td{
	border-bottom:1px solid #0065ac;
	border-right: none;
	border-top: none;
	padding: 28px 4.375%;/* 42px */
	font-size:0.833em;
}

.essense_table p {
	margin-bottom: 13px;
}

.essense_table a.map {
	margin-left: 16px;
	color: #0065ac;
}

.essense_table a.map:hover {
	text-decoration: underline;
}

/* 519px以下でthのwidthを変える */
@media screen and (min-width: 0px) and (max-width: 519px) {
.essense_table th{
	padding: 0 2%;
}
}


/*採用プロセス*/

.process h2{
	background:url(../img/icon_recruit_dots.png) no-repeat;
	background-size: 1em;
	padding-left: 1.2em;
	font-size:1.333em;
	margin-bottom:16px;
}

.process-box{
	width:100%;
	min-height:300px;
	background:#fff;
	box-shadow: 4px 4px 4px 1px rgba(4,0,0,0.2);
	margin-bottom:40px;
	border:1px solid #b5b5b5;
}

.process .process_no{
	text-align:center;
	width:87.6%;
	margin:0 auto;
	padding-top:18px;
	padding-bottom:8px;
	background:url(../img/line.gif) 50% repeat-x;
}

.process .process_for{
	text-align:center;
	padding-bottom:6px;
}

.process h3{
	text-align:center;
	padding-bottom:24px;
}

.process .process_image{
	text-align:center;
	padding-bottom:30px;
}

h3.mrg-6 {
	margin-bottom:6px;
}



/***************************
			
　６、新人キャリアデザインページのCSS

***************************/
.design-pic{
	padding-top:13px;
	padding-bottom:40px;
	width:100%;
}

.design-pic img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.design-pic p{
	line-height: 1.778em;
	padding-bottom:40px;
}

@media screen and (max-width:519px) {
	.design-pic{
		padding-top:3px;
		padding-bottom:30px;
	}
	
	.design-pic p{
		padding-bottom:30px;
	}
}


/***************************
			
　７、新人研修制度ページのCSS
			
***************************/

.pic-box{
	width:100%;
	padding-bottom:40px;
}

.training-read{
	line-height: 32px;
}

/*研修写真*/
.training-spic{
	float:right;
	width:38%;
	margin:0 0 15px 15px;
}

.training-spic img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

/*研修図*/
.training-pic {
	width:100%;
	padding-bottom:40px;
}

.training-pic img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

@media screen and (min-width: 0px) and (max-width: 569px) {
	.training-spic {
	width: 48%;
	margin: 0 0 5px 5px;	
	}
}


/***************************

　８、新人/キャリアよくある質問CSS

***************************/

section.title-recruit h2 span{
	border-right: none;
	margin-right:6px;
}

.faq-nav ul {
	overflow: hidden;
	clear: both;
}

.faq-nav ul li{
	list-style-type: none;
	margin-left: 0;
	float: left;
	padding:0 40px 24px 0;
}

.faq-nav ul li a{
	color: #0065ac;	
}

.faq-nav ul li a:hover{
	text-decoration:underline;
}

/*.faq-nav {
padding-bottom: 30px;
}*/

article.recruit-faq h2.faq-ttl span {
	width:240px;
	height:26px;
	background: #0065ac;
	color:#fff;
	text-align:center;
	font-size: 1.11em;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	padding: 0.5% 0.8%;
	position:absolute;
	left: -2px;
	top:-41px;
	letter-spacing:0;
	font-weight:bold;
	padding-top:10px;
}

article.recruit-faq{
	background:#fff;
	border:2px solid #0065ac;
	padding-bottom:52px;
	position:relative;
	margin:80px 0;
}

article.faqBox{
	padding:0 40px 0;
	position:relative;
}

/*img {
	max-width: 100%;
 	height: auto;
}
*/
/*Q左のビジネステキストタブ*/
/*article.faqBox p.faq-tagText{
	position:absolute;
	top:-19px;
	left:102px;
	color:#0065ac;
	width:85%;
}*/

.faq-Q{
	font-size:1.33em;
}

.faq-text{
	margin-left:3%;
}


@media screen and (min-width:  0px) and (max-width:  569px) {	
	article.recruit-faq h2.faq-ttl span{
		position:  absolute;
		left:  -2px;
		top:  -39px;
	}
}

@media screen and (min-width:  0px) and (max-width:  519px) {
	.faq-nav ul li{
		float: none;
		padding:0 0 16px 0;
	}

	article.faqBox{
		padding:  0 10px 0;
	}
	
	article.recruit-faq{
		width: 100%;
		margin: 55px 0 25px;
	}

}

/**********************************
 アコーディオン
***********************************/

.recruit-faq .subtitle {
	font-size:  1.556em;
}

.recruit-faq .slideToggle-faqRec {
	cursor:  pointer;
	font-size:  1.333em;
	line-height:  1.778em;
	margin-top:  52px;
	padding:  8px 7% 0 7%;
	border-top:  1px solid #0065ac;
	background:  url(../img/btn_open.png) right top no-repeat;
	letter-spacing: 0.07em;
}

.recruit-faq .slideToggle-openRec {
	cursor:  pointer;
	font-size:  1.333em;
	line-height: 1.778em;
	margin-top:  52px;
	padding:  8px 7% 0 7%;
	border-top:  1px solid #0065ac;
	background:  url(../img/btn_close.png) right top no-repeat;
	letter-spacing: 0.07em;
}

.recruit-faq .slideToggle-faqRec span, .recruit-faq .slideToggle-openRec span {
	font-size:  0.714em;
}

.recruit-faq .slideToggle-faqRec img, .recruit-faq .slideToggle-openRec img {
	position:  absolute;
	top: -21px;
	left:  -1px;
}

@media screen and (min-width: 0px) and (max-width: 699px) {
	.slideToggle-openRec , .slideToggle-faqRec {
		padding:8px 12% 0 10% !important;
	}
}

/* 519px以下でアイコンサイズを小さくする
　　ボタンの切り替えをする */
@media screen and (min-width:  0px) and (max-width:  519px) {
	/*.recruit-faq .slideToggle-faqRec, .recruit-faq .slideToggle-openRec {
		background:  url(../img/btn_open.png) right top no-repeat;
	}*/

	.recruit-faq .slideToggle-faqRec img, .recruit-faq .slideToggle-openRec img {
		display:  block;
		max-width:  43px;
		width:  10.5%;
		height: auto;
		top:  -19px;
	}
}


.recruit-faq .slide-list-faqRec, .recruit-faq .slide-list-openRec {
	width:  	91.666%;
	margin:  24px auto 0;
	line-height:  1.778em;
}

.recruit-faq .slide-list-faqRec h4, .recruit-faq .slide-list-openRec h4 {
	font-size:  1.111em;
	padding-left:  1.666%;
}

.recruit-faq .slide-list-faqRec p, .recruit-faq .slide-list-openRec p {
	border-left:  1px solid #c9c9c9;
	padding-left:  1.666%; 
}

.recruit-faq .slide-list-faqRec ul, .recruit-faq .slide-list-openRec ul {
	list-style-type:  disc;
	padding-left:  4%;
}


/* スライドのコンテンツが画像だったときのCSS */
.recruit-faq .slide-list-faqRec img {
	text-align:  center;
}






/***************************
			
　９、新人イベントCSS
			
***************************/
.recruit_body .pdg-top-50{
	padding-top: 22px;

}
/*新人採用イベント*/

.event-ttl{
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
	padding-top: 24px;
}

h3.event-ttl {
	background:  url(../img/icon_recruit_event.jpg) 0 0 no-repeat;
	padding: 0 0 16px 35px;
}

h3.event-none {
	width: 100%;
	text-align: center;
	padding: 120px 0px;
}

.doubleBorder{
 border:  solid 3px #CCC;
 outline:  solid 1px #999;
}

.eventBox h3{
	margin: 40px 0 16px 0;
	border: 1px solid #0065ac;
	font-size: 1.55em;
	width:  135px;
	border-radius:  6px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	background:  #fff;
	text-align: center;
	padding: 12px 0;
}

.box-s p{
	font-size: 0.88em;
}

.eventBox{
	padding-bottom: 32px;
	margin-bottom: 40px;
	border-bottom: 1px solid #0065ac;
}

/*最後のボックスに適用*/
.eventBox-last{
	border-bottom: none;
}

.eventBox .f-l, article.eventBox .f-r{
	width: 48%;
}
	
.eventBox p.textBold{
	font-weight: bold;
}

.eventBox p.form-btn a{
	background: #0065ac;
	width: 240px;
	height: 40px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	display: block;
}

.eventBox p.form-btn a:hover{
	background: #fff;
	height:  38px;
	border: 1px solid #0065ac;
	color: #0065ac;
	text-decoration: none;
	font-weight: bold;
}

.eventBox .btn{
	clear:  both;
	float:  right;
	line-height:  28px;
	margin-top:  16px;
}

.box-s{
	line-height: 28px;
	padding-bottom: 24px;
}

p.text-l{
	font-size: 1.22em;
	line-height: 34px;
}

@media screen and (min-width:  0px) and (max-width:  959px) {
	.eventBox .f-l,
	.eventBox .f-r {
		float:  none;
	}

	.eventBox .f-l,
	.eventBox .f-r,
	#map_tokyo {
		width:  100% !important;
	}

	.eventBox p.form-btn a {
		margin-bottom:  24px;
	}
}

@media screen and (min-width:  0px) and (max-width:  599px) {
	.eventBox p.form-btn a {
		width:  100%;
	}
}


/*大きな地図でみる・印刷する*/
.branchOfficeBtn {
	text-align: right;
	width: 100%;
	line-height:  28px;
	margin-top:  10px;
}

.recruitOfficeMap{
	display:  block;
	background:  url(../img/icon_map.png) center left no-repeat;
	padding-left:  24px;
	font-size:  0.889em;
}

.print{
	cursor:  pointer;
	background:  url(../img/icon_print.png) center left no-repeat;
	padding-left:  40px;
	font-size:  0.889em;
}

.recruitOfficeMap,
.print {
	float:  left;
	color:  #0065ac;
}

.print{
	margin-left:  40px;
}

.recruitOfficeMap:hover,
.print:hover {
	text-decoration:  underline;
}


/***************************
			
１０、新人/キャリア/採用イベントお問い合わせフォームCSS
			
***************************/

/**お問い合わせTOP***/
.contact-seminarText{
	margin: 45px 0;
	line-height: 1.5em;
}

.latest-ttl{
	font-size: 1.333em;
	padding-top: 32px;
	line-height: 1.3em;
}

.contact-topics {
	padding:  8px 0 50px 0;
}

.leftList{
	width: 47%;
}

.rightList{
	width: 53%;
}

#contact table li div, #contact table div p{
	display: block;
	float: left;
}


.inputMG{
	margin-top:  12px;
}

.btnPad{
	margin-right:  1%;
}

/**********************
セミナー申し込み
**********************/
/*contact.cssへ移行*/

/*.contactArea{
	font-size: 0.889em;
}

.contactArea table tr th{
	width: 20%;
	padding: 28px 0;
	vertical-align: top;
}

.contactArea table tr td.td02{
	width: 75%;
	padding: 24px;
	color: #313131;
	line-height:  1.8em;
}

.contactArea table tr{
	border:  1px solid #c9c9c9;
}


.contactArea table .td01{
	width: 5%;
	border-left: none;
	border-right:  1px solid #c9c9c9;
	text-align: right;
	margin-right: 8px;
	padding-top: 24px;
	vertical-align:  top;
}


.input00{
	width: 100%;
}

.input01{
	width: 80%;
}

.input02{
	width: 40%;
}

.input03{
	width: 10%;
}

.input04{
	width: 75.2%;
}

form#contact textarea{
	width: 100%;
}

input::-webkit-input-placeholder {
    color:  #ccc;
}

input:-moz-placeholder {
    color:  #ccc;
}

.privacyTextarea{
	font-size: 0.778em;
	background: #fff;
	padding: 16px;
	border:  1px solid #c9c9c9;
	height: 200px;
	overflow:  auto;
}

.privacyTextarea h3, .privacyTextarea h4{
	font-weight: bold;
}

.privacyTextarea h4{
	padding-top: 38px;
}

.privacyCheck{
	margin-top: 3%;
	text-align: center;
}

.privacyCheck p.p-space{
	padding-right: 10%;
}

.confirmBtn{
	text-align: center;
	margin-top: 55px;
}

.require{
	width: 38px;
	height: 15px;
	text-align: center;
	background: #f3291f;
	color: #fff;
	font-size: 0.77em;
	border-radius:  5px;
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	padding-top: 5px;
	display: block;
}

.require-Redtext{
	color: #f3291f;
	text-align: center;
	line-height:  1.5em;
}

.confirmBtn input.contactBtn {
	width:  26.6%;
	height: 46px;
	text-align:  center;
	color:  #fff;
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	border-radius:  5px;
	text-shadow:  0px 1px 1px rgba(0, 0, -1, 1);
	-webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
	border:  1px solid #0065ac;
	background:  #b2dfff;
	background:  -moz-linear-gradient(top, #b2dfff 0%, #0065ac 99%);
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2dfff), color-stop(99%,#0065ac));
	background:  -webkit-linear-gradient(top, #b2dfff 0%,#0065ac 99%);
	background:  -o-linear-gradient(top, #b2dfff 0%,#0065ac 99%);
	background:  -ms-linear-gradient(top, #b2dfff 0%,#0065ac 99%);
	background:  linear-gradient(to bottom, #b2dfff 0%,#0065ac 99%);
	filter:  progid: DXImageTransform.Microsoft.gradient( startColorstr='#b2dfff', endColorstr='#0065ac',GradientType=0 );
}

.confirmBtn input.contactBtn:hover {
	opacity:  0.5;
}

span.requireSmall{
	display: none;
}

.contactArea form table{
	background: #FFF;
	width:  100%;
}


@media screen and (min-width:  830px) {
	.require-bottom{
		display: none;
	}
}


@media screen and (min-width:  0px) and (max-width:  829px) {
	.require{
		display: none;
	}

	.require-bottom{
		width: 38px;
		height: 20px;
		text-align: center;
		background: #f3291f;
		color: #fff;
		font-size: 0.77em;
		border-radius:  5px;
		-webkit-border-radius:  5px;
		-moz-border-radius:  5px;
		padding: 3%;
		line-height:  2.5em;
	}
}*/

@media screen and (min-width:  0px) and (max-width:  519px) {
	/*.contactArea table tr th{
		font-size: 0.8em;
	}
	
	.input01, .input02 {
	width:  98%;
	}
	*/
	form#contact textarea{
		width: 90%;
	}

	section.title-recruit h2 span {
	margin-right:  2px;
	}

	.eventBox h3 {
	margin:  16px 0 16px 0;
	}

	.eventBox p.textBold {
	font-size:  1.1em;
	}

	.box-s {
	padding-bottom:  16px;
	}

	.box-s p {
	font-size:  1em;
	}

	.recruit_body{
		padding: 0 8px 30px;
	}

	.eventBox h3 {
	padding:  8px 0;
	font-size:  1.4em;
	width:  110px;
	margin:  16px 0 11px 0;
	}

	.eventBox p.form-btn a {
	height:  37px;
	padding-top:  24px;
	}
}

/**********************
採用応募フォーム
**********************/
.career{
	width: 65px;
	/*height: 29px;*/
	text-align: center;
	background: #0065ac;
	color: #fff;
	font-size: 0.77em;
	border-radius:  5px;
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	display: block;
}

.blank{
	margin-right: 3.5%;
}

.contact-textTop{
	vertical-align: top;	
}

.formBottom{
	padding-bottom: 16px;
	
}

.formSize-s{
	font-size: 0.9em;
}

.saiyo-border{
	border:  2px solid #0065ac;
}

.contactArea table.saiyo-border tr.saiyo-border01{
	border:  1px solid #0065ac;
}

.contactArea table tr.saiyo-border01 td.td01{
	border-right:  1px solid #0065ac;
}


.contact-saiyoText{
	margin-bottom: 40px;
	line-height: 1.5em;
}

.contact-saiyottl{
	margin-bottom: 85px;
}

.freshNav-bottom{
	margin-top: 7%;
}

.title-recruit-pad{
	margin-bottom:  40px;
}

.confirmBtn input.recruitFormBtn{
	width: 240px;
	height: 60px;
	background: #0065ac;
	color: #fff;
	text-align: center;
	border-style: none;
}

.confirmBtn input.recruitFormBtn:hover{
	border: 1px solid #0065ac;
	background: #fff;
	color: #0065ac;
	font-weight: bold;
}			
			

/****************************
validationEngine.jquery  
Z-INDEX 
*****************************/
 .formError { z-index:  990; }
    .formError .formErrorContent { z-index:  991; }
    .formError .formErrorArrow { z-index:  996; }

    .ui-dialog .formError { z-index:  5000; }
    .ui-dialog .formError .formErrorContent { z-index:  5001; }
    .ui-dialog .formError .formErrorArrow { z-index:  5006; }

.inputContainer {
	position:  relative;
	float:  left;
}

.formError {
	position:  absolute;
	top:  300px;
	left:  300px;
	display:  block;
	cursor:  pointer;
	text-align:  left;
}

.formError.inline {
	position:  relative;
	top:  0;
	left:  0;
	display:  inline-block;
}

.ajaxSubmit {
	padding:  20px;
	background:  #55ea55;
	border:  1px solid #999;
	display:  none;
}

.formError .formErrorContent {
	width:  90%;
	background:  #ee0101;
	position: relative;
	color:  #fff;
	min-width:  75px;
	font-size:  11px;
	border:  2px solid #ddd;
	box-shadow:  0 0 6px #000;
	-moz-box-shadow:  0 0 6px #000;
	-webkit-box-shadow:  0 0 6px #000;
	-o-box-shadow:  0 0 6px #000;
	padding:  4px 10px 4px 10px;
	border-radius:  6px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	-o-border-radius:  6px;
}

.formError.inline .formErrorContent {
	box-shadow:  none;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	-o-box-shadow:  none;
	border:  none;
	border-radius:  0;
	-moz-border-radius:  0;
	-webkit-border-radius:  0;
	-o-border-radius:  0;
}

.greenPopup .formErrorContent {
	background:  #33be40;
}

.blackPopup .formErrorContent {
	background:  #393939;
	color:  #FFF;
}

.formError .formErrorArrow {
	width:  15px;
	margin:  -2px 0 0 13px;
	position: relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin:  -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow:  none;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	-o-box-shadow:  none;
	margin:  0px 0 0 12px;
	top: 2px;
}

.formError .formErrorArrow div {
	border-left:  2px solid #ddd;
	border-right:  2px solid #ddd;
	box-shadow:  0 2px 3px #444;
	-moz-box-shadow:  0 2px 3px #444;
	-webkit-box-shadow:  0 2px 3px #444;
	-o-box-shadow:  0 2px 3px #444;
	font-size:  0px;
	height:  1px;
	background:  #ee0101;
	margin:  0 auto;
	line-height:  0;
	font-size:  0;
	display:  block;
}

.formError .formErrorArrowBottom div {
	box-shadow:  none;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	-o-box-shadow:  none;
}

.greenPopup .formErrorArrow div {
	background:  #33be40;
}

.blackPopup .formErrorArrow div {
	background:  #393939;
	color:  #FFF;
}

.formError .formErrorArrow .line10 {
	width:  13px;
	border:  none;
}

.formError .formErrorArrow .line9 {
	width:  11px;
	border:  none;
}

.formError .formErrorArrow .line8 {
	width:  11px;
}

.formError .formErrorArrow .line7 {
	width:  9px;
}

.formError .formErrorArrow .line6 {
	width:  7px;
}

.formError .formErrorArrow .line5 {
	width:  5px;
}

.formError .formErrorArrow .line4 {
	width:  3px;
}

.formError .formErrorArrow .line3 {
	width:  1px;
	border-left:  2px solid #ddd;
	border-right:  2px solid #ddd;
	border-bottom:  0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width:  3px;
	border:  none;
	background:  #ddd;
}

.formError .formErrorArrow .line1 {
	width:  1px;
	border:  none;
	background:  #ddd;
}
	

/***************************
			
１１、新人仕事の流れCSS
			
***************************/

.recruit_flow_title {
	border-bottom:  1px solid #0065ac;
	padding-bottom:  7px;
	font-size: 1.333em;
	color: #0065ac;
	margin-bottom: 24px;
}
/*******1日の流れの画像切替********/

.recruit_time{
	width: 4.444em;
	height: 4.444em;
	background: #0065ac;
	border-radius:  2.222em; 
    -webkit-border-radius:  2.222em; 
    -moz-border-radius:  2.222em; 
	color: #fff;
	line-height: 4.444em;
	text-align: center;
	float: left;
}

.recruit_what{
	float: right;
	width: 89.3%;
	background: #fff;
	border: #0065ac 1px solid;
	display: table;
	padding:  4px 0;
}

.recruit_what_1{
	width:  14.8%;
	border-right:  solid #bdbdbd 2px;
	text-align:  center;
	font-size:  1.111em;
	display:  table-cell;
	vertical-align:  middle;
	height:  58px;
}
.recruit_what_2{
	display: table-cell;
	vertical-align:  middle;
	padding-left:  16px;
}
.recruit_down{
	padding:  2px 0 2px 1.3em;
}
@media screen and (max-width: 889px) {
	.recruit_what{
		width: 87.3%;
		margin-top:  2px;
	}
	.recruit_what_1{
		width:  16.8%;
	}
}
@media screen and (max-width: 767px) {
	.recruit_what{
		width: 80%;
		display: block;
		padding:  4px 0;
	}
	
	.recruit_what_1{
		width:  97%;
		margin: 0 7px;
		border-right:  none;
		border-bottom:  solid #bdbdbd 1px;
		display: block;
		height:  33px;
		line-height: 33px;
	
	}
	.recruit_what_1 br{
		display: none;
	}
	.recruit_what_2{
		display: block;
		padding-left:  0;
		width:  95%;
		display: block;
		padding: 9px 10px;
	}
	.recruit_down {
		padding:  5px 0 8px 1.1em;
	}
	.recruit_flow_title span {/*ある社員の一日タイトル少し小さく*/
		font-size: 1.2em;
	
	}
}
@media screen and (max-width: 399px) {
	.recruit_what{
		width: 75%;
	}
}

/*******３ヶ月の流れの画像切替********/
.mrg-top56{
	margin: 56px 0;

}
.recruit_3month{
	width: 100%;
}
.recruit_3month img{
	width: 100%;
	height: auto;
}

.mrg-top56 .responsive_sp{
	display: none;
}
@media screen and (max-width: 400px) {
	.mrg-top56 .responsive_pc{
		display: none;
	}
	
	.mrg-top56 .responsive_sp{
		display: block;
	}
}


/***************************
			
１２、キャリア共通CSS
			
***************************/
/*******採用のみのパンクズ新人共通********/

/*******h2********/
.careerbox-h2{
	margin-bottom: 30px;
	border: solid 1px #0065ac;
	font-size: 2.333em;
	width:  55%;
	height:  58px;
	box-shadow:  4px 4px 0px 0px #0065ac;
	border-radius:  12px;
	background:  #fff;
}

p.en_recruitment2{
	font-size: 0.619em;
	line-height: 2.333em;
	margin-left: 0.405em;
	float: left;
}

@media screen and (max-width: 899px) {
	.en_recruitment2{
		font-size: 0.519em;
	}
}

@media screen and (max-width: 819px) {
	.careerbox-h2{
		width: 70%;
		font-size: 1.9em;
		height:  50px;
	}	
}
@media screen and (max-width: 699px) {
	.careerbox-h2{
		width:  85%;
	}	
}

/*h2の上下の間隔を詰める*/
@media screen and (max-width: 519px) {
	.careerbox-h2{
		margin: 0;
		font-size: 1.5em;
		height:  38px;
		width: 70%;
	}
	p.en_recruitment2{
		padding-top:  3px;
	}
}
@media screen and (max-width: 479px) {
	.careerbox-h2{
		width:  99%;
	}
}


/*******応募フォーム新人と共通********/

/*******ページの題名********/
.title-recruit-career{
	width: 100%;
	padding-bottom: 27px;
	font-size: 1em;
	margin-top:  3px;
}
.title-recruit-career h2{
	font-size:  2.1em;
	float: left;
	letter-spacing: 0.1em;
	margin-right:  15px;

}
.title-recruit-career h2 span{
	color: #0065ac;

}
.title-recruit-career p {
	float: left;
	border-right: solid 2px #0065ac;
	padding:  0 0 0 20px;
	line-height: 2.1em;
}

/*h2の隣の棒いらないとき*/
.title-recruit-career .border-non{
	border-right: none;
}


@media screen and (max-width: 779px) {
	.title-recruit-career {
		padding-bottom: 27px;
		font-size: 0.8em;
	}
}
@media screen and (max-width: 669px) {
	.title-recruit-career {
		width: 100%;
	}
	.title-recruit-career h2{
		border-right: none;
		
		
	}
	.title-recruit-career p {
		display: none;
	}
}
@media screen and (max-width: 519px) {
	.title-recruit-career{
		padding-top: 0;
	}
}

@media screen and (max-width: 480px) {
	.title-recruit-career {
		width: 100%;
		padding-bottom: 27px;
	}
	.title-recruit-career h2{
		min-height: 25px;
		padding:  5px 8px 0 0;
		font-size: 1.9em;
	}
}

/*******フッターメニューの上下幅recruit_footer新人と共通********/

/*******キャリアナビゲーション********/
.career_nav {
	width: 100%;
	min-height: 120px;
	overflow: hidden;
}

.career_nav ul {
	width: 84%;
	float: left;
	padding-top: 32px;
}

.career_nav ul li {
	float: left;
	line-height:  22px;
	height: 56px;
	width: 24.6%;	
	border-left: 2px solid #0065ac;
	text-align:  center;
	text-decoration: none;
}

.career_nav ul li.nav-center {
	line-height:  56px;
}

.career_nav ul li.last-border {
	border-right: 2px solid #0065ac;
}

.career_nav ul li a {
	display: block;
	width: 24.6%;	
	height:  56px;
	text-decoration: none;
	display:  table-cell;
	vertical-align:  middle;
}

.career_nav ul li a:hover {
	background: url(../img/recruit_hover.png) repeat;
	color: #0065ac;
}
.career_nav .current-menu-item{
	background: url(../img/recruit_hover2.png) repeat;
	color: #fff;
}

.career_nav .current-menu-item a {
	color:  #FFF;
}

.career_nav .current-menu-item a:hover {
	background: url(../img/recruit_hover2.png) repeat;
	color: #fff;
}

@media screen and (max-width: 959px) {
	.career_nav {
		width: 100%;
		min-height: 120px;
	}
	
	.career_nav ul {
		width: 83%;
	}
	
	
	.career_nav ul li {
		width: 24%;	
	}
	
	.career_nav ul li a {
		width: 24%;
	}
}

@media screen and (max-width: 749px) {
	.pd-25-50{
		padding: 0;
	}

	.career_nav ul {
		width: 79%;
	}
}

@media screen and (max-width: 599px) {
	.career_nav ul li a br {
		display: none;
	}

	.career_nav {
		min-height: 120px;
	}
	.career_nav ul {
		padding-top: 0;
		float: none;
		width: 100%;
	}
	/*.career_nav ul li {
		font-size: 12px;
		width: 19%;	
	}*/

	.career_nav ul li {
		float:none;
		height: 35px;
		width:100%;
		border-bottom: 1px solid #0065ac;
		border-left:none;
	}

	.career_nav ul li a {
		display: block;
		width: 100%;
		height: 35px;
		line-height: 35px;
		text-decoration: none;
		border-bottom: 1px solid #0065ac;
		background:url(../img/business_arrow_s.png) 95% center no-repeat;
	}


	.career_nav ul li.nav-center {
		line-height:  35px;
	}

	.career_nav ul li.last-border {
		border-right: 2px solid #0065ac;
	}

	.career_nav ul li a:hover {
		background: url(../img/business_arrow_s.png) 95% center no-repeat,
					url(../img/recruit_hover.png) repeat;
		color: #0065ac;
	}
	
	.career_nav .current-menu-item,
	.career_nav .current-menu-item a {
		color: #0065ac;
		background: none;
	}
	
	.career_nav .current-menu-item a:hover {
		color: #0065ac;
		background: none;
	}

	.career_nav ul li.last-border {
		border-right: none;
	}
}
			
			/***************************
			
１３、キャリアTOPのCSS
			
			***************************/
/*青い四角*/

.career_case{
	border: solid #0065ac 3px;
	background: #fff;
	margin-bottom: 40px;
}

.career_name{
	width: 37%;
	float: left;
}

.career_name h2{
	padding:  11px 0;
	width:  90%;
	margin:  0 auto;
	font-size:  1.556em;
	line-height: 1.556em;
}

.career_name_position{
	width: 90%;
	margin: 0 auto;
	line-height: 1.8em;
	padding-top:  43px;
}
/*case01の位置指定*/
/*.career_casepic{
	position: absolute;
	bottom: 0;
	left:  -58px;
	z-index: 1;
	max-width: 27.294%;
}*/
/*case01の大きさ指定*/
/*.career_casepic img{
	width: 100%;
	height: auto;
}
*/
.career_casepic{
	position: absolute;
	bottom: 0;
	width:106px;
	left:  -58px;
	z-index: 1;
	background:  #323232;
	border-radius:  10px 10px 0 0;
	text-align:  center;
	color:  #FFF;
	padding: 10px 0 0 0;
	font-size: 1.2em;
}
.career_casepic span {
	font-size:  4em;
	line-height:  1em;
}
.career_pic1{
	width: 62%;
	border-left: solid #0065ac 3px;
	float: right;
	position: relative;
}
.career_pic1 img{
	width: 100%;
	vertical-align: middle;
}


/*写真ホバー*/
.career_pic1 a:hover{
	opacity: 0.5;
}


@media screen and (max-width: 919px) {
	.career_name h2{
		padding:  11px 0;
		width:  90%;
		margin:  0 auto;
		font-size:  1.5em;
		line-height: 1.5em;
	}
	.career_name_position{
		width: 90%;
		margin: 0 auto;
		line-height: 1.5em;
		padding-top:  43px;
	}	
}

@media screen and (max-width: 849px) {
	.career_name h2{
		padding:  11px 0;
		width:  90%;
		margin:  0 auto;
		font-size:  1.4em;
		line-height: 1.4em;
	}
	
	.career_name_position{
		width: 90%;
		margin: 0 auto;
		line-height: 1.4em;
		padding-top:  43px;
	}
	.career_casepic img{/*case01の大きさ指定*/
		width: 80%;
		height: auto;
	}
	.career_casepic {
		left:  -49px;
	}
}


@media screen and (max-width: 767px) {
	.career_name h2{
		padding:  11px 0;
		width:  90%;
		margin:  0 auto;
		font-size:  1.2em;
		line-height: 1.2em;
	}
	.career_casepic {
		left:  0px;
		font-size: 1em;
		width: 86px;
	}
	.career_name_position{
		width: 90%;
		margin: 0 auto;
		line-height: 1.2em;
		padding-top:  43px;
		font-size: 0.9em;
	}
	.career_casepic span{
	font-size: 3.5em;
	}
}

@media screen and (max-width: 639px) {
	.career_case{
		margin-bottom: 25px;
	}
	.career_case{
		border: solid #0065ac 2px;
	}
	.career_pic1{
		border-left: solid #0065ac 2px;
	}
	.career_name h2{
		padding:  11px 0;
		width:  90%;
		margin:  0 auto;
		font-size:  1.1em;
		line-height: 1.1em;
	}
	
	.career_name_position{
		width: 90%;
		margin: 0 auto;
		line-height: 1em;
		padding-top:  30px;
		font-size: 0.9em;
	}
	}
	@media screen and (max-width: 579px) {
	.career_name h2{
		padding:  11px 0;
		font-size:  1.1em;
		line-height: 1.1em;
	}
	
	.career_name_position{
		width: 90%;
		margin: 0 auto;
		line-height: 1.35em;
		padding-top:  10px;
		font-size: 0.8em;
	}
}

@media screen and (max-width: 519px) {
	.career_pic1{
		width: 100%;
		float: none;
		border-left: none;
	}
	.career_case {
		border:  none;
		background:  none;
	}
	.career_name {
		width:  100%;
		float:  none;
	}
	.career_name_position{
		width: 100%;
		font-size: 1em;
		margin-bottom: 6px;
		padding-top:  6px;
	}
	.career_name h2{
		width: 100%;
		font-size:  1.3em;
		padding:  6px 0;
		border-bottom:  solid #0065ac 2px;
		}
	.career_name h2 br{
		display: none;
	}
	.career_case{
		margin-bottom: 32px;
	}
	.career_casepic{
	font-size: 1em;
	}
	.career_casepic span{
	font-size: 2.7em;
	}
	.career_casepic{
	padding: 5px 0 0 0;
	width: 66px;
	}
}

@media screen and (max-width: 599px) {
	.jab-flow img{
		padding-bottom: 20px;
	}
}
			
			
			
/***************************
			
１４、キャリア先輩紹介CASE01ページのCSS 新人と異なる部分のみ記載
			
***************************/

.intro-list li.current-menu-item a {
	color: #0065ac;
}


/***************************
			
　トップ対談
			
***************************/			
.list_discussion {
	width: 100%;
	padding: 25px 0;
}
.list_discussion th {
	width: 25px;
	padding-top: 5px;
	text-align: center;
	vertical-align: top;
}
.list_discussion th span {
	padding-bottom: 3px;
	color: #0065ac;
	font-size: 1.250em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #0065ac;
}
.list_discussion td {
	padding-bottom: 15px;
}
.list_discussion tr:last-child td{
	padding-bottom: 0;
}
.peger_discussion {
	padding: 30px 0 50px;
	text-align: center;
}
.peger_discussion li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 15px;
	font-size: 1.875em;
	font-weight: 700;
}
.peger_discussion li a {
	color: #333;
}
.peger_discussion li.selected a,
.peger_discussion li a.selected,
.peger_discussion li a:hover {
	padding-bottom: 3px;
	color: #0065ac;
	border-bottom: 3px solid #0065ac;
}
.peger_discussion.bottom {
	padding-bottom: 0;
}
.content_discussion h2 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 40px 0 15px;
	padding-bottom: 8px;
	font-size: 1.250em;
	line-height: 1.3em;
	background: url(../img/recruit_discussion_ttl_bg.png) left bottom repeat-x;
}
.content_discussion h3 {
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.3em;
}
.content_discussion h3 span {
	display: block;
	overflow: hidden;
}
.content_discussion h3 span.icon {
	display: block;
	float: left;
	margin-right: 5px;
	color: #0065ac;
	font-size: 0.85em;
}
.box_comment {
	margin-bottom: 30px;
}
.box_comment .icon {
	float: left;
	margin-right: 15px;
	text-align: center;
}
.box_comment .icon span {
	display: block;
	margin-top: 5px;
	font-size: 0.813em;
}
.box_comment.right .icon {
	float: right;
	margin-left: 15px;
}
.box_comment .comment {
	overflow: hidden;
	padding: 2%;
	line-height: 1.750em;
	background: #fff;
	border-radius: 8px;
}
.content_discussion .photo {
	max-width: 800px;
	margin: auto;
}
.content_discussion .photo > div {
	float: left;
	width: 48%;
}
.content_discussion .photo > div:first-child {
	margin-right: 4%;
}
.content_discussion .photo > div img {
	max-width: 100%;
	height: auto;
}
.sec_recruitbtn {
	max-width: 642px;
	margin: 30px auto 40px;
}
.sec_recruitbtn > li {
	float: left;
	width: 48%;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.sec_recruitbtn > li:first-child {
	margin-right: 4%;
}
.sec_recruitbtn > li a {
	display: block;
	color: #fff;
	font-size: 1.250em;
	font-weight: 700;
	background: #0065ac;
	border: 1px solid #0065ac;
}
.sec_recruitbtn > li a:hover {
	color: #0065ac;
	background: #fff;
}
@media screen and (max-width: 519px) {
	.list_discussion {
		padding: 15px 0;
	}
	.content_discussion h2 {
		margin-top: 20px;
	}
	.content_discussion h3 {
		margin-bottom: 20px;
	}
	.box_comment {
		margin-bottom: 20px;
	}
	.content_discussion .photo > div {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.content_discussion .photo > div:first-child {
		margin: 0 0 10px 0;
	}
	.sec_recruitbtn > li {
		float: none;
		width: 100%;
	}
	.sec_recruitbtn > li:first-child {
		margin: 0 0 10px 0;
	}
}