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

*{
	padding: 0;
	margin: 0;
	vertical-align:middle;
}

body {
	font-size: 14px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	padding: 0;
	margin: 0;
	width:100%;
	color:#333;
	background:#FFF;
	line-height:20px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.sp	{
	display:none !important;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 1000;
}
/*----------------------------------------
 2)リンク
----------------------------------------*/	
a {
  color: #0000ff;
  text-decoration:none;
  border:none;
  	-webkit-transform-style: preserve-3d;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
  animation-iteration-count: 1;
}
a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
a:hover {
  color: #0000ff;
  text-decoration:none;
}

header .hNav a, .txtHv {
  color: #163561;
  text-decoration:none;
  border-bottom:1px solid #fff;
}

header .hNav a:hover, .txtHv:hover  {
  color: #0000ff;
  border-bottom:1px solid #0d2854;
}

.topicPath a,
.side a,
.list dd a {
  color: #333;
  text-decoration: none;
}

.topicPath a:hover,
.side a:hover ,
.list dd a:hover {
  color: #0000ff;
  text-decoration: none;
}


#foot a {
  color: #FFF;
  text-decoration: none;
}
#foot a:hover {
  color: #0000ff;
  text-decoration: none;
}

/*----------------------------------------
 3)枠
----------------------------------------*/	
#wrapper {
	width: 100%;
	margin: 0 auto !important;
}

/*----------------------------------------
4)ヘッダー
----------------------------------------*/	
header{
	width: 960px;
	margin:0 auto;
	height:100px;
}

header .logo{
	float:left;
	width:300px;
    padding:18px 0 0 0;
}

header .inner{
	float:right;
	width:520px;
}

header .inner .hNavBtn{
	display:table;
	table-layout:fixed;
    padding:15px 0 0 0;
}

header .inner .hNavBtn li{
	display:table-cell;
    padding:0 0 0 8px;
}

header .hNav{
	width:280px;
	float:right;
	display:table;
    padding:10px 0 0 0;
}

header .hNav li{
	background:url(../../images/icoArrow_orange.png) left no-repeat;
	display:table-cell;
    padding:0 15px 0 9px;
	font-size:12px;
}
header .hNav li:last-child{
	padding-right: 0;
}
/*----------------------------------------
5)ナビゲーション
----------------------------------------*/
nav.gNav {
	background:url(../../images/menu_bg.jpg) repeat-x top;
	margin: 0 auto;
	padding: 0;
	height:45px;
}
nav.gNav ul {
	display: flex;
	margin: 0 auto;
	width:962px;
}

nav.gNav ul li {
	position: relative;
}
nav.gNav ul li a{
	position: relative;
	display: block;
}
nav.gNav ul li a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	transition: 0.2s;
}
nav.gNav ul li:nth-child(1) a:hover:after {
	background: url("../../images/menu_service_on.jpg");
}
nav.gNav ul li:nth-child(2) a:hover:after {
	background: url("../../images/menu_knowledge_on.jpg");
}
nav.gNav ul li:nth-child(3) a:hover:after {
	background: url("../../images/menu_book_on.jpg");
}
nav.gNav ul li:nth-child(4).on a:after,
nav.gNav ul li:nth-child(4) a:hover:after {
	background: url("../../images/menu_recruit_on.jpg");
}
nav.gNav ul li:nth-child(5) a:hover:after {
	background: url("../../images/menu_company_on.jpg");
}
		.headroom {position: fixed;top: -45px;left: 0;right: 0;transition: all .2s ease-in-out;}
		.headroom--unpinned {top: 0px;}
		.headroom--pinned {top: -45px;}
nav.gNav .sub_menu{
    overflow: hidden;
    width: 100%;
    top:45px;
    left: 0;
    text-align: center;
    position: absolute;
    background:#061f3b;
    display: none;
	z-index: 100;
	padding: 10px 0;
}
nav.gNav .sub_menu .menu_inner{
	max-width: 1000px;
	margin: 0 auto;
}
nav.gNav .sub_menu ul{
	display: block;
    margin: 0;
	width: 100%;
}
nav.gNav .sub_menu li{
	text-align: center;
	padding: 0 10px;
}
nav.gNav .sub_menu li a{
	display: block;
	padding: 10px 0 !important;
    text-align: center;
	border-bottom: 1px solid #536684;
	color: #fff;
	}
nav.gNav .sub_menu li:last-child a{
	border-bottom: none;
	}
nav.gNav .sub_menu li a::after{
	display: none;
	}
 
/*----------------------------------------
6)コンテンツ
----------------------------------------*/	
#contents {
	clear:both;
	width: 100%;
	margin: 0 auto;
	padding:0 0 40px 0;
}


/*----------------------------------------
7)フッター
----------------------------------------*/	
footer {
	clear:both;
	width: 100%;
	height:80px;
}
footer .tel_area {
	width: 420px;
	margin: 60px auto;
}
footer .tel_area p{
	margin-bottom: 40px;
}
footer .tel_area ul li{
	display: flex;
	margin: 0 0 25px;
	color: #0d2854;
}
footer .tel_area ul li .name{
	width: 105px;
}
footer .tel_area ul li a{
	font-size: 32px;
	color: #0d2854;
}
footer .tel_area ul li a span{
	display: inline-block;
	vertical-align: baseline;
	font-size: 14px;
}
address{
	text-align:center;
	margin: 0 auto;
	padding:25px 0;
}

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}


/*----------------------------------------
　パンクズ
----------------------------------------*/
.topicPath{
	 padding: 0 0 0 0;
	 margin:0 auto;
	 font-size:12px;
	 height:30px;
	 width:960px;
	  }

.topicPath ul{    
	 padding: 0 0 0 0;
	 margin:0 auto;
	 width:960px;
	  }

.topicPath li{
	background:url(../../images/pan_arrow.png) no-repeat left;
	float:left;
	 padding: 2px 10px 0 20px;
	 margin:0;
	 list-style:none;
	 height:23px;
	  }

.topicPath li:first-child{
	background:none;
	float:left;
	 padding: 2px 10px 0 0;
	 margin:0;
	 list-style:none;
	 height:25px;
	  }
/*ip*/

.fixed_local {
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	height: 96px;
    z-index: 140;
}
/*----------------------------------------
search
----------------------------------------*/
.search_area{
	width: 200px;
	padding: 0;
}
.search_area form{
	width: 100%;
	position: relative;
	top:5px;
	border-radius: 30px;
	border: 1px solid #051e3b;
	box-sizing: border-box;
	height: 32px;
	padding: 4px 10px 0 18px;
}
.search_txt{
	position: relative;
	width: calc(100% - 45px);
	border: none;
	box-sizing: border-box;
	font-size: 16px;
}
.search_area input{
	margin: 0 !important;
	padding: 0 !important;
}
.search_area input:focus {outline: none;}
.search_area form span{
	position: absolute;
	top:5px;
	right: 0;
	height: 30px;
	width: 30px;
	box-sizing: border-box;
	}

.serch_details{
	padding: 40px 0 40px 10px;
	}
.serch_details div{
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #e0e0e0;
	}
.serch_details a{
	color: #000;
	}
.serch_details span{
	color: #666;
	font-size: 13px;
	}
.serch_details p{
	height: 20px;
	overflow: hidden;
	}
/*-- その他 --*/
.blue{color:#19335d !important;}
.red{color:#df1705 !important;}
.yellow{color:#e47911 !important;}
.gray{color:#666 !important;}
.green{color:#50b240 !important;}
.lineDot{border-bottom:dotted 1px #ccc !important; padding-bottom:5px; margin-bottom:10px;}
.lineSolid{border-bottom:solid 1px #ccc !important; padding-bottom:5px; margin-bottom:10px; letter-spacing:0.2em; text-align:center;}
.clear{clear:both !important;}
.c{text-align:center !important;}
.r{text-align:right !important;}
.l{text-align:left !important;}
.mtm20 {margin-top:-20px !important;}
.mtm25 {margin-top:-25px !important;}
.mt-150 {margin-top:-150px !important;}
.mt-100 {margin-top:-100px !important;}
.mt-80 {margin-top:-80px !important;}
.mt-60 {margin-top:-60px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-10 {margin-top:-10px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb150 {margin-bottom:200px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}
.ml60 {margin-left:60px !important;}
.ml230 {margin-left:230px !important;}
.ml-15 {margin-left:-15px !important;}
.ml-20 {margin-left:-20px !important;}
.pt90 {padding-top:90px !important;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w180{width:180px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w265{width:265px !important;}
.w275{width:275px !important;}
.w300{width:300px !important;}
.w320{width:320px !important;}
.w340{width:340px !important;}
.w350{width:350px !important;}
.w370{width:370px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w550{width:550px !important;}
.w600{width:600px !important;}
.w610{width:610px !important;}
.w700{width:700px !important;}
.h110{height:110px !important;}
.h120{height:120px !important;}
.h130{height:130px !important;}
.h140{height:140px !important;}
.h150{height:150px !important;}
.txt11 {font-size:11px !important;}
.txt12 {font-size:12px !important;}
.txt13 {font-size:13px !important;}
.txt14 {font-size:14px !important; line-height:24px;}
.txt15 {font-size:15px !important;}
.txt16 {font-size:16px !important; line-height:30px;}
.txt18 {font-size:18px !important;}
.greenBg{background:#44a57c !important; color:#FFF;}
.redBg{background:#bd333f !important; color:#FFF;}
.blueBg{background:#506b96 !important; color:#FFF;}
.blueBg01{background:#5f88c3 !important; color:#FFF;}
.blueBg02{background:#4777bd !important; color:#FFF;}
.purpleBg{background:#6d4581 !important; color:#FFF;}
.purpleBg01{background:#a584b7 !important; color:#FFF;}
.orangeBg01{background:#e18045 !important; color:#FFF;}
.orangeBg02{background:#cc4113 !important; color:#FFF;}
.whiteBg{background:#FFF !important;}
.ico_red{background:url(../../images/ico_disk.png) no-repeat left; padding:0 0 0 20px !important;}