/*
@media screen and (max-width:880px) and (min-width: 769px) {
	
}
*/

@media screen and ( max-width:819px) and (min-width: 481px) {
	
.pc{
		display: none;
	}

.smart{
		display: inline;
	}
	

/*------------------------------
home
--------------------------------*/
	
.ytube {
  position: relative;
  width: 95%;
  padding-top: 56.25%;
}
.ytube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#pagetitle img{
	padding-top: 60px;
}


	
	
#t_comp2 p {
	font-size:1.6rem;
	line-height:2;
	letter-spacing: 0.2em;
	padding:20px 20px 50px 30px;
}
	
/*私達の強み*/
	
.ad_hed {
	sposition: relative;
	font-size:2.5rem;
	letter-spacing: 0.25em;
	padding: 30px 0 80px 50px;
	color: #fff;
	background: #1c4388;
	width: 70%;
	margin-top: 50px;
}
	
	
.ad_hed_tx p {
	padding:30px 0 50px 150px;
}

.advant h4 {
	text-align:left;
	font-size: 1.7rem;
	letter-spacing: 0.25em;
	padding: 10px;
}
	
.tb-border {
	margin: 0 auto;
	width: 90%;
	max-width: 800px;
	float: none;
	
}
	
.ad_hub_b {
	margin: 0 auto;
	float: none;
	width: 80%;
	padding: 30px 0;
}
	
/* ------------------------------------------
　   アウトソーシング
-------------------------------------------- */
	
.serviceabout h2{
	font-size: 2rem;
	letter-spacing: 0.25em;
}
	
.serviceabout p{
	font-size: 1.4rem;
	letter-spacing: 0.25em;
}
	
#casestudy{	
	text-align: center;
	width: 95%;
	max-width: 1100px;
	padding-bottom: 40px;	
	margin: 0 auto;
}

#casestudy h2 {
	font-size: 2.5rem;
	letter-spacing: 0.25em;
	line-height: 2;
	font-weight: 500;
	padding-top: 50px;
	border-bottom: solid 3px #0095f9;
	width: 400px;
	margin: 0 auto;
}

#casestudy h3 {
	font-size: 2rem;
	letter-spacing: 0.2em;
	line-height: 2;
	font-weight: 500;
	padding-top: 80px;
	border-bottom: solid 2px #0095f9;
	text-align: left;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}

#casestudy p{
	padding: 10px 0;
	font-size: 1.2rem;
	letter-spacing: 0.25em;
	line-height: 2;
	max-width: 1100px;
	text-align: left;
	width: 100%;
	margin: 0 auto;
}

#casestudy img {
	margin-top: 30px;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
	
/* ------------------------------------------
　   派遣実績職種
-------------------------------------------- */

.tempo_ex {
	font-size:1.2rem;
  }

	
/* ------------------------------------------
　   お取引までの流れ
-------------------------------------------- */

.flow1 .step {
			color: #fff;
 position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  padding: 2px 10px;
  margin: 0;
  background:#0095f9;
 transform: translateY(-60%) translateX(-10%);
}

.flow {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}

#flow_cot{
	padding-bottom: 50px;
	padding-left: 0;
}
	
#flow_cot_tem{
	padding-left: 0;
}


	

.flow1 {
	max-width: 900px;
	height: 142px;
	width: 100%;
	padding: 5px;
	margin-bottom: 0px; 

}

.flow1 h3 {
	font-size:1.9rem;
	letter-spacing: 0.15em;
	font-weight: 500;
	text-align: left;
	padding-left: 10px;
}

.flow1_illust  {
 	width:100%;
	height:auto;
	max-width: 130px; 
	float: left;
	margin-right:10px; 
}

.flow1 p {
	font-size:1.4rem;
	text-align: left;
}

.flow1_l {
   height: 50px;
	padding: 10px 5px;
	max-width: 900px;
	width: 100%;
	text-align: center;
	transform: rotate( 90deg );
}
	
/* ------------------------------------------
　  紹介予定派遣ページ
-------------------------------------------- */
	
.tempimg{
	width: 70%;
	margin: 0 auto;
	max-width: 1100px;
}
	
.tempimg img{
	margin: 0 auto;
	max-width: 500px;
}
	
/* 派遣実績職種 */
	
.temp_ex p {
  font-size:1.2rem;
		width: 75%;    
  }
	.temp_ex img {
		width: 80%;    
  }
	
/* ------------------------------------------
　　企業情報
-------------------------------------------- */

#main_comp table.co-prof th {
	padding:20px;
}
#main_comp table.co-prof td {
	padding:20px;
}



	

	
}/*@media 終り*/




@media screen and (max-width: 480px){
	
.pc{
		display: none;
	}

.smart{
		display: inline;
	}
	
.top60{
	padding-top: 60px;
}

.ytube {
  position: relative;
  width: 90%;
  padding-top: 56.25%;
}
.ytube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
	
}
	
/*------------------------------
home
--------------------------------*/
	
#pagetitle img{
	padding-top: 60px;
}
	
#pagetitle h1{
	font-size: 2rem;
	text-shadow: #000 2px 2px 10px;
}
	
.tit_sma {
		font-size: 3rem;	
	}	

	
#fade p{
	font-size: 2.4rem;
	text-shadow: #333 1px 0 10px;
}
	
	
/*会社について*/
	
#t_comp2 p {
	width: 100%;
	padding: 20px;
	}

	
/*toppage service*/
	
.t_service_ex h2 {
		font-size:3rem;
	}
	

.t_service h2 {
	padding-top:50px;
}

.t_bn {
padding:30px  0 0;

}

.t_bn li {
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	max-width: 450px;	
	height: auto;	
	width: 80%;
	margin: 30px 15px 30px; 15px;
	postion: relative;
}
	
/*index3 ここから追加しています*/	

.t_bn2 {
padding:30px  0 0;

}

.t_bn2 li {
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	max-width: 450px;	
	height: auto;	
	width: 80%;
	margin: 30px 15px 30px; 15px;
	postion: relative;
}
	
.t_bn2 li img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	overflow: hidden;	
	width: 450px;	/*画像の幅*/
	height: 280px;	/*画像の高さ*/
	width: 100%;
}
	
	/*index3 ここまで追加しています*/
	
	
.foot_a {
	float: none;
	width:100%;
}

.foot_b {
	float: none;
	width:100%;
}

/*私達の強み*/
	
.ad_hed {
	padding: 20px 20px 60px 20px;
	width: 100%;
}
.ad_hed h2 {
	font-size:1.8rem;
	padding-left: 0px;
	padding-top: 50px;
	line-height:1.5;
}

.ad_hed_tx p {
	font-size:1.5rem;
	padding:30px 0 50px 10px;
}
	
.tb-border {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	float: none;
	
}
	
.ad_hub_b {
	margin: 0 auto;
	float: none;
	width: 100%;
	padding: 30px 0;
}
	
.advant h4 {
	text-align:left;
	font-size: 1.7rem;
	letter-spacing: 0.25em;
	padding: 10px;
}


.ad_hed .number {
position: absolute;
  top: 30;
  left: 30;
  font-size: 4rem;
  padding: 5px 5px 5px 10px;
  margin: 0;
  background:#0095f9;
 transform: translateY(-60%) translateX(-30%);
}

/* ------------------------------------------
　   アウトソーシング 
-------------------------------------------- */
	
.serviceabout h2{
	padding-top: 30px;
}
		
.serviceabout p{
	text-align: left;
	padding-bottom: 30px;
}

#casestudy{	
	text-align: center;
	width: 95%;
	max-width: 1100px;
	padding-bottom: 40px;	
	margin: 0 auto;
}

#casestudy h2 {
	font-size: 2.2rem;
	width: 80%;
	margin: 0 auto;
}

#casestudy h3 {
	font-size: 2rem;
	letter-spacing: 0.2em;
	line-height: 2;
	font-weight: 500;
	padding-top: 80px;
	border-bottom: solid 2px #0095f9;
	text-align: left;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}

#casestudy p{
	padding: 10px 0;
	font-size:1.3rem;
	letter-spacing: 0.25em;
	line-height: 2;
	max-width: 1100px;
	text-align: left;
	width: 100%;
	margin: 0 auto;
}

#casestudy img {
	margin-top: 30px;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
	
/* ------------------------------------------
　   お取引までの流れ
-------------------------------------------- */
	
.flow h2 {
	font-size: 2.2rem;
	width: 80%;
	margin: 0 auto;
}

.flow1 .step {
 position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  padding: 2px 10px;
  margin: 0;
  background:#0095f9;
 transform: translateY(-60%) translateX(-10%);
}

.flow {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}

#flow_cot{
	margin: 0 auto;
	max-width: 1000px;
	padding-left: 0;
}
	
#flow_cot_tem{
	padding-left: 0;
}
	
	

.flow1 {
	max-width: 900px;
	height: 142px;
	width: 100%;
	padding: 5px;
	margin-bottom: 0px; 

}

.flow1 h3 {
	font-size:1.8rem;
	letter-spacing: 0.15em;
	font-weight: 500;
	text-align: left;
	padding-left: 10px;
}

.flow1_illust  {
 	width:100%;
	height:auto;
	max-width: 130px; 
	float: left;
	margin-right:10px; 
}

.flow1 p {
	font-size:1.3rem;
	line-height: 1.5;
	text-align: left;
}

.flow1_l {
   height: 50px;
	padding: 10px 5px;
	max-width: 900px;
	width: 100%;
	text-align: center;
	transform: rotate( 90deg );
}

/* ------------------------------------------
　  人材派遣ページ
-------------------------------------------- */

.serviceabout_tempo h2{
	padding-top: 30px;
}

.serviceabout_tempo p{
	text-align: left;
	padding-bottom: 30px;
}

	
.tempo_l {
	width: 100%;
	max-width: 1100px;
	font-size:1.6rem;
	letter-spacing: 0.25em;
	line-height: 1.8;
	padding-bottom: 20px;
}
.tempo_r img{
	width:  100%;
	max-width: 1100px;
}
	
	
	
/*派遣実績職種 */
	

.tempo_ji_l {
	margin: 0 auto;
	max-width: 1100px;
	float: none;
	width: 80%;
	padding-bottom: 30px;
}
.tempo_ji_c{
		margin: 0 auto;
	max-width: 1100px;
	float: none;
	width: 80%;
	padding-bottom: 30px;
	}
.tempo_ji_r{
		margin: 0 auto;
	max-width: 1100px;
		float: none;
		width: 80%;
	}
	
	
/*労働者派遣事業に関する情報公開 リンク*/
	
.tempo_dis {
margin-top: 50px;
		max-width: 600px;
	}

.tempo_dis li {
    display:block;
	margin: 30px auto;
	height: auto;	
	width: 90%;
}

/* ------------------------------------------
　  紹介予定派遣ページ
-------------------------------------------- */
	
.tempimg{
	width: 100%;
	max-width: 1100px;
}
	
.tempimg img{
	margin: 20px auto;
	max-width: 500px;
}
	
	
/* ------------------------------------------
　　企業情報
-------------------------------------------- */
#pagetitle2 h1{
font-size: 2rem;
text-shadow: #333 1px 0 10px;
}

#main_comp table.co-prof th {
	padding:10px;
}
#main_comp table.co-prof td {
	padding:10px;
}

.camp_branch li {
	padding: 5px;
}
	
/* ------------------------------------------
　　キャリアアップ
-------------------------------------------- */
	
table.co-prof4 th {
	padding:3px;
}

 #main_caree table.co-prof4 td {
	max-width:100px;
	width: 3%;
	padding:10px;
    border-bottom: #e0e0e0 solid;
    border-width: 0 0 1px 1px;
	background: #fafafa;
	margin-bottom: 5erm;
	 padding:5px 5px 5px 10px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
}

	

}/*@media 終り*/