@charset "UTF-8";
/* CSS Document */
/*========= ナビゲーションドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
nav{
  color:#fff;
  text-align: center;
}
/*ナビゲーションを横並びに*/
.gnavi__wrap nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
}
/*2階層目以降は横並びにしない*/
.gnavi__wrap nav ul ul{
  display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
.gnavi__wrap nav ul li{
  position: relative;
}
.recruit-btn{
	background: #00B8C7;
}

/*ナビゲーションのリンク設定*/
.gnavi__wrap nav ul li a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-size:15px;
	padding:57px 10px;
	width:150px;
	border-left:1px dotted #fff;
	border-bottom:1px dotted #fff;
}
.gnavi__wrap nav ul li div{
	display: block;
	text-decoration: none;
	color: #fff;
	font-size:15px;
	padding:57px 10px;
	width:150px;
	border-left:1px dotted #fff;
	border-bottom:1px dotted #fff;
}
.gnavi__wrap nav ul li a span,
.gnavi__wrap nav ul li div span{
	font-size:11px;
	font-family: 'Montserrat', sans-serif;
}

.gnavi__wrap nav ul li li a{
  padding:10px 35px;
}

.gnavi__wrap nav ul li a:hover{
  color:#fff; 
}




/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
.gnavi__wrap nav li.has-child ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:0;
  top:150px;
  z-index: 4;
    /*形状を指定*/
  background:#fff;
  width:150px;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
}

/*hoverしたら表示*/
.gnavi__wrap nav li.has-child:hover > ul,
.gnavi__wrap nav li.has-child ul li:hover > ul,
.gnavi__wrap nav li.has-child:active > ul,
.gnavi__wrap nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
.gnavi__wrap nav li.has-child ul li a{
  border-bottom:solid 1px rgba(255,255,255,0.6);
	color:#121212;
	padding:30px 0;
}

.gnavi__wrap nav li.has-child ul li:last-child a{
  border-bottom:none;
}

.gnavi__wrap nav li.has-child ul li a:hover,
.gnavi__wrap nav li.has-child ul li a:active{
  background:#F7F7F7;
}



/*========= レイアウトのためのCSS ===============*/

.header_wrapper h1{
  padding:48px 30px;
}

section{
}

section:nth-child(2n){
  background:#f3f3f3; 
}

/*==768px以下の形状*/

@media screen and (max-width:768px){
	.header_wrapper h1{
		padding:20px 20px;
	}
}