@charset "UTF-8";
/*共通CSS*/

/******* reset *******/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, img, a, table, tr, th, td, figure {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  color:#1b1b1b;
  text-decoration:none;
}
article, header, footer, aside, figure, figcaption, nav, section {
  display:block;
}
body {
 	line-height:1em;
 	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	position:relative;
	overflow-y: scroll;
}
ol, ul {
  list-style:none;
  list-style-type:none;
}

.emp dt{
  font-weight: bold;
}

.peopletable td{
vertical-align: top;
}
footer img{
    float: right;
  }
/******* 基本 *******/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body,#h1Area h1 span {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#copy p span,ul#pickup li h3,#h1Area h1,#philosophy p,section#motto p,#motto h3,section#slogan p,section#slogan h3{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h1,h2,h3{
		line-height:1em;
}

.clear{
	clear:both;
}
.cf::after{
	content:"";
	clear:both;
	display:block;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pt30{
	padding-top:30px;
}
.pt40{
	padding-top:40px;
}
.pt50{
	padding-top:50px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pb30{
	padding-bottom:30px;
}
.pb40{
	padding-bottom:40px;
}
.pb50{
	padding-bottom:50px;
}
@media screen and ( max-width:1023px) {/*　タブレット・スマホ　*/
/******* header *******/
.wrap{
	width:100%;
	margin:0;
	padding:0 0px;
	position:relative;
}

header{
	position:fixed;
	top:0;
	z-index:99999;
	}
header h1,
header p#logo{
	background:url(../img/head-logo_mb.png) no-repeat;
	background-size:auto 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-top:12px;

}
header h1 a,
header p#logo a{
	display:block;
	width:227px;
	height:38px;
}
/******* グローバルナビ（meanmenu.cssに設定） *******/
ul#gNav li a span{
	display:none;
}
/******* content *******/
#contents{
	margin-top:61px;
	}
#contents::after{
	content:"";
	display:block;
	clear:both;
}

/******* footer *******/
footer{
	}
footer #fNavArea{
	background:#1e90ff;
	padding:5px;
	}
footer ul{
	display:none;
}
footer p#copyright{
	text-align:center;
	font-size:12px;
	letter-spacing:0.03em;
	padding:20px 10px;
	}

footer img{
    float: right;
    }
/*** 詳細設定 ***/
#contents p{
	letter-spacing:0.08em;
	line-height:1.8em;
	font-size:16px;
	margin-bottom:1em;
}

#contents p .bold{
	font-weight: bold;
}

#contents a{
	color:#1e90ff;
	text-decoration:underline;
}
.photo-l{
	float:none;
	display:block;
	margin:0 0 1em 0;
}
/**pagetopボタン**/
p#gotop{
    position: fixed !important;
    right: 20px;
    bottom: 0 !important;
	margin-bottom:30px;
	border:1px solid #FFF;
}
p#gotop a{
    width: 50px;
    height: 50px;
    display: block;
}
}
.flow img{
  width:100%;
  height: auto;
}
@media screen and ( max-width:650px) {/*　スマホ　*/

}

@media print, screen and (min-width:1024px) {
/******* 基本 *******/
.wrap{
	width:1024px;
	margin:0 auto;
	position:relative;
}
.mb{
	display:none !important;
}
/******* header *******/
header{
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.35);
	-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.35);
	-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.35);
	padding:15px 0 0 0;
	background:#FFF;
	position:fixed;
	top:0;
	width:100%;
	z-index:99999;
	}
header h1,
header p#logo{
	background:url(../img/head-logo.png) no-repeat;
	background-size:auto 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin:0 0 8px 5px;

}
header h1 a,
header p#logo a{
	display:block;
	width:407px;
	height:55px;
}

#hNav{
	position:absolute;
	right:10px;
	top:7px;
}
ul#hNav{
}
ul#hNav li{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	margin-left:2em;
}
ul#hNav li a{
	background:url(../img/arrow01.png) no-repeat left 0.25em;
	padding-left:10px;
}
ul#hNav li a:hover{
	color:#1e90ff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}

/******* グローバルナビ *******/
ul#gNav{
	clear:both;
}
ul#gNav::after{
	content:"";
	display:block;
	clear:both;
}
ul#gNav li{
	display:block;
	position: relative;
	width: 20%;
	float: left;
	text-align: center;
	font-size:16px;
	background-image: linear-gradient(rgba(0,0,0,0) 50%,  rgba( 0,191,255,1)  50%);
	background-position: 0 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	background-size: auto 200%;
}
ul#gNav li a{
	display: block;
	height: 49px;
	font-weight: bold;
	text-align:center;
	padding:10px 5px 7px 5px;
}
ul#gNav li a span{
	display:block;
	font-size:12px;
	color:#1e90ff;
}

ul#gNav li:hover,
ul#gNav li.active{
	background-position: 0 100%;
}
ul#gNav li:hover a,
ul#gNav li:hover a span,
ul#gNav li.active a,
ul#gNav li.active a span{
	color:#FFFFFF;
}
ul#gNav li ul{
	position: absolute;
	top: 100%;
	left: 0;
}
ul#gNav li:last-child ul{
	left: -100%;
	width: 100%
}
ul#gNav li ul li{
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
ul#gNav li ul li a{
	padding: 13px 15px;
	color:#FFFFFF;
	text-align: left;
	height: 41px;
	font-size: 14px;
	font-weight: normal;
}
ul#gNav li ul li a:hover{
	background:#afcee2;
}
ul#gNav li:hover ul li{
	overflow: visible;
	height: 42px;
	border-top: 1px solid #cdddc3;
	margin:0;
	padding:0;
	background:#1e90ff;
	opacity: 0.9;
}

/******* content *******/
#contents{
	margin-top:127px;
	}
#contents::after{
	content:"";
	display:block;
	clear:both;
}

/******* footer *******/
footer{
	min-width:1024px;
	}
footer #fNavArea{
	background:#1e90ff;
	padding:5px;
	}
footer ul{
	text-align:center;
	padding:10px 0;
}
footer ul li{
	padding:0 20px;
	border-left:1px solid #fff;
	display:inline-block;
	font-size:12px;
}
footer ul li:last-child{
	border-right:1px solid #fff;
}
footer ul li a{
	color:#fff;
	padding:0 0 2px 0;
}
footer ul li a:hover{
	border-bottom:1px solid #fff;
}
footer p#copyright{
	text-align:center;
	font-size:12px;
	letter-spacing:0.03em;
	padding:15px 10px;
	}
footer img{
      float: right;
    }
/*** 詳細設定 ***/
#contents p{
	letter-spacing:0.08em;
	line-height:1.8em;
	font-size:16px;
	margin-bottom:1em;
}

#contents p .bold{
	font-weight: bold;
}

#contents a{
	color:#1e90ff;
	text-decoration:underline;
}

#contents a:hover{
	text-decoration:none;
}

.photo-l{
	float:left;
	margin:0 15px 1em 0;
}

.recruit-flow {
  position: relative;
  display:block;
  margin: 1.5em 0;
  padding: 7px 30px;
  margin-top: 20px;
  min-width: auto;
  max-width: auto;
  background: #e0edff;
  }

.recruit-flow:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

p#recruitFlow{
  font-size: 20px;
  color: #1e90ff;
  padding-top: 10px ;
  padding-left: 30px;
}
.recruit-end {
  position: relative;
  display:block;
  margin: 1.5em 0;
  padding: 7px 30px;
  min-width: auto;
  max-width: auto;
  background: #e0edff;
}

.recruit-flow h1{
  font-size: 30px;
}
.recruit-end h1{
  font-size: 30px;
}
.flow img{
  width:100%;
  height: auto;
}
/**pagetopボタン**/
p#gotop{
    position: fixed;
    right: 5%;
    bottom: 0;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
}
p#gotop a{
    width: 50px;
    height: 50px;
    display: block;
}
}