@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*共通項目
-------------------------------------------------*/

body{
	font-size:90%;
	line-height:170%;
	
	font-family:
	Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
	color:#333;
	text-align:center;
}

input,select,textarea{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;font-size:100%;}

/*ページトップ */
.pagetop{text-align:right;}

/*見出し設定
-------------------------------------------------*/
.h1{
	width:1140px;
	margin:0 auto;
	
}
h1{
	text-align:right;
	font-size:79%;
	line-height:normal;
	padding:5px 0;
	font-weight:normal;
	color: #FFF;
	position:absolute;
	top:90px;
	z-index:10;
}

h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}

.tit_h3{border-top:3px solid #000;border-bottom:1px solid #1e73b4;padding:4px 8px;line-height:normal;font-size:150%;color:#666;margin:0 0 20px;}
.tit_h4{border-left:6px solid #000;color:#000;padding:0 0 0 9px;margin:0 0 10px;line-height:normal;font-size:133%;margin:0 0 10px;}
.tit_h5{font-size:117%; color:#000; line-height:normal;margin:0 0 10px;}

.h3_tit01{
	color:#0793d3;
	font-weight:normal;
	position:relative;
	font-size:18px;
}

.h3_tit01 span{
	font-size:10px;
	display:block;
}

.h3_tit01:after{
	content:"";
	border-bottom:1px solid #0793d3;
	position:absolute;
	width:73px;
	bottom:24px;
}

.h3_tit02{
	color:#12163f;
	font-weight:normal;
	position:relative;
	font-size:22px;
	margin-bottom:20px;
	position: relative;
	display: inline-block;
	padding: 0 45px;
}

/*.h3_tit02:before, .h3_tit02:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 20px;
height: 2px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.h3_tit02:before {left:0;}
.h3_tit02:after {right: 0;}*/

.inline {
	text-align: justify;
	text-justify: distribute-all-lines;
}

.h3_tit03 {
	font-weight:normal;
	font-size:28px;
	/*width:800px;*/
	margin:0 auto 60px;
	text-align:center;
	color:#000;
	line-height: 1.2;
}

.h3_tit03 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
}
.h3_tit03 span::before,
.h3_tit03 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20%;
  height: 1px;
  background-color: #000;
}
.h3_tit03 span::before {
  right: 100%;
}
.h3_tit03 span::after {
  left: 100%;
}

.h3_tit04 {
	font-weight:normal;
	font-size:20px;
	text-align:center;
	
	margin-bottom:30px;
}

.h3_tit04 span{
	color: #fff;
	background: #0979ac;
	padding: 5px 2em;
	font-style: italic;
}

.h3_tit05 {
	font-weight:normal;
	font-size:28px;
	margin:0 auto 60px;
	text-align:center;
	color:#000;
	line-height: 1.2;
}

.h3_tit05 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
}
.h3_tit05 span::before,
.h3_tit05 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20%;
  height: 1px;
  background-color: #000;
}
.h3_tit05 span::before {
  right: 100%;
}
.h3_tit05 span::after {
  left: 100%;
}


.h4_tit01 {
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 40px;
	text-align: center;
	color: #000;
	
}

.h4_tit01 span{
	border:1px solid #000;
	padding:0.5em 3em;
	background:#fff;
	
}
.h4_tit02 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 40px;
	color: #000;
	border-bottom: solid 3px #ccc;
	position: relative;
	padding-bottom:10px;
	
}

.h4_tit02:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #0793d3;
bottom: -3px;
width: 10%;
}
 
.inline:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}
 
div.inline > div{
  display: inline-block;
}
/*ヘッダー
-------------------------------------------------*/
#header_bg{
	text-align:left; 
	background:rgba(7,147,211,0.8);
	width:100%;
	position:fixed;
	z-index:100;}
	
#header{
	width: 1140px;
	margin: 0 auto;
	text-align: left;
}
#logo {
	width: 316px;
	float: left;
	height: 83px;
}

/* ヘッダーナビ */
#hnav{
	width:600px;
	float:right;
	padding-top: 20px;
}
#hnav ul{width:px;margin:0 auto;list-style-type:none;height:41px;overflow:hidden; float:right; width:230px;}
#hnav li{float:left;text-align:left;padding-right: 20px;}
#hnav li img{vertical-align:bottom;}

/* グローバルナビ 
-------------------------------------------------*/
#nav_bg{
	
	margin:0 auto;
	background: #666;
}
#nav{
	float: right;

}
#nav ul{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
#nav li{
	position: relative;
	float: left;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	height: 83px;
}

#nav ul li ul {
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 10000;
}

#nav ul li:last-child ul{
  left: -100%;
  width: 100%
}
#nav ul ul li {
	overflow: hidden;
  width: 180%;
  height: 0;
		color:#fff;
}

#nav ul li:nth-of-type(3) ul li {
  width: 360%;
  height: 0;
}
#nav ul li ul li a{
  padding: 10px 0 10px 10px;
  text-align: left;
  font-size: 12px;
  font-weight: lighter;
		color:#fff;
		display:block;
}

#nav ul li ul li a:hover{
		color:#fff;
		background:#000;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
}

#nav ul li ul li:first-child a:hover{
		padding-bottom:4px;
}

#nav ul li:hover > a{
  color:#fff;
	text-decoration:none;
}
#nav ul > li:hover > a{
	color:#666;
}
#nav ul li:hover ul li{
	overflow: visible;
	height: 40px;
	border: 1px solid #fff;
	border-top: none;
	background:#12163f;
	box-sizing: border-box;
}
#nav ul li:hover ul li:first-child{
  border-top: 1px solid #ccc;
}
#nav ul li:hover ul li:last-child a{
}

#nav li img{vertical-align:bottom;}


/* サイドナビ 
-------------------------------------------------*/
#snav{
	padding: 10px;
}
#snav ul{list-style-type:none;}
#snav li{height:px;overflow:hidden;}
#snav li img{vertical-align:bottom;}
#snav .sub{
	padding:0 10px;
	font-size: 90%;
}
/* コンテンツ
-------------------------------------------------*/
#contents_bg{
	
	text-align:left;
}

section{
	width:100%;
}

.bg01{
	background:#f1f1f1;
}

.bg02{
	background:#000;
}
.contents{
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	padding-top: 50px;
}

/* サブカラム 
-------------------------------------------------*/
#aside{
	width:220px;
	float:left;
	background: #CCC;
}

/* メインカラム 
-------------------------------------------------*/
#article{
	width:720px;
	float: right;
}
/* 3カラムの場合*/
#article_main {
	width:480px;
	float:left;
}
#article_sub {
	width:220px;
	float:right;
}

/* フッター 
-------------------------------------------------*/
#footer_bg{
	background: #12163f;
}
#footer{
	width: 1140px;
	margin: 0 auto;
	height: auto;
	color: #FFF;
	padding-top: 30px;
	padding-bottom:20px;
}

.f_info{
	text-align:center;
}
.f_info p{
	display:inline-block;
	margin:10px;
	text-align:left;
}
#fnav{
	width: 1140px;
	padding-top: 30px;
}
#fnav ul{
	list-style: none;
	font-size: 12px;
}
#fnav li{display:inline; padding-right:20px;border-left:1px solid #fff;padding-left:20px;}
#fnav li:last-child{border-right:1px solid #fff;}
#fnav a:link,#fnav a:visited,#fnav a:active{color:#fff;line-height:normal;text-decoration:none;}
#fnav a:hover{color:#fff;line-height:normal;text-decoration:underline;}

/*コピーライト */
address{
	text-align:center;
	font-style:normal;
	margin:0;
	color:#fff;
	line-height:normal;
	padding:7px 0;
	font-size:80%;
	border-top:1px solid #fff;
	}

/* リンク設定 
-------------------------------------------------*/
body a:focus{outline:none;}
body a:link, body a:visited, body a:active{
	color:#000;
	text-decoration:none;
}
body a:hover{
	color: #666;
	text-decoration: none;
}
/* 画像リンク*/
body a:hover img {filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
/* 画像リンク 効果解除*/
#nav li a:hover img,
#logo a:hover img
{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/* ボーダー設定 
-------------------------------------------------*/
.bdr_t{border-top:1px dotted #666;padding:0 0 10px;margin:0 0 10px;}
.bdr_b{border-bottom:1px dotted #666;padding:0 0 10px;margin:0 0 10px;}

/* 文字カラー設定 
-------------------------------------------------*/
.red{color:#e60012;}
.pink{color:#ffc0cb;}
.purple{color:#800080}
.blue{color:#06c;}
.skyblue{color:#0cc;}
.green{color:#008000;}
.yellow{color:#ffc;}
.orange{color:#ffa500;}
.brown{color:#a52a2a;}

.white{color:#fff;}
.gray{color:#ccc;}
.black{color:#333;}
.gold{color:#960;}

/* アイコン設定 
-------------------------------------------------*/
.list_icon{background:url(../images/common/list_icon.jpg) left center no-repeat;padding:0 0 0 20px;}
.link_icon{background:url(../images/common/link_icon.jpg) left center no-repeat;padding:0 20px;float:right;}

.no_recruit{text-align:center;line-height:400px;}

#hnav img
{vertical-align:top;}

#main_bg img,
#aside img,
#footer img,
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
li img
{vertical-align:bottom;}