@charset "utf-8";
/* ===================================================================
CSS information

file name  :common.css
style info  :ベース設定
=================================================================== */
/*--------------------------------------------------------------------
基本設定
--------------------------------------------------------------------*/
html,body {
	width:100%;
	height:100%;
}

html {
	height:100%;
	overflow-y:scroll;
}

/*--Reset-----------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

img {
	border:none;
	vertical-align:middle;
}

ul {
	list-style:none;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*--Text------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

* html body {/*IE6*/
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1 {
	font-size:120%;
}

h2,h3,h4,h5,h6 {
	font-size:100%;
}

/*--Link------------------------------------------------------------*/
a,a:link {color:#333333;}
a:visited {color:#333333;}
a:hover,a:active {color:#777777;}
a:focus {outline:none;}

/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display:block;
}


/*--------------------------------------------------------------------
共通パーツ
--------------------------------------------------------------------*/
h1 {
	float: left;
	margin: 15px 0 0 0;
}

h4{
	clear: both;
}

#wrapper {
	width:100%;
	background:url(../images/common/bg_header.png) repeat-x top right;
	overflow:hidden;
}


/*--------------------------------------------------------------------
header（ヘッダー部分）
--------------------------------------------------------------------*/
header {
	max-width: 1000px;
	height: 100px;
	margin: 0 auto;
	overflow:hidden;
}

header #logo{
	text-align: center;
}

/*--nav------------------------------------------------------------*/
header nav#sm{
	float: right;
	background: #ffffff;
}

header nav#sm ul{
	margin: 0 10px;
}

header nav#sm li{
	float: left;
	padding: 0 10px;
}

header nav#gm{
	float: right;
	margin: 20px 0 0 0;
}

header nav#gm ul{
}

header nav#gm li{
	float: left;
	margin: 0 0 0 10px;
}

/*----------------------------------------------------
	ハンバーガーメニュー
----------------------------------------------------*/
#openMenu{
top: 13px;
right: 13px;
position:absolute;
}
#layerMenu{
display: none;
position:absolute;
top:58px;
left:0;
width:100%;
height:100%;
z-index:99999999;
}
#layerMenu ul{
z-index:99999999;
width: 100%;
}
#layerMenu ul li{
background: #fff;
text-align: center;
list-style: none;
border-bottom: solid 1px #0068b7;
float:none;
z-index:99999999;
	padding: 5px 0;
}
#layerMenu ul li a{
position: relative;
padding: 0;
text-decoration: none;
color: #555;
display: block;
z-index:99999999;
}
#layerMenu ul li a:hover{
color: #CDCDCD;
z-index:99999999;
}
#closeMenu {
position: absolute;
top: -45px;
right: 13px;
z-index:99999999;
}

/*--------------------------------------------------------------------
content（コンテンツ部分）
--------------------------------------------------------------------*/
#content {
	overflow: hidden;
	margin: 0 0 100px 0;
}

#footer_bn{
	clear: both;
}

#footer_bn div{
	text-align: center;
}

#footer_bn div h3{
	margin: 70px 0 30px 0;
}

#footer_bn div p{
}

#footer_bn div#recruit{
	float: left;
	background: url(../images/common/bg_recruit.jpg) center;
	height: 258px;
	width: 50%;
}

#footer_bn div#environment{
	float: right;
	background: url(../images/common/bg_environment.jpg) center;
	height: 258px;
	width: 50%;
}


.pagetop {
position: fixed;
right: 20px;
display: block;
padding: 0;
}

/*--------------------------------------------------------------------
footer部分
--------------------------------------------------------------------*/
#wrap-btm{
	background: #242424;
}
footer{
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}

footer p{
	float: left;
	width: 50%;
	margin: 20px 0 0 0;
	text-align: center;
}

footer dl{
	width: 50%;
	float: right;
	color: #ffffff;
	text-align: center;
}

footer dt{
	margin: 0 0 10px 0;
	font-weight: bold;
}

footer dd{
	margin: 0 0 20px;
}

#copyright{
	background: #000000;
	text-align: center;
	color: #ffffff;
	padding: 5px 0;
	font-size: 0.8em;
}




/*--------------------------------------------------------------------
カスタマイズ
※768px以下のcss
--------------------------------------------------------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline; }
.sp { display: none; }
.br-pc { display:block; }
.br-sp { display:none; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none; }
.sp { display: initial; }
.br-pc { display:none; }
.br-sp { display:block; }
}

@media only screen and (max-width: 768px) {

header {
	height:70px;
}

header h1{
	margin: 18px 0 10px 10px;
}
	
header h1 img{
	width: 140px;
}

#content{
	margin: 0 0 20px 0;
}

#main_column section{
}

#footer_bn div{
	text-align: center;
}

#footer_bn div h3{
	padding: 70px 0 30px 0;
	margin: 0;
}

#footer_bn div h3 img{
	height: 18px;
}
	
#footer_bn div p img{
	height: 27px;
}

#footer_bn div#recruit{
	float: none;
	background: url(../images/common/bg_recruit.jpg) center no-repeat;
	height: 200px;
	width: 100%;
}

#footer_bn div#environment{
	float: none;
	background: url(../images/common/bg_environment.jpg) center no-repeat;
	height: 200px;
	width: 100%;
}

/*--------------------------------------------------------------------
footer部分
--------------------------------------------------------------------*/
#wrap-btm{
	background: #242424;
}
footer{
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}

footer p{
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
	text-align: center;
}

footer p img {
	max-width: 140px;
}

footer dl{
	width: 100%;
	float: none;
	color: #ffffff;
	text-align: center;
}

footer dt{
	margin: 0 0 10px 0;
	font-weight: bold;
}

footer dd{
	margin: 0 0 20px;
}

#copyright{
	background: #000000;
	text-align: center;
	color: #ffffff;
	padding: 5px 0;
	font-size: 0.8em;
}














}






/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
--------------------------------------------------------------------*/
header,
#content,
footer {
	100%;
}

/*----------------------------------------------------
	リンク画像ロールオーバー設定
----------------------------------------------------*/

a img{
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

a:hover img{
opacity: 0.6;
filter: alpha(opacity=40);
}