@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本構造（全ページ共通・#header#nav 以外。）
=================================================================== */


/*------------------------------------------------------------------------

Browser Default Initialization

------------------------------------------------------------------------*/

html {
    overflow: auto;
    margin: 0;
    padding: 0;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* ------ Body ------ */

body {
    height: 100%;
    overflow: auto;
    *overflow: visible;  /* IE7以下 */
    margin: 0;
    padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}

body.black {
	background-color: #222222;
}

body.white{
	background-color: #f5f5f5;
}

body.white02{
	background-color: #f5f5f5;
}

.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


body.jobs {
	background: url(../img/jobs_bg.jpg) no-repeat center;
	background-size: cover; /*背景画像を横幅いっぱいに表示*/
	min-height: 100%;
	height: 100%;
	background-attachment: fixed;
}



/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}



/*------------------------------------------------------------------------

for all		
------------------------------------------------------------------------*/


/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}


#wrapper {
	position: relative;			/* 親要素をposition:relativeとする */
	width: 100%;
	margin: 0 auto;
} 

#menu,
p.menu_sp_button {
	display:none;
}

.ie6_error, .noScript {
	background-color: #f5f5f5;
	padding: 5px;
	text-align:center;
}
.last-child {
	margin:0 !important;
}
.pc_none {
display:none;
}
.pc_none_02 {
display:none;
}


/* ================ footer ================ */


#footer {
	clear: both;
	padding: 0px 0px 0px 0px;
}

#footer.jobs {
	clear: both;
	padding: 0px 0px 0px 0px;
	width:100%;
}


#footer .inner {
	padding: 25px 0px 15px 0px;
}

#footer address {
	text-align:center;
	font-size:83%;
}




/*------------------------------------------------------------------------

class　指定　　必要なものを使用
------------------------------------------------------------------------*/

/* ================ font ================ */

.font_hm_w6 {	
	font-family: "ヒラギノ明朝 Pro W6","HiraMinPro-W6","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.font_hm_w3 {	
	font-family: "ヒラギノ明朝 Pro W3","HiraMinPro-W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.font_italic {	
	font-style: italic; 
}

.font_black {
	color:#222222;
}

.font_white {
	color:#f5f5f5;
}



/* ================ Grid Layout ================ */

.grid .col {
	float: left;
	width: 100%;
}
.grid2-1 .col {
	width: 50%;
}
.grid3-2 .col {
	width: 33.3333%;
}
.grid4-1 .col {
	width: 50%;
}
.grid4-3 .col {
	width: 25%;
	*width: 24.9999%; /* IE6, 7 */
}
.grid5-1 .col {
	width: 20%;
}
.grid5-2 .col {
	width: 20%;
}

/* Inner
   ========================================== */
.grid .col .inner {
	height: 100%;
	*height: auto; /* IE6, IE7 */
}




/* ================ clear　clearfix ================ */

.clear { clear: both;	visibility: visible;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

/* 作成しアップロード後に[overflow:hidden;]は削除（DWデザインビュー用の為） */
.clearfix {
  display: block;
  overflow:hidden;
}


/*------------------------------------------------------------------------

/* Responsive [ Mobile Devices ]
------------------------------------------------------------------------*/


@media screen and (max-width: 1157px) {
.grid4-3 .col {
	width: 33.3333%;
	*width: 24.9999%; /* IE6, 7 */
}

.pc_none {
display:none;
}

.pc_none_02 {
display:none;
}


/* End PC and Tablet Media Query */
}


/* Responsive [ Mobile Devices ]
   ========================================================================== */
@media screen and (max-width: 768px) {
.grid2-1 .col {
	width: 100%;
}
.grid3-2 .col {
	width: 50%;
}
.grid4-3 .col {
	width: 50%;
}

.pc_none {
display:none;
}

.pc_none_02 {
display:block;
}

.sp_none_02 {
display:none;
}

.note_none {
display:none;
}


.work_tit {
color:#fff;
text-align:center;
}


/* End PC and Tablet Media Query */
}


/* Responsive [ Tablet Devices ]
   ========================================================================== */
@media screen and (max-width: 640px) {

.grid .col {
		float: none;
		width: auto;
		margin-left: 0;
	}

/* End Tablet Media Query */
}


/* Responsive [ Mobile Devices ]
   ========================================================================== */
@media screen and (max-width: 480px) {

	/* 各カラムの横並びを解除し、縦１列に並べる */
	
html {
	background-color: #222222;
	}
.grid .col {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
.pc_none {
display:block;
}

.sp_none {
display:none;
}

.sp_none_02 {
display:none;
}


.br_none{
display:none;
}

body.black,
body.white,
body.white02{
	background-color: #222222;
}


html,
body {
  height: auto;
}

#footer address {
	color:#f5f5f5;
}




}