/*==========================================================
　H2
============================================================*/

h2 {
	clear:both;
	display:block;
	padding:2%;
	font-size: 180%;
	color:#FFF;
	background:#000;
	line-height:100%;
}

/*--------------------------------------------------------
  H2-OUMIDSHI
----------------------------------------------------------*/

h2.tit{
	margin-bottom: 30px;
	width: 620px;
	height: 200px;
	text-indent: -9999px;
}
h2.pro { background: url("/image/h2_pro.jpg") no-repeat;}
h2.com { background: url("/image/h2_com.jpg") no-repeat;}
h2.mri { background: url("/image/h2_mri.jpg") no-repeat;}
h2.stf { background: url("/image/h2_stf.jpg") no-repeat;}
h2.ser { background: url("/image/h2_se.jpg") no-repeat;}
h2.ex { background: url("/image/h2_ex.jpg") no-repeat;}
h2.rec { background: url("/image/h2_rec.jpg") no-repeat;}
h2.so { background: url("/image/h2_so.jpg") no-repeat;}
h2.cont { background: url("/image/h2_cont.jpg") no-repeat;}
h2.blog { background: url("/image/blog_header.jpg") no-repeat;}

/*--------------------------------------------------------
  H2-KOMIDASHI
----------------------------------------------------------*/

h2.bk{
	margin-bottom: 20px;
	width: 100%;
	height: 40px;
	text-indent: -9999px;
}

h2.prd_tit { background: url("/image/h2_prd.gif") no-repeat;}
h2.qu_tit { background: url("/image/h2_que.gif") no-repeat;}
h2.pr_tit { background: url("/image/h2_pr.gif") no-repeat;}
h2.ag_tit { background: url("/image/h2_ag.gif") no-repeat;}
h2.sm_tit { background: url("/image/h2_sm.gif") no-repeat;}
h2.fa_tit { background: url("/image/h2_fa.gif") no-repeat;}
h2.se03_tit { background: url("/image/h2_se03.gif") no-repeat;}
h2.rec_tit { background: url("/image/h2_rec.gif") no-repeat;}
h2.rec_tit2 { background: url("/image/h2_rec2.gif") no-repeat;}
h2.rec_tit3 { background: url("/image/h2_rec3.gif") no-repeat;}
h2.rec_tit4 { background: url("/image/h2_rec4.gif") no-repeat;}
h2.rec_tit5 { background: url("/image/h2_rec5.gif") no-repeat;}
h2.rec_tit6 { background: url("/image/h2_rec6.gif") no-repeat;}
h2.acc_tit{ background: url("/image/h2_access.gif") no-repeat;}
h2.after_tit{ background: url("/image/h2_staff.gif") no-repeat;}
h2.fou_tit{ background: url("/image/h2_fou.gif") no-repeat;}
h2.pre_tit{ background: url("/image/h2_pre.gif") no-repeat;}
h2.med_tit{ background: url("/image/h2_media.gif") no-repeat;}



/*--------------------------------------------------------
  H2-products
----------------------------------------------------------*/

h2.h2_pr{ padding: 0;}

/*--------------------------------------------------------
  H2-case
----------------------------------------------------------*/

h2.case_ti{
	margin-bottom: 20px;
	padding: 10px 0;
	color: #000;
	font-weight: normal;
	background: none;
	font-size: 21px;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS P ゴシック";
}



/*==========================================================
　H3
============================================================*/

#subpage h3 {
	clear:both;
	margin:20px 0 10px;
	padding: 10px 0 0 15px;
	height: 45px;
	font-size: 100%;
	color: #FFF;
	background: url("/image/h3_back.jpg") no-repeat left center;
	box-sizing: border-box;
}

/*--------------------------------------------------------
  H3-products
----------------------------------------------------------*/

h3.h3_pr{ padding: 0!important; height: auto!important; background: none!important;}

/*==========================================================
　H4
============================================================*/

#subpage h4 {
	clear:both;
	margin:20px 2%;
	font-size: 120%;
	color:#0059B2;
}

/*---------------------------------------------------------------------------
  H4-TAKUMI
---------------------------------------------------------------------------*/

#subpage h4.s_tit {
	display: inline-block;
	margin: 0 0 5px;
	padding: 8px 8px 8px 10px;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1.2em;
	background: #BCC8D1;
}

#subpage h4.prod_tit{
	margin: 0 0 10px;
	padding: 5px 15px;
	color: #333;
	font-size: 100%;
	line-height: 1.8em;
	font-weight: bold;
	background: #B8D9EF;
}

#subpage h4.rec_stf{
	margin: 5px 0;
	padding: 5px 10px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	font-size: 90%;
	background: #4D9FD8;
}



/*==========================================================
　H5
============================================================*/

#subpage h5 {
	clear:both;
	margin:20px 0 10px;
	padding-bottom: 5px;
	font-size: 90%;
}
#subpage h5.ac_map{
	font-weight: bold;
	background: #666;
	padding: 10px 5px 10px 15px;
	color: #FFF;
	line-height: 1.1em;
}
#subpage h5.pri_ti{
	font-size: 100%;
	border-bottom: 2px solid #666;
}



@media only screen and (max-width:700px){
	
/*==========================================================
　H2
============================================================*/

/*--------------------------------------------------------
  H2-OUMIDSHI
----------------------------------------------------------*/
	
h2.tit,
h2.bk{
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	color: #333;
	text-indent: 0;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS P ゴシック";
}

h2.ex,
h2.com,
h2.mri,
h2.stf,
h2.pro,
h2.ser,
h2.rec,
h2.so,
h2.cont,
h2.blog,
h2.prd_tit,
h2.qu_tit,
h2.pr_tit,
h2.ag_tit,
h2.sm_tit,
h2.fa_tit,
h2.acc_tit,
h2.se03_tit,
h2.rec_tit,
h2.rec_tit2,
h2.rec_tit3,
h2.rec_tit4,
h2.rec_tit5,
h2.rec_tit6,
h2.fou_tit,
h2.pre_tit,
h2.med_tit,
h2.after_tit{ border-bottom: #4D9FD7 3px solid; background: none;}
	
/*--------------------------------------------------------
  H2-case
----------------------------------------------------------*/

h2.case_ti{
	margin-bottom: 10px;
}
	

/*==========================================================
　H3
============================================================*/

#subpage h3 {
	clear:both;
	margin:20px 0 10px;
	padding: 10px 0 0 15px;
	height: 45px;
	font-size: 100%;
	color: #FFF;
	background: url("/image/h3_back.jpg") no-repeat left center;
	box-sizing: border-box;
}

/*--------------------------------------------------------
  H3-products
----------------------------------------------------------*/

h3.h3_pr{ padding: 0!important; height: auto!important; background: #333!important;}
h3.h3_pr a{ display: block; padding: 5px; color: #FFF;}
h3.h3_pr a span{ display: block; margin-top: 5px; background: #4d96cb; text-align: center;}
	
	
	
/*==========================================================
　H4
============================================================*/

/*--------------------------------------------------------
  H4-TAKUMI
----------------------------------------------------------*/

#subpage h4.s_tit { display: block;	margin: 0 0 15px;}

/*--------------------------------------------------------
  H4-RECRUIT
----------------------------------------------------------*/
	
#subpage h4.rec_stf{ display: block;}

	

}