@charset "utf-8";

/*////////////////////////////////////////////////
文字サイズ一覧
10px => 83.4%
11px => 91.7%
12px => 100%
13px => 108.4%
14px => 116.7%
15px => 125%
16px => 133.4%
17px => 141.7%
18px => 150%
19px => 158.4%
20px => 166.7%
21px => 175%
22px => 183.4%
23px => 191.7%
24px => 200%
25px => 208.4%
26px => 217%
////////////////////////////////////////////////*/

/* Default Setting
////////////////////////////////*/

/* メインカラム h1 (左メニュー有)
-------------------------------*/
#contents #main h1 {
	width: 660px;
	margin: 0 0 36px;
	font-weight: bold;
}


/* メインカラム h2 (左メニュー有)
-------------------------------*/
#contents #main h2 {
	width: 622px;
	margin: 0 19px 36px;
	padding: 0;
}

/* メインカラム h3 (左メニュー有)
-------------------------------*/
#contents #main h3 {
	width: 622px;
	margin: 0 19px 22px;
	padding: 0;
}

/* メインカラム ブロック (左メニュー有)
-------------------------------*/
#contents #main .section {
	overflow: hidden;
	width: 622px;
	margin: 0 19px;
}

/* メインカラム p (左メニュー有)
-------------------------------*/
#contents p {
	margin: 0 0 36px;
	padding: 0;
	line-height: 2;
}

/* 下マージン22px
-------------------------------*/
.short {
	margin-bottom: 22px !important;
}

/* 下マージン22px
-------------------------------*/
.top {
	margin-bottom: 36px !important;
}

/* 下マージンなし
-------------------------------*/
.end {
	margin-bottom: 0 !important;
}


/* リンク色
-------------------------------*/
a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* class="hover"でマウスオーバー時に30%透過
-------------------------------*/
a:hover img.hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* もっと読む
--------------------------------*/
a.more {
	color: #5388ba;
}

/* 文字装飾系
////////////////////////////////*/

small {/*小*/
	font-size: 83.4%;
}

strong {/*強調*/
	font-weight: bold;
}

.picture {/*文中挿絵(中央揃え)*/
	text-align: center;
}

.contents {/*サービス文字色*/
	color: #E09900;
}

.service {/*法人サービス文字色*/
	color: #0066D9;
}

.company {/*会社情報文字色*/
	color: #C20303;
}

.recruit {/*採用情報文字色*/
	color: #79ab02;
}


/* Layout
////////////////////////////////*/
html,body {
	height: 100%;
}

div#container {
	margin: 0;
	padding: 0;
}

/*ヘッダー
--------------------------------*/
div#header {
	overflow: hidden;
	width: 900px;
	height: 54px;
	margin: 0 auto;
	padding: 0 5px;
	position: relative;
}

div#header div#headerLogo {
	float: left;
	padding: 20px 0 5px;
}
div#header div#headerNav {
	float: right;
	width: 78px;
	margin: 0;
	padding: 37px 7px 0 0;
}
div#header div#headerNav2 {
	position: absolute;
	top: 8px;
	right: 5px;
}

/*ヘッダーバナー（お問い合わせ）*/
div#header .bn_header_contact {
	width: 550px;
	position: absolute;
	top: 7px;
	left: 235px;
}

div#header .wanted {
  position: absolute;
  top: 5px;
  right: 112px;
}

/*グローバルナビ
--------------------------------*/


#globalnavi {
	height: 53px;
	background: url(../img/globalnavi_bg.png) top left repeat-x;
	position:relative;
	z-index: 10;
}

#globalnavi ul {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/globalnavi_bg.png) top left repeat-x;
}

#globalnavi ul li {
	float: left;
	width: 150px;
	height: 35px;
	margin-top: 9px;
	list-style: none;
	background-image: url(../img/globalnavi2.png);
}

#globalnavi ul li.navi1 {
	background-position: 0px 0px;
}

#globalnavi ul li.navi2 {
	background-position: -150px 0px;
}

#globalnavi ul li.navi3 {
	background-position: -300px 0px;
}

#globalnavi ul li.navi4 {
	background-position: -450px 0px;
}

#globalnavi ul li.navi5 {
	background-position: -600px 0px;
}
#globalnavi ul li.navi6 {
	background-position: -750px 0px;
}


#globalnavi ul li.navi1:hover {
	background-position: 0px -35px;
}

#globalnavi ul li.navi2:hover {
	background-position: -150px -35px;
}

#globalnavi ul li.navi3:hover {
	background-position: -300px -35px;
}

#globalnavi ul li.navi4:hover {
	background-position: -450px -35px;
}

#globalnavi ul li.navi5:hover {
	background-position: -600px -35px;
}

#globalnavi ul li.navi6:hover {
	background-position: -750px -35px;
}

#globalnavi ul li a {
	width: 150px;
	height: 35px;
	display: block;
	overflow: hidden;
	text-indent: -100%;
}



/*パンくず
--------------------------------*/
div#breadCrumb {
	overflow: hidden;
	width: 890px;
	height: 25px;
	margin: 0 auto;
	padding: 0 5px 25px 15px;
	color: #333;
	font-size: 91.7%;
	line-height: 25px;
	background: url(../img/contents_bg_top.jpg) no-repeat left bottom;/*←パンくずエリアにサービス部の背景含む*/
}

div#breadCrumb a,
div#breadCrumb span {
	color: #666;
}


/*サービス部
--------------------------------*/
div#contents {
	overflow: hidden;
	width: 862px;
	margin: 0 auto;
	padding: 0 24px;
	background: url(../img/contents_bg_repeat.jpg) repeat-y left top;
}

/*トップに戻る
--------------------------------*/
div#returnToTop {
	width: 900px;
	height: 11px;
	margin: 0 auto;
	padding: 32px 5px 40px;
	background: url(../img/contents_bg_bottom.jpg) no-repeat left top;/*←トップに戻るエリアにサービス部の背景含む*/
}

div#returnToTop p {
	height: 11px;
	margin: 0;
	padding: 0;
	text-align: right;
}

/*左メニュー
--------------------------------*/
div#lNav {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 9px;
}

ul#lNavList {
	padding-bottom: 9px;
	background: url(../img/lNav_footer.jpg) no-repeat left bottom;
}

ul#lNavList ul {
	margin: 0;
	padding: 0;
}

ul#lNavList li,
ul#lNavList ul li {
	display: block;
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0;/*for IE6*/
	font-size: 0px;/*for Win Firefox*/
}


ul#lNavList li.current ul {
	display: block;
}

ul#lNavList ul li a {
	line-height: 1;/*for IE6*/
}

ul#lNavList ul li a img {
	vertical-align: top;/*for IE6*/
}
/* facebook,instagramリンク */
ul#lNavList li.lNavSocialDiary {
	height: 112px;
  padding: 35px 8px 0;
  box-sizing: border-box;

  background: url(../img/lNav1_diary.jpg) 0 0 no-repeat;
}
ul#lNavList li.lNavSocialDiary a:last-child img {
	margin-top: 4px;
}
ul#lNavList li.lNavSocialDiary a:hover img {
	opacity: 0.85;
}

ul#lNavList li.lNavEntry {
	height: 112px;
  padding: 35px 8px 0;
  box-sizing: border-box;
  border-bottom: solid 1px #e7e4e4;
}
ul#lNavList li.lNavEntry.career {
  background: url(../img/lNav1_group_career.jpg) 0 0 no-repeat;
}
ul#lNavList li.lNavEntry.newgrad {
  background: url(../img/lNav1_group_newgrad.jpg) 0 0 no-repeat;
}
ul#lNavList li.lNavEntry.parttime {
  background: url(../img/lNav1_group_parttime.jpg) 0 0 no-repeat;
}
ul#lNavList li.lNavEntry a:last-child img {
	margin-top: 4px;
}

div#lNav div#other {/*メニュー外エリア*/

}
div#lNav div#other .privacymark {
	display:none;
	overflow: hidden;
	width: 180px;
	margin-top: 10px;
}
div#lNav div#other .privacymark .img {
	float: left;
}
div#lNav div#other .privacymark .txt {
	width: 105px;
	font-size: 10px;
	color: #8793a5;
	line-height: 120%;
	padding-top: 3px;
	margin: 0;
	float: right;
}

/* メインカラム（左メニュー有り）
--------------------------------*/
#contents #main {
	float: left;
	width: 660px;
}

/* フッター
--------------------------------*/
div#footer {
	width: 100%;
	/*height: 335px;*/
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../img/footer_bg.jpg) repeat-x left top #E5E6EA;
}

div#fBar {
	overflow: hidden;
	width: 900px;
	height: 33px;
	margin: 0 auto;
	padding: 0 5px;
}

div#fBar_home {
	float: left;
	width: 75px;
}

ul#fBar_list {
	overflow: hidden;
	float: right;
	width: 371px;
	margin: 0;
	padding: 0;
}

ul#fBar_list li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* フッターサイトマップ
--------------------------------*/
div#fNav {
	width: 900px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/fNav_dot.jpg) repeat-x 0px 37px;
}
div#fNav_all {
	background: url(../img/footer_line_bg.gif) bottom repeat-x;
}
div#fNav h2 {
	height: 32px;
	margin: 0 0 10px;
	padding: 0;
	line-height: 32px;
	font-weight: bold;
}

div#fNav ul.fList {
	float: left;
	margin: 0;
	padding: 0 0 0 6px;
}

div#fNav ul.fList li {
	margin: 0;
	padding: 0 5px 0 10px;
	background: url(../img/list_arrow.jpg) no-repeat 0px 5px;
	list-style: none;
	font-size: 83.4%;
	font-weight: bold;
}

div#fNav ul.fList li ul {
	clear: left;
	margin: 0;
	padding: 0;
}

div#fNav ul.fList li ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../img/list_dot.jpg) no-repeat 0px 5px;
	list-style: none;
	font-size: 100%;
	font-weight: normal;
}

div#fNav ul.fList li a {
	display: block;
	padding: 0 0 5px;
	color: #525e76;
}

* html div#fNav ul.fList li a {/*for IE6*/
	display: inline-block;
}
/*
div#fContents {
	overflow: hidden;
	float: left;
	width: 40%;
	padding: 0 10px 0 0;
	border-top: 5px solid #0066d9;
}

div#fContents h2 a {
	padding: 0 0 0 10px;
	color: #525e76;
	background: url(../img/arrow_blue.jpg) no-repeat left center;
}

div#fService {
	overflow: hidden;
	float: left;
	width: 389px;
	border-top: 5px solid #c20303;
}

div#fService h2 a {
	padding: 0 0 0 15px;
	color: #525e76;
	background: url(../img/arrow_red.jpg) no-repeat left center;
}

div#fCompany {
	overflow: hidden;
	float: left;
	width: 30%;
	padding: 0 15px;
	padding-right: 0;一時的に改行対策
	border-top: 5px solid #f47d24;
}

div#fCompany h2 a {
	padding: 0 0 0 15px;
	color: #525e76;
	background: url(../img/arrow_orange.jpg) no-repeat left center;
}

div#fRecruit {
	overflow: hidden;
	float: left;
	width: 25.5%;
	padding: 0 0 0 15px;
	border-top: 5px solid #8bc501;
}

div#fRecruit h2 a {
	padding: 0 0 0 15px;
	color: #525e76;
	background: url(../img/arrow_green.jpg) no-repeat left center;
}*/
div#fContents {
overflow:hidden;
float:left;
width:394px;
padding:0 15px;
border-top:5px solid #0066d9;
}

div#fContents h2 a {
padding:0 0 0 10px;
color:#525e76;
background:url(../img/arrow_blue.jpg) no-repeat left center;
}

div#fService {
overflow:hidden;
float:left;
width:202px;
padding:0 15px;
border-top:5px solid #c20303;
}

div#fService h2 a {
padding:0 0 0 15px;
color:#525e76;
background:url(../img/arrow_red.jpg) no-repeat left center;
}

div#fCompany {
overflow:hidden;
float:left;
width:129px;
padding:0 15px;
border-top:5px solid #f47d24;
}

div#fCompany h2 a {
padding:0 0 0 15px;
color:#525e76;
background:url(../img/arrow_orange.jpg) no-repeat left center;
}

div#fRecruit {
overflow:hidden;
float:left;
width:302px;
padding:0 0 0 15px;
border-top:5px solid #8bc501;
}

div#fRecruit h2 a {
padding:0 0 0 15px;
color:#525e76;
background:url(../img/arrow_green.jpg) no-repeat left center;
}

/* コピーライト
--------------------------------*/
div#copyright {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

div#copyright #footerLogo {
	float: left;
	width: 114px;
	margin: 0;
	padding: 10px 0 0;
}

div#copyright p {
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
	color: #8793a5;
	line-height: 1;
}

/* Pマーク・セキュアシール
--------------------------------*/
#footer div#markseal {
	overflow: hidden;
	width: 900px;
	font-size: 10px;
	margin: 0px auto;
}
#footer div#markseal .verisign {
	margin-top: -5px;
}
#footer div#markseal .privacy {
	margin-top: 0px;
}
#footer div#markseal .in {
	float: right;
}
#footer div#markseal .img {
	padding-left: 10px;
	float: left;
}
#footer div#markseal .line {
	background: url(../img/footer_line_y.gif) right top repeat-y;
	padding-right: 15px;
}
#footer div#markseal .txt {
	width: 100px;
	color: #8793a5;
	line-height: 120%;
	padding-left: 10px;
	float: left;
}

/* お問い合わせバナー
--------------------------------*/
.otoiawase {
	position: relative;
	overflow: hidden;
	width: 622px;
	height: 145px;
	margin: 0 19px;
}

.otoiawase .btn_otoiawase {
	position: relative;
	margin: -76px 0 0 330px;
}

/* floatクリア(clearfix 元ソースではoverflow: hiddenの方法を使用)
--------------------------------*/
.clear {clear: both;}/* クリア */
/* クリアDIV型 */
div.clear {height: 0px; font-size: 0px; line-height: 0px; clear: both;}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {display: inline-block;}

/* Hides from IE5-mac \*/
* html .clearfix, * html #content, * html .veri {height: 1px;}
.clearfix #content .veri {display: block;}
/* End hide from IE5-mac */

/* ブロック化(imgマージン対策など)
--------------------------------*/
img.dispblock {display: block;}/* ブロック化 */
.dispinline {display: inline;}/* インライン化 */
.dispnone {display: none; visibility: hidden;}/* 非表示 */

/* プライバシーマーク非表示
--------------------------------*/
.privacymark,.pmark,.privacy,.footer-pmark,.sealset{
	display:none !important;
}

/*スマホ版対応
--------------------------------*/
@media screen and (min-device-width: 320px) and (max-device-width:789px) {
	body{
		font-size: 1.5em !important;
		margin:0;
		padding:0;
		width:100%;
}
	div#header div#headerLogo {
		float: left;
		width: 40% !important;
		padding: 30px 0 5px 20px !important;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
}
	div#header div#headerLogo img {
		width:100%
	}
	div#header {
		width:100%;
		height: 100px;
		  padding: 0 !important;
	}
	#globalnavi{
		background:none;
		width:100%;
		height:auto !important;
  		padding-bottom: 5px;
	}
	#globalnavi ul {
		width:100%;
		margin: 0 !important;
		overflow: visible !important;
		display: table;
		-webkit-box-align: center;
		text-align:center;
		background-image:none !important;
		-webkit-box-sizing:border-box;
  		box-sizing:border-box;
	}
	#globalnavi ul li {
		width: 50% !important;
		float:none !important;
		display:inline-block;
		height:auto !important;
		margin:0 !important;
		text-align:center;
 		padding:1.2em 3px;
 		-webkit-box-sizing:border-box;
  		box-sizing:border-box;
		background-image:none;
    	border: 2px solid #fff;
		background-color:#adbed0;
    	color: #FFF;
		font-size:140%;
		font-weight:bold;
}
	#globalnavi ul li.navi1:hover,#globalnavi ul li.navi2:hover,#globalnavi ul li.navi3:hover,#globalnavi ul li.navi4:hover,#globalnavi ul li.navi5:hover {
		background-color:#eb5312;
}

	#globalnavi ul li a {
		width:100% !important;
		height: auto !important;
		display: block;
		color: #fff;
		overflow: hidden;
		text-indent: 0 !important;
		line-height:100%;
	}
	div#header {
		overflow: hidden;
		width: 100%;
 }
	#contents_top {
		width: 100% !important;
		margin: 12px auto;
		padding-top: 0;
		clear: both;
		text-align: center;
}
	#contents_top li {
		width: 80% !important;
		height: auto !important;
		float: none !important;
		margin:auto;
}
	#contents_top li a{
		display:block !important;
}
	#contents_top li img{
		width:100% !important;
		height:auto !important;
		display:block !important;
}
	div#fNav {
		height: 300px !important;
}
}


.block {
  margin-bottom: 50px;
}

#contents #main h3.subhead {
  color: #333;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 20px;
	position: relative;
	padding-bottom: .25em;
	border-bottom: 3px solid #ccc;
}
#contents #main h3.subhead::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 3px;
	background-color: #484848;
}

#service #contents #main h3.subhead { color: #c10303; }
#service #contents #main h3.subhead::after { background-color: #c10303; }

#recruit #contents #main h3.subhead { color: #8bc403; }
#recruit #contents #main h3.subhead::after { background-color: #8bc403; }