@charset "UTF-8";

/* 【アウトライン】
|- #layout-header [ヘッダー]
|  |- #region-header-before [ヘッダー 前エリア]
|  |  |- .block-main-menu [メインメニュー]
|  |- #region-header-1 [ヘッダー エリア1]
|  |  |- .block-site-logo [サイトロゴ]
|  |- #region-header-2 [ヘッダー エリア2]
|  |  |- .block-site-lead [サイトリード文]
|  |- #region-header-after [ヘッダー 後エリア]
|  |  |-
|- #layout-main [メイン]
|  |- #region-main-1 [メイン　コンテンツエリア1]
|  |  |- .block-staff
|  |- #region-main-2 [メイン　コンテンツエリア2]
|  |  |- .block-portfolio
|  |- #region-main-3 [メイン　コンテンツエリア3]
|  |  |- .block-service
|  |- #region-main-4 [メイン　コンテンツエリア4]
|  |  |- 
|- #layout-footer [フッター]
|  |- #region-fotter-before [フッター 前エリア]
|  |- #block--footer-logo
|  |  |- #block--footer-navi
*/


/*=================================
  共通
 ==================================*/
body {
	font-size: 14px;
	font-size: .875rem;
}
.wrapper {
	margin: 0 auto;
	width: 100%;
}

/*=================================
  ヘッダーエリア
 ==================================*/
#layout-header {
	background: url('../img/bg-1.jpg') no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	height: 700px;
	overflow: hidden;
	padding: 0 5px;
	width: 100%;
}

/* ヘッダー 前エリア
-----------------------------*/
#region-header-before {
	clear: both;
	overflow: hidden;
	padding: 0 5px;
}

/* メインメニュー */
.block-main-menu {
	padding-bottom: 15px;
}
.block-main-menu li {
	float: left;
	text-align: center;
	width: 50%;
}
.block-main-menu__item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	display: block;
    padding: .5em 1em;
	position: relative;
	text-decoration: none;
}
.block-main-menu li:nth-of-type(2n) {
	border-left: 1px solid rgba(255, 255, 255, 0.35);
}


/* サイトロゴ */
.block-site-logo {
	position: relative;
	top: 150px;	
}
.site-name {
	width: 70%;
}

/* サイトリード文 */
.block-site-lead {
	position: relative;
	top: 180px;
}



/*=================================
  メインエリア
 ==================================*/
#layout-main {
	padding: 0 5px;
	width: 100%;
}

#layout-main h2 {
	font-size: 2.5em;
}

/* コンテンツエリア */
#region-main-1, #region-main-2, #region-main-3 {
	margin-bottom: 80px;
}

/* スタッフ紹介
-----------------------------------*/
.block-news-item__name {
    font-size: 1.3em;
    margin-bottom: .3em;
}
.block-news-item__body {
	margin-bottom: 2.5em;
}

/*=================================
  フッターエリア
 ==================================*/
#layout-footer {
	background: #233356;
    color: #b5c2dc;
	margin-top: 80px;
	padding: 0 5px;
	width: 100%;
}
#layout-footer h2 {
	font-size: 2.5em;
	margin-top: 0;
}
#region-footer {
	padding: 50px 0;
}
#region-footer-after {
	border-top: 1px solid #7f8798;
}

/* フッターロゴ */
.block-footer-logo__title {
	font-size: 1.2em;
	font-weight: normal;
}
.block-footer-logo dd {
	margin-bottom: 1em;
}


/* コピーライト */
.block-copyright {
	color: #7d818a;
    font-size: .9em;
	padding: 10px 0;
	text-align: center;
}
.block-copyright p {
	margin: 0;
}

/*===================================
  レスポンシブ
 ====================================*/

@media all and (min-width: 960px) {
	.wrapper {
		margin: 0 auto;
		width: 960px;
	}

	#layout-header {
		height: 800px;
	}

	/* メインメニュー */
	.block-main-menu {
		float: right;
		font-size: 1.2em;
	}
	.block-main-menu ul:before {
		content: '';
		background: #fff;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		width: 100%;
		height: 5em;
		position: absolute;
	}

	.block-main-menu li {
		display: inline;
		text-align: left;
		width: auto;
	}
	.block-main-menu li:before {
		border-right: 1px solid #666;
		content: '';
		display: inline-block;
		height: 1.2em;
		position: relative;
		top: 2px;
	}
	.block-main-menu li:first-child:before {
		border: none;
	}
	.block-main-menu__item {
		border: none;
		display: inline-block;
		padding: 1em 2em;
	}
	.block-main-menu__item:after {
		border-top: 3px solid transparent;
		bottom: -5px;
		content: '';
		display: inline-block;
		left: 9%;
		position: absolute;
		-webkit-transition: all .5s;
		transition: all .5s;
		width: 80%;
	}
	.block-main-menu__item:hover:after, 
	.block-main-menu__item.current:after {
		border-top-color: #8e8e8e;
	}



	/* メインメニュー固定時 */
	.fixed {
		position: fixed;
		top: 0;
		width: 960px;
		z-index: 9999;
	}

	/* サイトロゴ */
	.block-site-logo {
		top: 230px;	
	}
	/* ロゴ画像 */
	.site-name {
		width: 300px;
	}

	/* サイトリード文 */
	.block-site-lead {
		top: 280px;
	}


}