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

	ナビゲーション

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

/*------------------------------------------------------
	PC用設定 992px以上
------------------------------------------------------*/

/*ナビゲーション*/
.navG {
	position: relative;

}
.navG-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100px;
	padding:0px 40px;
	background-color:#ebe9e8;

	z-index: 12;
	
}
.navG.fixed .navG-inner {
	position: fixed;
	z-index: 11;
}

.navG-main {
	width:940px;
	margin:0px auto;
}



.navG-main-inner {
	text-align:right;

}
.navG-main-inner li{
	display: inline-block;
	*display: inline;
	font-size:14px;
	*zoom: 1;
	margin-left:15px;
	position:relative;
	top:-40px;

}
.navG-main-inner li.span{
	}

.navG-main-inner li:before{
	content:'＞';
	padding-right:10px;
}



.navG-main-inner li span a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color:#2f5173;
	}
	
.navG-main-inner li span a:hover{
	color:#aaa;
}

/*サイトロゴ*/

.siteLogoBox{
	overflow:hidden;
	margin-top:18px;
}

.siteLogoBox dt{
	float:left;
	margin-right:20px;
}



.siteLogoBox dd{
	float:left;
	padding-top:50px;
}

/*お問い合わせボタン*/

.contactBtn{
	text-align:right;
	position:relative;
	top:-70px;
}

/*------------------------------------------------------
	スマホ・タブレット用ナビ
------------------------------------------------------*/

#navSP{
}

#navSP li a span{
	padding-left:0px;
	color:#2f5173;
}

#navSP li a:hover span{
	color:#fff;
}


#navSP li span:before{
	content:'＞';
	padding-right:15px;
}

.spLogo{
	margin-left:0px;
	height:40px;
	padding:15px 20px;

}

.spLogo img{
	width:180px;
}


/*------------------------------------------------------
	bootstrap内 基本設定
------------------------------------------------------*/

/*ナビゲーションバー全体*/
.navbar-inverse {
	background-color:#ebe9e8;

}

/*ハンバーガーメニュー*/

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  border-bottom:#2f5173 1px solid;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color:#2f5173;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color:#2f5173;
}

.navbar-inverse .navbar-toggle {
  border-color:#2f5173;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #2f5173;
  border-color: #2f5173;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #2f5173;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
 background-color: #fff;
}




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

	サイト全体

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

/*992px以上*/
@media (min-width:992px) {
	#siteAll{
		padding-top:100px;
	}
}


/*991px以下*/
@media (max-width:991px) {
	#siteAll{
		padding-top:50px;
	}
}
/*====================================================================

	トップページ用

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

#about{
	padding-top:20px;
}


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

	共通部分

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


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

	中ページ共通設定

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

/*メインイメージ*/

#mainImageBox{
	padding:0px 0px;
}
#mainImageBox img{
	width:100%;
}

/*コンテンツ下線付き*/
.contentBorder{
	border-bottom:#2f5173 1px solid;
}


/*中ページタイトル*/
.contentIn h2{
	font-family: 'Abel', sans-serif;
	font-size:22px;
	color:#2f5173;
	text-align:center;
}

.contentIn h3{
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:20px 0 30px;
}
.contentIn h4{
	line-height:1.6;
}

/*テキストセンター*/
.txtCenter{
	text-align:center;
}



/*詳細リンク*/
.detailLink{
	text-align:center;
	margin-top:20px;
}

.detailLink a span{
	padding:3px 0;
	display:inline-block;
	background-color:#333;
	color:#fff;
	width:150px;
}

.detailLink a:hover span{
	background-color:#aaa;
}

/*350px以下*/
@media (max-width:350px) {
	.txtCenter{
		text-align:left;
	}
	h4 br{
	display:none;
	}

}


/*====================================================================
	コンテンツ囲み
====================================================================*/

/*各コンテンツ囲み*/
.contentIn{
	overflow:hidden;
}

/*992px以上*/
@media (min-width:992px) {
	.contentIn{
	width:940px;
	margin:0px auto;
	padding:40px 0;
	}
	
	.mainIn{	         /*中ページメインイメージ囲み*/
		width:940px;
		margin:0px auto;
	}

}

/*991px以下*/
@media (max-width:991px) {
	.contentIn{
	width:90%;
	margin:0px auto;
	padding:20px 0;
	}
	.mainIn{	         /*中ページメインイメージ囲み*/
	width:90%;
	margin:0px auto;
	}

}

/*650px以下*/
@media (max-width:650px) {
	.contentIn{
	padding:20px 0;
	}
}




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

	制作フローナビ部分

====================================================================*/
#flow{
	background-color:#2f5173;
}
#flow .contentIn{
	color:#fff;
}

#flow .contentIn h2,
#flow .contentIn h3{
	color:#fff;
}


/*フローナビ*/
.flowNaviBox{
	overflow:hidden;
}

.flowNaviBox dt{
	font-family: 'Abel', sans-serif;
	font-size:18px;
	line-height:1.3;
	font-weight :normal;
}
.flowNaviBox dt span{
	font-size:14px;
}

    .flow01 dt a{
      background: url(img/flowNavi/flow01a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
    .flow01 dt a:hover{
      background: url(img/flowNavi/flow01b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
    
    .flow02 dt a{
      background: url(img/flowNavi/flow02a.jpg?update=20180424) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
    .flow02 dt a:hover{
      background: url(img/flowNavi/flow02b.jpg?update=20180424) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
    .flow03 dt a{
      background: url(img/flowNavi/flow03a.jpg?update=20180424) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
    .flow03 dt a:hover{
      background: url(img/flowNavi/flow03b.jpg?update=20180424) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
    
    .flowNaviBox dt a{
	    display:block; 
	    width: 100%;
      position: relative;
      margin-bottom: 10px;
      color:#fff;
      }
      
     .flowNaviBox dt a:before{
      content:"";
      display: block;
      padding-top:75%;
    }
 
 
/*詳細リンク*/

.flowLink{
	text-align:center;
	margin:30px 0;
}

.flowLink a span{
	display:inline-block;
	padding:3px 0px;
	background-color:#666;
	color:#fff;
	width:150px;
}

.flowLink a:hover span{
	background-color:#333;
}

/*450px以上*/
@media (min-width:450px) {

    .flowNaviBox dl{
	    width:33%;
	    float:left;
    }

    .flowNaviBox dd{
    padding-right:15px;
    }

}

/*449px以下*/
@media (max-width:449px) {
    .flowNaviBox dl{
	    width:100%;
	    margin-bottom:30px;
    }

}

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

	スタッフナビ

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

#staff .contentIn{
	padding-bottom:0px;
}


.staffNavi{
	margin:30px 0;
	}

.staffNavi li{
	
}


.staffNavi li a{
	display:block; 
	position: relative;
	color:#fff;
	float:left;
}

.staffNavi li a:before{
      content:"";
      display: block;
      padding-top:80%;
}

    .staff01 a{
      background: url(img/staffNavi/staff01a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff01 a:hover{
      background: url(img/staffNavi/staff01b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }


    .staff02 a{
      background: url(img/staffNavi/staff02a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff02 a:hover{
      background: url(img/staffNavi/staff02b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }


    .staff03 a{
      background: url(img/staffNavi/staff03a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff03 a:hover{
      background: url(img/staffNavi/staff03b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .staff04 a{
      background: url(img/staffNavi/staff04a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff04 a:hover{
      background: url(img/staffNavi/staff04b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .staff05 a{
      background: url(img/staffNavi/staff05a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff05 a:hover{
      background: url(img/staffNavi/staff05b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .staff06 a{
      background: url(img/staffNavi/staff06a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff06 a:hover{
      background: url(img/staffNavi/staff06b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .staff07 a{
      background: url(img/staffNavi/staff07a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff07 a:hover{
      background: url(img/staffNavi/staff07b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .staff08 a{
      background: url(img/staffNavi/staff08a.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }
    
     .staff08 a:hover{
      background: url(img/staffNavi/staff08b.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }



/*450px以上*/
@media (min-width:450px) {
	.staffNavi li a{
	width: 25%;
	}

}
/*449px以下*/
@media (max-width:449px) {
	.staffNavi li a{
	width: 50%;
	}
}


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

	ワークプレイスビュー

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

#workplace .contentIn{
	padding-bottom:0px;
}


.workplaceViewWrap{
    display: block;
    width: 100%;
	margin:30px 0;
    padding: 0;
	}

.workplaceView{
	margin:0;
	}

.workplaceViewWrap:hover .workplaceView{
    opacity: 0.5;
}

.workplaceView li{
	display:block; 
	position: relative;
	color:#fff;
	float:left;
    width:33.3333%;
}

.workplaceView::after{
	display: block;
    clear: both;
    content: "";
    width: 100%;
    height: 0;
    overflow: hidden;
}

.workplaceView li:before{
      content:"";
      display: block;
      padding-top:70%;
}

    .workplace01 {
      background: url(img/workplaceView/workplace01.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .workplace02 {
      background: url(img/workplaceView/workplace02.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

    .workplace03 {
      background: url(img/workplaceView/workplace03.jpg) no-repeat left top;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
	   -o-background-size: 100% auto;
	      background-size: 100% auto;
    }

/*449px以下*/
@media (max-width:449px) {
	.workplaceView li{
	width: 100%;
	}
}

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

	修理バナー

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


.repairBnr{

	overflow:hidden;

}
.repairBnr a{
	border:#2f5173 1px solid;
	padding:20px 80px 20px 40px;
	background:url(img/repairMoreA.png) right bottom no-repeat #fff;
	display:block;
	width:100%;
}

.repairBnr a:hover{
	border:#888 1px solid;
	background:url(img/repairMoreB.png) right bottom no-repeat #efefef;
}


.repairBnr dt{
	float:left;
	margin-right:30px;
}

.repairBnr dd{
	font-weight:bold;
	color:#2f5173;
}

/*900px以下*/
@media (max-width:900px) {
    .repairBnr dt{
	    float:none;
	    margin-bottom:10px;
	    }
    .repairBnr dd br{
	    display:none;
    }	    
}

/*530px以下*/
@media (max-width:530px) {
    .repairBnr a{
	    border:#2f5173 1px solid;
	    padding:20px 50px 20px 40px;
	    background-size:25% auto;
    }
    .repairBnr a:hover{
 	    background-size:25% auto;   
    }
}
/*350px以下*/
@media (max-width:350px) {
    .repairBnr dt{
    width:100%;
    }
    .repairBnr dt img{
    width:100%;
    }
    
}


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

	神保悟志バナー

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

.bnrContent{
	padding-bottom:0px;
}


.jinboBnr{
	overflow:hidden;
	width:650px;
	margin:0px auto;
}
.jinboBnr a{
	border:#2f5173 1px solid;
	padding:20px 20px;
	background:url(img/jinboMoreA.png) right bottom no-repeat #fff;
	display:block;
	width:100%;
}

.jinboBnr a:hover{
	border:#888 1px solid;
	background:url(img/jinboMoreB.png) right bottom no-repeat #efefef;
}


.jinboBnr dt{
	float:left;
	margin-right:30px;
	width:110px;
}

.jinboBnr dt img{
	width:100%;
}


.jinboBnr dd{

}

.jinboEN{
	color:#2f5173;
	font-family: 'Abel', sans-serif;
	font-size:18px;
}
.jinboTitle{
	color:#2f5173;
	font-size:17px;
	font-weight:bold;
	margin:13px 0;
}

/*750px以下*/
@media (max-width:750px) {

    .jinboBnr{
	    text-align:center;
	    width:100%;
    }
    .jinboBnr dt{
	    float:none;
	    margin:0px auto 15px;
	    width:120px;
	    }
}



/*470px以下*/
@media (max-width:470px) {
    .jinboTitle{
    font-size:15px;
    text-align:left;
    }
    .jinboTxt{
     text-align:left;   
    }
     .jinboBnr a,
     .jinboBnr a:hover{
	    background-size:15% auto;
    }
}

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

	問い合わせエリア

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

#contactArea{
	background-color:#716F71;
	color:#fff;
}

#contactArea h5{
	color:#fff;
	font-family: 'Abel', sans-serif;
	font-size:22px;
	margin-bottom:10px;
}

/*---------------------------------------
	お知らせ
---------------------------------------*/

.infoIndexBox{
	float:left;
	width:50%;
	border-right:#aaa 1px solid;
	padding-right:30px;
	margin-right:30px;
}

.infoIndexTitle{
	overflow:hidden;
}

.infoIndexTitle dt{
	float:left;
	font-size:14px;
	font-weight:normal;
}

.infoIndexTitle dd{
	float:right;	
}

.infoIndexTitle dd a{
	display:inline-block;
	background-color:#444;
	padding:2px 15px;
	color:#fff;
}
.infoIndexTitle dd a:hover{
	background-color:#aaa;
}
.infoIndexList{
	margin:10px 0;
}

.infoIndexList li{
	border-bottom:#aaa 1px dotted;
	padding:12px 0;
}

.infoIndexList li a{
	color:#fff;
}

.infoIndexList li a:hover{
	color:#aaa;
}


/*---------------------------------------
	お問い合わせ
---------------------------------------*/

.contactBox{
	float:left;
}



.contactTitle{
	font-size:14px;
	margin-bottom:10px;
}

.contactBnr a{
	color:#fff;
	border:#aaa 1px solid;
	padding:13px 40px;
	display:block;
	font-size:14px;
}

.contactBnr a:hover{
	border:#444 1px solid;
	background-color:#444;
}

.contactBnr a span{
	background:url(img/contactMail.png) 0px 50% no-repeat;
	padding-left:40px;
}

.contactTxt{
	margin:10px 0;
}

/*991px以下*/
@media (max-width:991px) {
	.infoIndexBox{
	float:none;
	width:100%;
	border:none;
	margin:20px 0 40px;
	}
	
	.contactBox{
	float:none;
	}

	.contactTel{
	margin:10px 0 20px;
	}
}
/*400px以下*/
@media (max-width:400px) {
	.contactBnr a{
	padding:10px 0px;
	text-align:center;
	}
	.contactBnr a span{
	padding-left:32px;
	}
	.contactTxt br{
	display:none;
	}
	.contactTel{
	margin:10px 0;
	}
}


/*トップページ以外*/
/*992px以上*/
@media (min-width:992px) {
	.contactBox02{
		overflow:hidden;
	}
	
	.contactBoxLeft{
		float:left;
		width:45%;
		margin-right:10%;
	}
	
	.contactBox02 h5{
		float:left;
		margin-right:30px;
	}
	.contactBox02 .contactTitle{
		margin-top:3px;
	}
	

}


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

	トップページ お知らせ・問い合わせエリア分割
    → お問い合わせはサブページ用を利用、お知らせを作成

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

#topInfoArea{
	background-color:#716F71;
	color:#fff;
}

#topInfoArea h5{
	color:#fff;
	font-family: 'Abel', sans-serif;
	font-size:22px;
	margin-bottom:10px;
}

/*---------------------------------------
	お知らせ
---------------------------------------*/

.topInfoIndexBox{
	margin:10px 0;
}

.topInfoIndexTitle{
	overflow:hidden;
}

.topInfoIndexTitle dt{
	float:left;
	font-size:14px;
	font-weight:normal;
}

.topInfoIndexTitle dd{
	float:right;	
}

.topInfoIndexTitle dd a{
	display:inline-block;
	background-color:#444;
	padding:2px 15px;
	color:#fff;
}
.topInfoIndexTitle dd a:hover{
	background-color:#aaa;
}
.topInfoIndexList{
	margin:10px 0;
}

.topInfoIndexList li{
	border-bottom:#aaa 1px dotted;
	padding:12px 0;
}

.topInfoIndexList li a{
	color:#fff;
}

.topInfoIndexList li a:hover{
	color:#aaa;
}


/*991px以下*/
@media (max-width:991px) {
}
/*400px以下*/
@media (max-width:400px) {
}



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

	フッター

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

.footerNavi{
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding:20px 0;
	text-align:center;
}
.footerNavi li{
	display:inline-block;
	padding:0px 10px;
}

.footerNavi li a{
	color:#000;
	}
.footerNavi li a:before{
	content:'・';
}

.footerNavi li a:hover{
	color:#aaa;
	}

footer{

}

.footerIn{
	padding:25px 0;
}

.copyRight{
	font-size:11px;
	margin:5px 0;
}



.footerAdd{
	overflow:hidden;
	margin-top:30px;
}

.footerAdd h1{
	margin-bottom:5px;
}
.footerRight{
	float:left;
}


.footerAdd address{
	float:right;
	text-align:right;
}

.footerAdd address span{
	font-size:12px;
}

/*650x以下*/
@media (max-width:650px) {
    .footerAdd h1{
	   float:none;
	   text-align:center;
	   margin-bottom:20px;
    }
    .footerRight{
	   float:none;
	   text-align:center;
    }
    .footerAdd address{
	float:none;
	text-align:center;
	margin-top:10px;
	}
}

/*600x以下*/
@media (max-width:600px) {
	.footerNavi{
	border:none;
	padding:0px 0px;
	}
	.footerNavi li{
	width:100%;
	border-bottom:#ccc 1px solid;
	text-align:left;
	padding:10px 0;
	}
}













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

	お知らせページ

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



/*670x以上*/
@media (min-width:670px) {
	.infoList{
		width:600px;
		margin:20px auto;
	}

}
/*669x以下*/
@media (max-width:669px) {
	.infoList{
		width:100%;
		margin:20px auto;
	}
}


.infoList li{
	padding:20px 10px;
	border-bottom:#2f5173 1px dotted;
}

.infoList li span{
	padding-right:20px;
}

.infoList li a{
	color:#000;
	
}
.infoList li a:hover{
	color:#aaa;
}




/*ページナビ*/

.infoPaging {
	margin:40px 15px 60px;
	text-align: center;
}
.infoPaging a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 1px;
	border: 1px solid #2f5173;
	width: 22px;
	height: 22px;
	line-height: 20px;
	text-align: center;
	font-size: 11px;
	color: #2f5173;
	text-decoration: none;
}


.infoPaging a:hover{
	background-color: #2f5173;
	color: #fff;
}

.infoPaging a.current {
	background-color: #2f5173;
	color: #fff;
}

/*------------------------------------------------
	詳細ページ
------------------------------------------------*/

.infoTitle{
	border-top:#2f5173 1px dotted;
	border-bottom:#2f5173 1px dotted;
	padding:15px 10px;
	margin:30px 0;
	color:#2f5173;
	font-weight:bold;
}
.infoTitle span{
	padding-right:20px;
}

.infoDetailBox{
	padding:20px 0 50px;
}



/*992px以上*/
@media (min-width:992px) {
    .infoDetaiImage li{
	    display:inline-block;
	    margin:0px 1.5%;
	    width:30%;
	    text-align:center;
	    background-color:#ddd;
    }
    .infoDetaiImage li img{
	 height:215px;
    }
}

/*991px以下*/
@media (max-width:991px) {
    .infoDetaiImage li{
	    width:100%;
	    margin-bottom:15px;
	    text-align:center;
	    background-color:#ddd;
    }
       .infoDetaiImage li img{
	 height:250px;
	}
}

/*410px以下*/
@media (max-width:410px) {
    .infoDetaiImage li{
	    width:100%;
	    margin-bottom:15px;
    }
       .infoDetaiImage li img{
        width:100%;
	height:auto;
	}
}

/*ファイルダウンロード*/
.infoDlBox{
	background-color:#fff;
	border:#2f5173 1px solid;
	margin:40px 0;
	padding:20px 30px;
}

.infoDlBox dt{
	font-size:14px;
	margin-bottom:10px;
}

.infoDlBox dt span{
	color:#2f5173;
	font-family: 'Abel', sans-serif;
	padding-right:20px;
	font-size:20px;
	background:url(img/downloadIcon.png) 0px 50% no-repeat;
	padding-left:25px;
}


.infoDlList{
	
}
.infoDlList li{
	line-height:1.8;
}
.infoDlList li a{
	color:#2f5173;
}

.infoDlList li a:hover{
	color:#aaa;
}



.infoDlList li:before{
	content:'・';
}



/*一覧リンク*/
.infoLink{
	text-align:center;
	margin:20px 0;
}


.infoLink a{
	background-color:#333;
	padding:2px 30px;
	color:#fff;
	display:inline-block;
}
.infoLink a:hover{
	background-color:#aaa;
}


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

	お問い合わせフォーム

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

.contactPageH4{
	text-align:center;
}

.contactPageTel{
	color:#2f5173;
	font-family: 'Abel', sans-serif;
	text-align:center;
	font-size:33px;
}


/*プログレスバー*/

.progress{
	margin:20px 0 50px;

}


.progress li{
	font-size:16px;
	padding-top:5px;
}

.contactDiv h3{
	font-weight:bold;
	margin-bottom:15px;
	font-size:15px;
}

.contactDiv h3:before{
	content:'◎';
	color:#2f5173;
	padding-right:5px;
}






/*テーブル*/
.contactTable{
	border-top:#2f5173 2px solid;
	border-bottom:#2f5173 2px solid;
	margin:0px 0 30px;
	width:100%;
}
.contactTable th{
	border-right:#2f5173 1px solid;
	border-bottom:#aaa 1px solid;

	padding:5px 15px;
	font-weight:bold;
	width:25%;
	vertical-align:middle;
}

/*必須*/
.contactTable th span{
	display:inline-block;
	background-color:#b72d27;
	float:right;
	color:#fff;
	padding:1px 8px;
	font-size:12px;
}
.contactTable td{
	border-bottom:#aaa 1px solid;
	padding:20px 20px;
	vertical-align:middle;
}

.contactTable td span{
	font-size:12px;
	color:#666;
}


/*完了ページ*/

.thanksTxt{
	text-align:center;
	margin-bottom:40px;
}

.thanksContactBox{
	border:#2f5173 1px solid;
	padding:30px 30px;
	overflow:hidden;
	width:70%;
	margin:0px auto;
}

.thanksContactBox dt{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.thanksContact li strong{
	font-weight:bold;
	font-size:14px;
}	

/*550px以上*/
@media (min-width:550px) {
	.thanksContactBox dt{
	margin-top:20px;
	margin-right:30px;
	height:50px;
	float:left;	
	}
}

/*800px以下*/
@media (max-width:800px) {
	.thanksContactBox{
	width:100%;
	}
}
/*710px以下*/
@media (max-width:710px) {
	.thanksTxt{
	text-align:left;
	}
}

/*600px以下*/
@media (max-width:600px) {

	.contactTable th,
	.contactTable td{
	display:block;
	width:100%;

	}
	.contactTable th{
	border-right:none;	
	}
	
	
}

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

	フォーム用設定

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

.formInput{
	width:100%;

}

.formTextarea{
	width:100%;
	padding:10px 10px;
}

.formBtn{
	text-align:center;
}

.formBtn li{
	display:inline-block;
	margin:0px 8px;
}

input[type="submit"]{
	border:#2f5173 1px solid;
}

.formBtnConf,
.formBtnBack,
.formBtnSubmit{
	background-color:#fff;
	color:#2f5173;
	padding:2px 20px;
	font-weight:bold;
	font-size:16px;
	width:100px;
}
.formBtnConf:hover,
.formBtnBack:hover,
.formBtnSubmit:hover{
	background-color:#2f5173;
	color:#fff;
}

.textBox{
	border:#aaa 1px solid;
	padding:20px 20px;
	color:#333;
}

select,option{
	color:#333;
}



/*エラー表記*/

.contactErrors{
	border:#f12 2px solid;
	color:#f12;	
	padding:10px 30px;
	margin-bottom:40px;
}

.contactErrors li{
	list-style-type:disc;
	line-height:1.6;
}


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

	個人情報保護方針

====================================================================*/
.privacyBox{
	padding:20px 0 50px;
	border-top:#2f5173 1px solid;
	border-bottom:#2f5173 1px solid;
	margin:40px 0 20px;
}
.privacyBox dt{
	margin:30px 0 15px
}

.privacyBox dt span{
	padding:3px 15px;
	background-color:#2f5173;
	color:#fff;
}

.privacyName{
	text-align:right;
	
}


.privacyList{
	margin:20px 0;
	line-height:1.8;
}

.privacyList li:before{
	content:'・';
}



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

	会社概要

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


/*メッセージ*/

.messageBox{
	overflow:hidden;
}



.messageLeft dt{
	font-weight:normal;
	line-height:1.7;
	margin-bottom:20px;
}

.messageLeft dd{
}


.messageLeft dd span{
	font-weight:bold;
}

.messageLeft dd span img{
	padding-left:20px;
}

.messageRight img{
	width:100%;
}


/*992px以上*/
@media (min-width:992px) {
    .messageLeft{
	    width:690px;
	    float:left;
    }
    .messageRight{
	    width:210px;
	    float:right;
    }

}

/*991px以下*/
@media (max-width:991px) {
    .messageLeft{
	    width:100%;
	    float:none;
    }
    .messageRight{
	    width:210px;
	    margin:0px auto 20px;
    }
}



/*会社概要*/
.outlineBox{
	overflow:hidden;
}


.outlineTable th,
.historyTable th{
	color:#2f5173;
	font-weight:bold;
	border-bottom:#666 1px dotted;
	vertical-align:middle;
}

.outlineTable td,
.historyTable td{
	border-bottom:#666 1px dotted;
	vertical-align:middle;
	padding:10px 20px;
}

.outlineTable td strong{
	font-weight:bold;
}

.outlineList li{

}

.outlineList li:before{
	content:'・';
}


.comImgList li{
	margin-bottom:20px;
}

.comImgList li img{
	padding-bottom:5px;
	margin-top:10px;
}


/*992px以上*/
@media (min-width:992px) {
    .outlineTable{
	    float:right;
	    width:550px;
    }

}



/*991px以下*/
@media (max-width:991px) {
    .outlineTable{
    margin-bottom:30px;
    width:100%;
    }
    
    .comImgList{
    overflow:hidden;
    }
    
    .comImgList li{
	float:left;
	margin:0px 2.5%;
	width:45%;
	}
    .comImgList li img{
	    width:100%;
    }
}



/*-------------------------
	googlemap
-------------------------*/
.mapBox{
	overflow:hidden;
	margin:30px 0 0;
}

	.mapBox li{
		border:#fff 2px solid;
		margin-bottom:30px;
	}

/*992px以上*/
@media (min-width:800px) {
	.mapBox li{
		width:48%;
	}
	
	.mapBox li{
		width:48%;
	}
	
	.map01{
		float:left;
	}
	
	.map02{
		float:right;
	}
}

/*会社沿革*/


.enkakuBox{

}



.enkakuRright img{
	width:100%;

}


/*992px以上*/
@media (min-width:992px) {
    .historyTable{
	width:600px;
	float:left;
    }
    .enkakuRright{
	    width:300px;
	    float:right;
        padding-top:20px;
    }
    /*
    .enkakuRright img{
	margin-top:20px; 
    }
    */
}
/*991px以下*/
@media (max-width:991px) {
    .historyTable{
    	width:100%;
    }
    .enkakuRright{
        /*
	width:300px;
        */
        width: 100%;
    	margin:30px auto;
        text-align: center;
    }
    .enkakuRright img{
	    max-width: 50%; 
    }
}



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

	社員紹介ページ

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


#staffDesign{
	
}



.staffH3 span{
	font-size:13px;
	display:inline-block;
	padding-top:10px;
}

.staffPageNavi li{

	line-height:1.3;
}
.staffPageNavi li a small{
	font-family: 'Abel', sans-serif;
	font-size:14px;
	letter-spacing:0.05em;
	color:#444;
}
.staffPageNavi li a:hover small{
	color:#aaa;
}

.staffPageNavi li a{
	color:#000;
}
.staffPageNavi li a:hover{
	color:#aaa;
}


.staffPageNavi li a:before{
      content:"";
      display: block;
      padding-top:85%;
}

/*650px以上*/
@media (min-width:650px) {
    .staffPageNavi{
	    position:relative;
	    left:25%;
    }
}
/*649px以下*/
@media (max-width:649px) {
	.staffPageNavi li a{
	width: 50%;
	}
}


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

	製作フローページ

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


/*メニューバーに隠れる対応*/
    
    .flowPageCont:before{
      display: block;
      content: " ";
      margin-top: -50px;
      height: 50px;
      visibility: hidden;	
    }



.flowTitle{
	background:url(img/arrow001.png) center 0px no-repeat;
	padding-top:30px;

}

/*写真*/
.flowImgBox{
	overflow:hidden;
	margin:30px 0;
}

.flowImgBox li{
	display:block;
}

.flowImgBox li img{
	width:100%;
}

/*450px以上*/
@media (min-width:450px) {
    .flowImgBox li{
	    float:left;
	    width:33%;
	    display:block;
    }
}
/*449px以下*/
@media (max-width:449px) {

	.flowImgBox{
	margin:20px 0 0;	
	}

	.flowImgBox li{
	    width:100%;
	    margin-bottom:30px;
    	}
}


/*テキスト*/

.flowPageTxt{
	margin-bottom:20px;
}

.flowPageTxt dt{
	font-size:14px;
	font-weight:bold;
	color:#2f5173;
	margin-bottom:5px;
}

/*350px以下*/
@media (max-width:350px) {
    .flowPageTxt dd br{
	display:none;
    }
}



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

	リクルートページ

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


.recruitContact{
	border:#2f5173 1px solid;
	padding:10px 10px;
	text-align:center;
	width:450px;
	margin:20px auto 40px;
	color:#2f5173;
}

.recruitContact strong{
	font-weight:bold;
}


.recruitTable{
	width:100%;
	border-top:#2f5173 1px solid;
	border-bottom:#2f5173 1px solid;
}

.recruitTable th{
	color:#2f5173;
	font-weight:bold;
	border-bottom:#666 1px dotted;
	border-right:#2f5173 1px solid;
	vertical-align:middle;
	padding-left:15px;
}


.recruitTable td{
	border-bottom:#666 1px dotted;
	vertical-align:middle;
	padding:10px 20px;
}



/*650px以上*/
@media (min-width:650px) {
    .recruitTable th{
	    width:150px;
    }
}

/*500px以下*/
@media (max-width:500px) {

    .recruitContact{
	width:100%;
	text-align:left
    }
   .recruitTable th{
   	width:20%;
	padding-left:0px;
   }
}


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

	修理ページ

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

.repairDetail{
	width:630px;
	margin:20px auto;
}

.repairDetail dt{
	font-weight:bold;
	font-size:16px;
	color:#2f5173;
	margin-bottom:10px;
}

.repairDetail dd{
	border-top:#2f5173 1px solid;
	border-bottom:#2f5173 1px solid;
	padding:20px 10px;
}

.repairList li{
	line-height:1.8;
	color:#2f5173;
}

.repairList li:before{
	content:'・';
}


.repairTxt{
	text-align:center;
}

.repairContact{
	text-align:center;
	margin:30px 0;
}

.repairContact a span{
	background-color:#333;
	padding:5px 40px;
	color:#fff;	
}
.repairContact a:hover span{
	background-color:#aaa;
}

/*630px以下*/
@media (max-width:630px) {
    .repairDetail{
    	width:100%;
    }
}

/*490px以下*/
@media (max-width:490px) {
    .repairTxt{
	    text-align:left;
    }
}


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

	スタッフ詳細ページ

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

.staffProfileBox{
	overflow:hidden;
}



#staffDetail h2{
	text-align:left;
	font-weight:bold;
	font-size:16px;
	line-height:1.6;
}

#staffDetail h3{
	text-align:left;
	font-size:20px;
}

#staffDetail h3 span{
	font-size:16px;
	font-family: 'Abel', sans-serif;
	font-weight:normal;
	color:#333;
	padding-left:20px;
}





.staffProfile{
	margin-top:1px;
}
.staffProfile dt{
	font-weight:normal;
	color:#2f5173;
}

.staffProfile dt span{
	color:#2f5173;
	border:#2f5173 1px solid;
	padding:1px 10px;
	font-family: 'Abel', sans-serif;
	font-weight:normal;
	margin-right:15px;
}

.staffProfile dd{
	margin:20px 0;
	font-weight:bold;
	padding:10px 0;
	border-top:#2f5173 1px dotted;
	border-bottom:#2f5173 1px dotted;
}


.staffProfileRight img{
	width:100%;
}

.staffTxt{
	margin:30px 0;
}
.staffTxt dt{
	color:#2f5173;
	border-bottom:#2f5173 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
}
.staffTxt dd{
	line-height:1.7;
}


/*991px以上*/
@media (min-width:992px) {
    .staffProfileLeft{
	    float:left;
	    width:730px;
    }
    .staffProfileRight{
	float:right;
	width:175px;
    }
}
/*991px以下*/
@media (max-width:991px) {
    .staffProfileRight{
	margin:15px auto;
	width:200px;
    }
}

/*350px以下*/
@media (max-width:350px) {
    .staffProfileLeft h2{
    	font-size:14px;
	}
    .staffProfileLeft h2 br{
    	display:none;
    }

}


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

	職場環境

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


.workplaceNaviBox{
	margin:30px 0;
}
.workplaceNaviBox::after{
	display: block;
    height: 0;
    clear: both;
    content: "";
}

.workplaceNavi{
	float:left;
    width: 50%;
    text-align: center;
}

.workplaceNavi dt{
	width: 100%;
    margin: 0 auto;
    padding-top:5%;
}
.workplaceNavi dt img{
    width: 100%;
}
.workplaceNavi dd{
	width: 100%;
    margin: 0 auto;
	padding-top:2%;
    text-align: left;
}



/*900px以下*/
@media (max-width:900px) {
}

/*460px以下*/
@media (max-width:460px) {
	.workplaceNavi{
	    width: 100%;
	}
}