html{
	font-size:62.5%;
	height:100%;
	width:100%;
}
body{
	width:100%;
	height:100%;
	margin: 0 auto;
	padding:0;
	background:#fff;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight:500;
	color:#424242;
	min-width:980px;
}


h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height:100%;
	font-style: normal;
	font-size: 100%;
	text-align:left;
	list-style-type:none;
	border-collapse:collapse;
	vertical-align:top;

}

.clearfix:after {
	content: ".";
	clear: both;
	visibility: hidden;

	/*
	height: 0;
	display: block;
	*/
}
.clearfix {
	overflow:hidden;
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
*+html .clearfix{min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.t,
ul.t
{
	display: table;
}
div.t div.col,
ul.t li.col{
	display: table-cell;
	/*vertical-align: top;*/
}

p.col{
	display: table-cell;
	/*vertical-align: top;*/
}

p,a{
	font-size:14px;
    font-size:1.4rem;
	line-height:1.8;
}
div.wrapper{
	width:980px;
	margin:0 auto;
	}
div.wrapper_2{
	width:800px;
	margin:0 auto;
	}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	/*width:500px;*/
	padding:10px 0 10px 10px;
	border:1px solid #D3D3D3;
	background:#f6f6f6;
}

header{
	z-index:11;
	position: fixed;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.98);
	width:100%;
	    text-align:center;
		    box-shadow: 0px 1px 10px rgba(173, 173, 173, 0.24);
}
#scroll_header{
	margin-top: -8px;

}
header ul{
	display:block;
	width: 1300px;
	margin: 0 auto;
	/*
	padding:20px 0;
	*/
}


/* -　■■■　topスクロールナビホバーアクションデザイン　- */


header li img{
	padding: 20px 30px;
}

header li.menu{
	vertical-align: middle;
}

/*header li:before,
header li:after
{

	position: absolute;
  top: 6em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #909090;
  transition: .3s;
/*
  left: 25px;
  padding: 0 30px;



}
*/

header li:before{
  left: 50%;
}

header li:after{
  right: 50%;
}



/* -　ナビホバーアクション：office　- */

header li:hover:nth-child(1):before,
header li:hover:nth-child(1):after{
  width: 30%;
}


/* -　ナビホバーアクション：practices　- */

header li:hover:nth-child(2):before,
header li:hover:nth-child(2):after{
  width: 35%;
}

/* -　ナビホバーアクション：flow　- */

header li:hover:nth-child(3):before,
header li:hover:nth-child(3):after
{
  width:27.5%;
}

/* -　ナビホバーアクション：ロゴ部分　- */

header li:nth-child(4):before,
header li:nth-child(4):after
{

  position: absolute;
  top: 6em;
  left: 25px;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #909090;
  transition: .3s;
　padding: 0 30px;

}

header li:hover:nth-child(4):before,
header li:hover:nth-child(4):after
{
  width: 0;
}


/* -　ナビホバーアクション：recruit　- */

header li:hover:nth-child(5):before,
header li:hover:nth-child(5):after{
  width: 32.5%;
}

/* -　ナビホバーアクション：news　- */

header li:hover:nth-child(6):before,
header li:hover:nth-child(6):after{
  width: 30%;
}

/* -　ナビホバーアクション：contact　- */

header li:hover:nth-child(7):before,
header li:hover:nth-child(7):after{
  width: 35%;
}





h2{
	text-align:center;
		margin:70px 0 60px 0;
}





/* - ■■■　共通部分のデザイン　- */

/* - 階層の共通ヘッダー　- */

header#hierarchy_navi{

	-moz-box-shadow: 0px 3px 3px #cccccc;
-webkit-box-shadow: 0px 3px 3px #cccccc;
box-shadow: 0px 1px 10px rgba(173, 173, 173, 0.24);

}

#home #hierarchy_navi ul{

    display: block;
	text-align: center;
	/*
	padding: 20px 0;
	*/

}



/* -　■■■　ナビホバーアクションデザイン　- */

#home #hierarchy_navi li {

    position: relative;
	/*
	padding: 0 30px;
	*/
}


/*#home #hierarchy_navi li:before,
#home #hierarchy_navi li:after
{

	position: absolute;
  top: 6em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #b1b1b1;
  transition: .3s;
/*
  left: 25px;
  padding: 0 30px;



}
*/

#home #hierarchy_navi li:before{
  left: 50%;
}

#home #hierarchy_navi li:after{
  right: 50%;
}



/* -　ナビホバーアクション：office　- */

#home #hierarchy_navi li:hover:nth-child(1):before,
#home #hierarchy_navi li:hover:nth-child(1):after{
  width: 28%;
}


/* -　ナビホバーアクション：practices　- */

#home #hierarchy_navi li:hover:nth-child(2):before,
#home #hierarchy_navi li:hover:nth-child(2):after{
  width: 34%;
}

/* -　ナビホバーアクション：flow　- */

#home #hierarchy_navi li:hover:nth-child(3):before,
#home #hierarchy_navi li:hover:nth-child(3):after
{
  width:25%;
}

/* -　ナビホバーアクション：ロゴ部分　- */

#home #hierarchy_navi li:nth-child(4):before,
#home #hierarchy_navi li:nth-child(4):after
{

  position: absolute;
  top: 6em;
  left: 25px;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #909090;
  transition: .3s;
　padding: 0 30px;

}

#home #hierarchy_navi li:hover:nth-child(4):before,
#home #hierarchy_navi li:hover:nth-child(4):after
{
  width: 0;
}


/* -　ナビホバーアクション：recruit　- */

#home #hierarchy_navi li:hover:nth-child(5):before,
#home #hierarchy_navi li:hover:nth-child(5):after{
  width: 31%;
}

/* -　ナビホバーアクション：news　- */

#home #hierarchy_navi li:hover:nth-child(6):before,
#home #hierarchy_navi li:hover:nth-child(6):after{
  width: 26%;
}

/* -　ナビホバーアクション：contact　- */

#home #hierarchy_navi li:hover:nth-child(7):before,
#home #hierarchy_navi li:hover:nth-child(7):after{
  width: 33%;
}



.scroll_header_logo img{
	margin-right: 150px;
}







/* -　フッター　- */
footer{
	background-color:#171c61;
	text-align:center;
}
footer a{

	text-decoration:none;
	font-size:12px;
	display:block;
	margin-bottom:20px;
	color: #fff;
}
footer #footerlogo{
	padding-top:50px;
}
footer p{
	color: #fff;
	text-align:center;
	margin-top:40px;
}

footer p a{
	color:fff;
}
footer ul{
	width:980px;
	height:auto;
	margin:30px 0 30px -20px;
}


footer li{
	padding:0 20px;
}


/*  footerのボタン回りのホバーデザイン
--------------------------------------------------*/

footer li a{

 background-color:#ffffff;
    display:block;
	height:auto;
}


footer li a:hover img{

	cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
	webkit-transition: 0.4s ease-in-out;
       -moz-transition: 0.4s ease-in-out;
         -o-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
	background-color:#ffffff;
}





footer #copy{
	background-color:#000014;
	display:block;
	position:relative;
	height:55px;
	width:100%
}
footer #copy p{
	font-size:12px;
	padding-top:18px;
}
footer #copy #pagetop a{
	margin-bottom:-20px;
	display:block;
	width:54px;
	position:absolute;
	top:0;
	right:0;
}





/*  階層ページ見出しの共通部分のレイアウト
--------------------------------------------------*/

section#page_title_block{

	margin-top: 140px;

}


section#page_title_block div{

	width: 980px;
	margin: 0 auto 0;


}

section#page_title_block div h1,
section#page_title_block div p{

	text-align: center;
}
section#page_title_block div h1{
		margin-bottom:60px;
}
/*---
section#page_title_block div h1 img{

	    margin: 0 0 60px 0;
}
 ---*/
section#page_title_block div p{

	padding: 0 0 30px 0;
	letter-spacing: 0.1em;

}

/*---  プライバシーポリシーのみ適用  ---*/

section#page_title_block div p.left_style{

	text-align: left;
	width: 800px;
	margin: 0 auto 0;


}


div.back_button_area{

	width: 860px;
	margin: 0 auto 0;

}

div.back_button_area a{

width:380px;

	margin: 60px auto 150px;
    font-size:24px;
	font-weight: normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:20px 0 20px;
	color: #fff;
	background:#ddcc8f;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.1em;

}

/*  news記事ページのbackボタンのホバーデザイン
------------------------------------------------*/

div.back_button_area a:hover{

	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
	webkit-transition: 0.4s ease-in-out;
       -moz-transition: 0.4s ease-in-out;
         -o-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;

}