@charset "utf-8";

body {
	margin:0;
	padding:0;
	font:14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	line-height:150%;
	color: #333;
	background:#FFF;
}

/*----------------------------------------------------------------------------*/
/*----- default -----*/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin:0;
	padding:0;
}
ul{ list-style-type:none; }
img{ width:auto}   /* IE8 */
img{ display: block; margin: 0 auto; border:none; }
input,textarea,select{ font-size:1em; }
form{ margin:0; }
table{
	border-collapse:collapse;
	font-size:100%;
	border-spacing:0;
}

a{ color:#03C; }
a:hover{
	color:#F60;
	text-decoration:none;
}

*, *:before, *:after{  /*borderをwidth,heightに含める設定*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----- 基本ブロック -----*/



/*----------------------------------------------------------------------------*/
/*----- ヘッダーブロック -----*/
header{
	border-top:4px solid #4785C0;
}
/*ヘッダーブロックの中*/
header .inner{
	max-width:980px;
	height:76px;
	position:relative;
	margin:0 auto;
}
/*h1ロゴの設定*/
header .inner h1{
	position: absolute;
	left:0;
	top:20px;
	width:272px;
}
header .inner h1 img{
	width:100%;
}


/*----------------------------------------------------------------------------*/
/*----- ヘッダーメニューブロック -----*/
#menu {
	height:64px;
	background-color:#F2F2F2;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	margin:0 auto;
}
#menu ul{
	max-width:980px;
	margin:0 auto;
}
/*メニュー１個ごとの設定*/
#menu ul li{
	float:left;
	width:14.28%;
	background-color:#F2F2F2;
	border-right:1px solid #DFDFDF;
	text-align:center;
}
#menu ul li a{
	text-decoration:none;
	display:block;
	line-height:62px;
	color:#666;
	font-size:16px;
	letter-spacing:0.1em;
/*	text-shadow: #FFF 0px 2px;*/	/*テキストの影。色、右方向、下方向への指定。*/
}
/*最初のメニューの設定*/
#menu ul li:first-child {
	border-left: 1px solid #D4D4D4;	/*左側に線を入れる*/
}
/*マウスオン時の設定*/
#menu ul li a:hover {
	background-color:#F8F8FF;
/*	border-bottom:1px solid #4785C0;*/
}


/*----------------------------------------------------------------------------*/
/*----- SlickNav 対応 -----*/
#mainMenu {
  display: none;
}
 
@media screen and (min-width : 481px) {
  #mainMenu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }
}


/*----------------------------------------------------------------------------*/
/*----- コンテンツブロック -----*/
#contents {
	clear:left;
	max-width:980px;
	margin:0px auto;
	padding:0;
}

/* 左3分の2　右3分の1 の組み合わせ */
.BlockType1L{
	float:left;
	width:66%;
}
.BlockType1R{
	float:right;
	width:33%;
	border:1px solid #CCC;
}

/*----------------------------------------------------------------------------*/
/*----- フッターブロック -----*/
footer{
	clear:both;
	padding-bottom:15px;
	color: #FFF;
	background: #4785C0;
	text-align:center;
}
footer a{
	color:#FFF;
}

.pagetop{
	background-color:#DBDBDB;
	text-align:center;
	margin-top:24px;
	padding:10px 0;
}


footer .footMenu{
	max-width:980px;
	margin:10px auto 0;
	padding:0;
	border-bottom:1px dotted #FFF;
}
footer .footMenu ul{
	margin:0;
	padding:0;
}
footer .footMenu ul li{
	float:left;
	margin:2px 6px;
	padding:0;
}


footer .inner{
	max-width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
footer .inner address{
	clear:left;
	margin:30px 0;
	padding:0;
	font-style:normal;
}


/*----------------------------------------------------------------------------*/
/*----- 段落設定 -----*/
.pIndent1 p{
	text-indent:1em;
}

.pwaku{
	border:1px solid #F90;
	margin:20px 0;
	padding:12px;
}

/*----------------------------------------------------------------------------*/
/*----- カラム設定 -----*/

/*--- 2カラム ---*/
.cols2 .col2{
	float:left;
	width:49.7%;
	margin:4px 0;
	padding:0;
	margin-left:0.5%;
}
.cols2 .col2 img{
	width:100%;
}
.cols2 .col2:first-child{ margin-left:0; }
.cols2:after{
	content:"";
	display:block;
	clear:both;
}

/*--- 3カラム ---*/
.cols3 .col3{
	float:left;
	width:33%;
	margin:4px 0;
	margin-left:0.5%;
}
.cols3 .col3 img{
	width:100%;
}
.cols3 .col3:first-child{ margin-left:0; }
.cols3:after{
	content:"";
	display:block;
	clear:both;
}

/*--- 3カラム テキスト含む中段揃え ---*/
.cols3mid .col3{
	float:left;
	width:33%;
	margin:4px 0;
	margin-left:0.5%;
	vertical-align:middle;
}
.cols3mid .col3 img{
	width:100%;
}
.cols3mid .col3:first-child{ margin-left:0; }
.cols3mid:after{
	content:"";
	display:block;
	clear:both;
}

/*--- 4カラム ---*/
.cols4 .col4{
	float:left;
	width:24.6%;
	margin:4px 0;
	margin-left:0.5%;
}
.cols4 .col4 img{
	width:100%;
}
.cols4 .col4:first-child{ margin-left:0; }
.cols4:after{
	content:"";
	display:block;
	clear:both;
}

/*「大阪鋼圧って」で使用 */
/*--- 4カラム　スマホ写真縮小５０％パターン ---*/
.cols4t .col4{
	display:table-cell;
	width:24.6%;
	margin:4px 0;
	padding-left:0.5%;
}
.cols4t .col4 img{
	width:100%;
}
.cols4t .col4:first-child{
	margin-left:0;
}
.cols4t:after{
	content:"";
	display:block;
	clear:both;
}

/*--- 4カラム　テキスト２カラム分+写真２枚 ---*/
.cols4t2 .col4{
	display:table-cell;
	width:24.6%;
	margin:4px 0;
	padding-left:0.5%;
	vertical-align:middle;
}
.cols4t2 .col4 img{
	width:100%;
}
.cols4t2 .col4:first-child{
	width:49.7%;
	margin-left:0;
}
.cols4t2:after{
	content:"";
	display:block;
	clear:both;
}

/*--- 4カラム　テキスト３カラム分+写真１枚 ---*/
.cols4t3 .col4{
	display:table-cell;
	width:24.6%;
	margin:4px 0;
	padding-left:0.5%;
	vertical-align:middle;
}
.cols4t3 .col4 img{
	width:100%;
}
.cols4t3 .col4:first-child{
	width:74.9%;
	margin-left:0;
}
.cols4t3:after{
	content:"";
	display:block;
	clear:both;
}


/*--- リスト２列（基本４８０タイプ） ---*/
.list2colb480{}
.list2colb480 li{
	float:left;
	width:48.9%;
	margin:0.5em 0; padding:0;
	margin-left:2.2%;
}
.list2colb480 li img{
	width:100%;
}
.list2colb480:after{
	content:"";
	display:block;
	clear:both;
}


/*----------------------------------------------------------------------------*/
/*----- テーブル設定 -----*/
.tblType1{ /* タブレット可変　スマホ可変*/
	max-width:100%;
	margin:10px auto;
	padding:0;
	border-collapse:collapse;
}
.tblType1 th{
	margin:0;
	padding:4px 8px;
	border:1px dotted #CCCCCC;
	text-align:left;
	font-weight:normal;
	background-color:#F5F9F8;
	white-space:nowrap;
}
.tblType1 td{
	width:100%;
	margin:0px;
	padding:4px 8px;
	border:1px solid #CCCCCC;
}


.tblType2{ /* タブレット同じ　スマホ可変*/
	width:100%;
	margin:10px auto;
	padding:0;
	border-collapse:collapse;
}
.tblType2 th{
	margin:0;
	padding:4px 14px;
	border:1px dotted #CCCCCC;
	text-align:left;
	font-weight:normal;
	background-color:#F5F9F8;
	white-space:nowrap;
}
.tblType2 td{
	margin:0px;
	padding:4px 14px;
	border:1px solid #CCCCCC;
}


/*----------------------------------------------------------------------------*/
/*----- 固定マージン -----*/
.mgnT24{ margin-top:24px; }
.mgnTB08{ margin-top:8px; margin-bottom:8px; }
.mgnL0 { margin-left:0 !important; }


/*----------------------------------------------------------------------------*/
/*----- フォーム設定 -----*/
input,textarea { margin:2px 0; }
.formS{ width:100px; }
.formM{ width:60%; max-width:400px; }
.formL{ width:720px; }


/*----------------------------------------------------------------------------*/
/*----- ヘッダー -----*/
h2 img { width:100%; }
h2 span { visibility:hidden; }
/*h2{
	margin-bottom:2%;
	padding:8% 2% 2% 0;
	text-align:right;
	background-color:#CCC;
	font-size:1.8em;
}*/

h2.h2sub{
	text-align:left;
	margin:1em 0;
	padding:0;
	font-size:1.2em;
	background-color:#FFF;
}
h2.h2sub a{ text-decoration:none; color:#4885C1; }

h3{
	font-size:1.6em;
	color:#1F6792;
	border-left:8px solid #F60;
	border-bottom:1px solid #1F6792;
	margin-top:2em;
	margin-bottom:12px;
	padding:6px 0.5em 4px;
}


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

/*--- 各ページ専用 ---*/
#topImage{ margin-bottom:24px; }
.topPhoto{ width:100%; }

/*-　スケジュール　-*/
#daySchedule{
	width:100%;
}
#daySchedule h3{ margin:1em; }
#daySchedule li{
	height:160px;
	padding-top:46px;
	padding-bottom:40px;
	line-height:1em;
	background:url(../workers/images/markSchedule.png) no-repeat top center;
	text-align:center;
}
#daySchedule li:last-child{
	background-image:url(../workers/images/markScheduleLast.png);
}
#daySchedule li.sch3gyo{ padding-top:42px; }
#daySchedule li.sch4gyo{ padding-top:34px; }

/*-　先輩社員アンケート　-*/
#senpai{}
#senpai h3{ margin-top:1em; }
#senpai dl{ margin-top:1em; }
#senpai dt{
	border:1px solid #6F9ECE;
	background:url(../workers/images/markOrange.png) no-repeat 3px 8px;
	padding:4px 4px 4px 24px;
}
#senpai dd{
	padding:4px 4px 24px 24px;
}


/*-　よくある質問　-*/
#qaList{
	margin:0;
	padding:0;
}
#qaList dt{
	margin:8px 0 4px;
	padding:12px 0 12px 30px;
	cursor:pointer;
	color:#00C;
	background:url(../qa/images/qa.png) no-repeat 10px 15px;
	background-color:#D7E4F2;
}
#qaList dd{
	margin:0 0 0 0;
	padding:12px 30px;
	border:1px solid #CCC;
/*	background-color:#FFEEBB;*/
	display:none;
}


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

/*--- 共通 ---*/

/*--- font ---*/
.colorRed{ color:#F00; }
.colorBlue{ color:#00F; }


/*=======================================================================================================================*/

/*--- タブレット用（481px～800px）環境の設定 ---*/

/*=======================================================================================================================*/
@media screen and (min-width:481px) and (max-width:800px){

/*----- ヘッダーブロック（タブレット用）-----*/
header{
	border-top:3px solid #4785C0;
}
/*ヘッダーブロックの中*/
header .inner{
	max-width:800px;
	height:58px;
}
/*h1ロゴの設定*/
header .inner h1{
	top:10px;
}


/*----------------------------------------------------------------------------*/
/*----- ヘッダーメニューブロック（タブレット用） -----*/
#menu {
	background:none;
	border:none;
}
#menu ul{
	max-width:800px;
}
/*メニュー１個ごとの設定*/
#menu ul li{
	width:50%;
	border-bottom:1px solid #DFDFDF;
}
#menu ul li a{
	line-height:48px;
	font-size:16px;
}

/*最初のメニューの設定*/
#menu ul li:first-child {
	border-left:none;
}
#menu ul li:nth-child(2n) { ２列目（右側メニュー）の右線なし
	border-bottom:1px solid #C00 !important;
/*	border-right:2px solid #C00;*/
}




/*----------------------------------------------------------------------------*/
/*----- コンテンツブロック（タブレット用） -----*/
#contents {
	max-width:800px;
}

.pwaku{
	margin:10px 0;;
}

/*----------------------------------------------------------------------------*/
/*----- フッターブロック（タブレット用） -----*/
footer{
}
footer .inner{
	max-width:800px;
}


/*----------------------------------------------------------------------------*/
/*----- テーブル設定（タブレット用） -----*/
.tblType1{ /* スマホと同じ */
	width:100%;
	margin:5px 0;
}
.tblType1 th{
	float:left;
	width:100%;
	margin:0;
	padding:2px;
	border:none;
	font-weight:bold;
	background-color:#FFF;
	white-space:nowrap;
}
.tblType1 td{
	float:left;
	width:100%;
	margin:0px;
	padding:2px;
	border:none;
	border-bottom:1px solid #CCCCCC;
}


/*----------------------------------------------------------------------------*/
/*----- フォーム設定（タブレット用） -----*/
input,textarea { margin:2px 0; }
.formS{ width:100px; }
.formM{ min-width:400px; }
.formL{ width:90%; }





}

/*=======================================================================================================================*/

/*--- スマートフォン用（480px以下）環境の設定 ---*/

/*=======================================================================================================================*/
@media screen and (max-width : 480px){

/*----- ヘッダーブロック（スマホ用）-----*/
header{
	border-top:2px solid #4785C0;
}
/*ヘッダーブロックの中*/
header .inner{
	max-width:480px;
	height:58px;
}
/*h1ロゴの設定*/
header .inner h1{
	top:10px;
}


/*----------------------------------------------------------------------------*/
/*----- ヘッダーメニューブロック（スマホ用） -----*/
#menu {
	display:none;
}
#menu ul{
	max-width:480px;
}
/*メニュー１個ごとの設定*/
#menu ul li{
	width:100%;
	border-right:none;
	border-bottom: 1px solid #DFDFDF;
}
#menu ul li a{
	line-height:32px;
	font-size:16px;
}

/*最初のメニューの設定*/
#menu ul li:first-child {
	border-left:none;
}
/*最後のメニューの設定*/
#menu ul li:last-child {
	border-bottom:none;
}


/*----------------------------------------------------------------------------*/
/*----- コンテンツブロック（スマホ用） -----*/
#contents {
	max-width:480px;
}

.pwaku{
	margin:10px 0;;
}

/*----- 見出し２の画像はスマホでは非表示 -----*/
h2{
	padding:2%;
	background-color:#CCC;
	font-size:1.6em;
}
h2 img { visibility:hidden; height:14px; }
h2 span { visibility:visible }


/* 左3分の2　右3分の1 の組み合わせ */
.BlockType1L{
	float:none;
	width:100%;
}
.BlockType1R{
	float:none;
	width:100%;
}


/*----------------------------------------------------------------------------*/
/*----- フッターブロック（スマホ用） -----*/
footer{
}
footer .inner{
	max-width:480px;
}


/*----------------------------------------------------------------------------*/
/*----- カラム設定（スマホ用）  -----*/
.cols2 .col2{
	width:100%;
	margin:2px 0;
}

.cols3 .col3{
	width:50%;
	margin:2px 0;
}
.cols4 .col4{
	width:100%;
	margin:2px 0;
}

/*「大阪鋼圧って」で使用 */
/*--- 4カラム　スマホ写真縮小５０％パターン ---*/
.cols4t .col4{
	display:block;
	float:left;
	width:49%;
	margin-left:1%;
}
.cols4t .col4:first-child, .cols4t .col4:nth-child(3){
	margin-left:0;
}
/*--- 4カラム　テキスト２カラム分+写真２枚 ---*/
.cols4t2 .col4{
	display:block;
	float:left;
	width:49%;
	margin-left:1%;
}
.cols4t2 .col4:first-child{
	width:98%;
	margin-left:0;
}
.cols4t2 .col4:nth-child(2){
	margin-left:0;
}

/*--- 4カラム　テキスト３カラム分+写真１枚 ---*/
.cols4t3 .col4{
	display:block;
	float:left;
	width:49%;
	margin-left:1%;
}
.cols4t3 .col4:first-child{
	width:98%;
	margin-left:0;
}
.cols4t3 .col4:nth-child(2){
	margin-left:0;
}


/*--- リスト２列（基本４８０タイプ） ---*/
.list2colb480{}
.list2colb480 li{
	width:100%;
	margin:0.3em 0;
}


/*----------------------------------------------------------------------------*/
/*----- テーブル設定（スマホ用） -----*/
.tblType1{ /*タブレットと同じ*/
	width:100%;
	margin:5px 0;
}
.tblType1 th{
	float:left;
	width:100%;
	margin:0;
	padding:2px;
	border:none;
	font-weight:bold;
	background-color:#FFF;
	white-space:nowrap;
}
.tblType1 td{
	float:left;
	width:100%;
	margin:0px;
	padding:2px;
	border:none;
	border-bottom:1px solid #CCCCCC;
}


.tblType2{
	width:100%;
	margin:5px 0;
}
.tblType2 th{
	float:left;
	width:100%;
	margin:0;
	padding:2px;
	border:none;
	font-weight:bold;
	background-color:#FFF;
	white-space:nowrap;
}
.tblType2 td{
	float:left;
	width:100%;
	margin:0px;
	padding:2px;
	border:none;
	border-bottom:1px solid #CCCCCC;
}


/*----------------------------------------------------------------------------*/
/*----- フォーム設定（スマホ用） -----*/
input,textarea { margin:2px 0; }
.formS{ width:100px; }
.formM{ width:90%; }
.formL{ width:90%; }


/*----------------------------------------------------------------------------*/
/*--- 各ページ専用（スマホ用）  ---*/
#topImage{ display:none; }




/*----------------------------------------------------------------------------*/
/*----- Jquery -----*/

/*- 画像差し替え用 -*/
.switch {
	visibility: hidden;
}