@charset "UTF-8";

/***********************************************************************************************
	#layout
***********************************************************************************************/
body{
	min-width : 1px ;
	-webkit-text-size-adjust : none ;
}
body p,
body li,
body dt,
body dd,
body th,
body td,
body address{
	line-height : 170% ;
}
body textarea,
body input,
body select{
	line-height : 170% ;
}
/***********************************************************************************************
	#header
***********************************************************************************************/
body #header{
	height : 50px ;
}
body #header .inner{
	width : auto ;
	height : 35px ;height : 39px ;
	padding : 0 0 0 10px ;
}
body #header .inner h1{
	padding : 14px 0 0 ;padding : 10px 0 0 ;
}
body #header .inner h1 a{
	font-family: 'Marcellus', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 400;
	letter-spacing:4px;
	font-size: 26px;
	color:#222;
	line-height:1.4;
}
body #header .inner h1 a img{
	width:32px;
	height:38px;height:37px;
}
body #header .inner ul#globalNav{
	position : absolute ;
	width : 100% ;
	height : 0 ;
	display : block ;
	top : 50px ;
	left : 0 ;
	padding : 0 ;
	background : #f2f2f2 ;
	overflow : hidden ;
	z-index : 9999 ;
}
body #header .inner ul#globalNav li{
	float : left ;
	width : 50% ;
	margin : 0 ;
}
body #header .inner ul#globalNav li.contact{
	padding : 0 ;
	margin : 0 ;
	background : none ;
}
body #header .inner ul#globalNav li.home a,
body #header .inner ul#globalNav li.story a,
body #header .inner ul#globalNav li.policy a,
body #header .inner ul#globalNav li.service a,
body #header .inner ul#globalNav li.works a,
body #header .inner ul#globalNav li.blog a,
body #header .inner ul#globalNav li.corporate a,
body #header .inner ul#globalNav li.recruit a,
body #header .inner ul#globalNav li.contact a,
body #header .inner ul#globalNav li.contact a:hover{
	width : auto ;
	height : auto ;
	text-indent : 0 ;
	background : none ;
	opacity : 1 ;
	color : #8c8c8c ;color : #333 ;
	padding : 15px 0 3px ;
	border-bottom : #8c8c8c 1px solid ;
	margin : 0 5px 0 10px ;
}

body #header .inner ul#globalNav li a,
body #header .inner ul#globalNav li a:hover{
	width : auto ;
	height : auto ;
	text-indent : 0 ;
	background : none ;
	opacity : 1 ;
	color : #8c8c8c ;color : #333 ;
	padding : 15px 0 3px ;
	border-bottom : #8c8c8c 1px solid ;
	margin : 0 5px 0 10px ;
	font-size:1.1em;
}
body #header .inner ul#globalNav li a:hover{
	color : #00A6BA ;
}

body #header .inner ul#globalNav li.works a,
body #header .inner ul#globalNav li.service a,
body #header .inner ul#globalNav li.blog a{
	margin : 0 10px 0 5px ;
}
body #header .inner ul#globalNav li.current a{
	color : #000 ;color : #00A6BA ;
	font-weight : bold ;
}
body #header .inner ul#globalNav li.contact a .icon{
	display : none ;
}
body #header .inner p.navBtn{
	display : block ;
	float : right ;
	width : 50px ;width : 60px ;
	height : 50px ;
	background-image : url("../img/sp/btn_menu.png") ;
	background-size : 20px auto ;
	background-position : center center  ;
	cursor : pointer ;
}
body #header .inner p.navBtn.spNavOpen{
	background-color : #ccc ;
}
/*************************************************
	#header(Scroll to Hide)
*************************************************/
body #header.defaultHide{
	top : -5px ;
}
/*************************************************
	#header(Scroll to Shape Header)
*************************************************/
body #header.shape{
	height : 50px ;
}
body #header.shape .inner{
	height : 35px ;
	padding : 0 0 0 10px ;
}
body #header.shape .inner h1 a{
	font-family: 'Marcellus', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 400;
	letter-spacing:4px;
	font-size: 26px;
	color:#222;
	line-height:1.4;
}
body #header.shape .inner h1 a img{
	width:32px;
	height:38px;height:37px;
}

body #header.shape .inner ul#globalNav{
	position : absolute ;
	width : 100% ;
	height : 0 ;
	display : block ;
	top : 50px ;
	left : 0 ;
	padding : 0 ;
	background : #f2f2f2 ;
	overflow : hidden ;
}
body #header.shape .inner ul#globalNav li{
	float : left ;
	width : 50% ;
	margin : 0 ;
}
body #header.shape .inner ul#globalNav li.contact{
	padding : 0 ;
	margin : 0 ;
	background : none ;
}
body #header.shape .inner ul#globalNav li.home a,
body #header.shape .inner ul#globalNav li.about a,
body #header.shape .inner ul#globalNav li.service a,
body #header.shape .inner ul#globalNav li.works a,
body #header.shape .inner ul#globalNav li.blog a,
body #header.shape .inner ul#globalNav li.corporate a,
body #header.shape .inner ul#globalNav li.contact a,
body #header.shape .inner ul#globalNav li.contact a:hover{
	width : auto ;
	height : auto ;
	text-indent : 0 ;
	background : none ;
	opacity : 1 ;
	color : #8c8c8c ;
	padding : 15px 0 3px ;
	border-bottom : #8c8c8c 1px solid ;
	margin : 0 5px 0 10px ;
}
body #header.shape .inner ul#globalNav li a:hover{color:#3CC;
}
body #header.shape .inner ul#globalNav li.works a,
body #header.shape .inner ul#globalNav li.service a,
body #header.shape .inner ul#globalNav li.blog a{
	margin : 0 10px 0 5px ;
}
body #header.shape .inner ul#globalNav li.current a{
	color : #000 ;color:#3CC;
	font-weight : bold ;
}
/*************************************************
	#header(Open GlobalNav)
*************************************************/
body #header .inner ul#globalNav.spNavOpen{
	height : auto ;
	padding : 0 0 20px ;
}

/***********************************************************************************************
	#article
***********************************************************************************************/
body #article{
	padding : 50px 0 0 ;
}
body #article .contents{
}
body #article .contents .inner{
	width : 100% ;
}
/*************************************************
	#mainVisual
*************************************************/
body #article #mainVisual .inner h1 span.en{
	display : block ;
	margin : 5px 0 0 ;
	font-size : 60% ;
	font-weight : normal ;
	font-style : italic ;
}
body #article #mainVisual .inner h1 span.category{
	display : block ;
	margin : 0 0 5px ;
	font-size : 50% ;
}

/*************************************************
	#newWorksList
*************************************************/


.backCell span.icon{
	top: 50px;
}