@media only screen and (max-width: 768px) and (min-width: 641px){
/*--------------------------------------------------
	タブレットのみ適応
--------------------------------------------------*/
.dsp_smt { display: none; }

/*--------------------------------------------------
  アウトソーシング
--------------------------------------------------*/
/* 派遣分野のご紹介 */
#outsourcing .introduction li .in {
	float: left;
	width: 58%;
}
#outsourcing .introduction li p.w100 {
	float: right;
	width: 40%;
}


}
@media only screen and (max-width: 768px) {
/*--------------------------------------------------
	タブレット・スマホに適応
--------------------------------------------------*/
.dsp_hp { display: none; }
.w100 img { width: 100%; 	height: auto; }
.br { display: block; }
.fm { font-size: 110%; }			/* 大きい文字 */

/* ヘッダ */
#header {
	padding: 0 10px 10px;
}
#header h1 {
	margin-bottom: 10px;
	font-size: 10px;
	text-align: left;
	line-height: 13px;
}
#menu_link {
	float: right;
	width: 40px;
}
#menu_link img {
	width: 100%;
	height: auto;
}

/* ページタイトル */
#page_title {
	padding: 0 10px;
}

/* メニュー */
#menu li a {
	padding: 18px 15px;
	padding-left: 50px;
	background-position: 15px center;
	background-size: 24px auto;
	-webkit-background-size: 24px auto;
	border-bottom: 1px solid #D9D9D9;
	text-align: left;
}

/* コンテナ */
#container {
	padding: 0 0 30px;
}
#container h3.sub {
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.main {
	padding-left: 10px;
	padding-right: 10px;
}

/* フッター */
#footer .box {
	padding: 20px 10px;
}
#footer .box ul {
	margin-top: 20px;
	padding-top: 20px;
}
#footer .box li {
	margin: 0 5px;
}


/* お問合せ */
#footer_contact .in {
	padding: 15px 10px;
}
#footer_contact p.tel {
	margin-bottom: 10px;
}

#footer_contact li {
	list-style: none;
}

#footer_contact .contact_text_tbs {
	font-size: 150%;
}

#footer_contact .contact_tel_tbs {
	padding-left: 30px;
	background: url(../img/tel.png) no-repeat left 40%;
	background-size: 22px auto;
	-webkit-background-size: 22px auto;
	font-size: 120%;
}

#footer_contact .contact_mail_tbs {
	display: block;
	padding: 4px 10px;
	font-size: 120%;
}

#footer_contact .contact_mail_tbs span {
	padding-left: 30px;
	background: url(../img/mail.png) no-repeat left 40%;
	background-size: 22px auto;
	-webkit-background-size: 22px auto;
}


/*--------------------------------------------------
  トップページ
--------------------------------------------------*/
/* アウトソーシング */
#top_outsourcing dl {
	width: 25%;
}
/* 研修制度 */
#top_training dl {
	width: 33%;
}
#top_outsourcing dt img ,
#top_training dt img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------
  研修制度
--------------------------------------------------*/
#training ul.list {
	clear: both;
}
#training p.photo01 {
	width: 38%;
	margin-right: 0;
}
#training p.photo02 {
	float: right;
	width: 58%;
	margin-right: 0;
}
#training p.photo03 {
	width: 53%;
	margin-right: 0;
}
#training p.photo04 {
	float: right;
	width: 43%;
	margin-right: 0;
}
#training p.photo01 img,
#training p.photo02 img,
#training p.photo03 img,
#training p.photo04 img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------
  よくある質問
--------------------------------------------------*/
#faq dd {
	margin: 0px 15px;
}
/*--------------------------------------------------
  採用情報
--------------------------------------------------*/
#recruit th,
#recruit td {
	display: block;
	border-bottom: none;
}
#recruit tr:last-child td {
	border-bottom: 1px solid #BBBBBB;
}
/*--------------------------------------------------
  会社概要
--------------------------------------------------*/
#company th {
	width: 30%;
	text-align: center
}
#company ul {
	margin: 0px;
	margin-left: 20px;
	font-size: 13px;
	float: none;
}
/*--------------------------------------------------
  お問合せ・アクセス
--------------------------------------------------*/
#contact .tbl th {
	width: 20%;
	font-size: 12px;
}
#contact .tbl th span {
	display: block;
}
#mailform {
	width: 100%;
}
#mailform td input[type="text"],
#mailform td textarea {
	padding: 5px 0;
	font-size: 16px;
}
#mailform textarea, 
#mailform input[type="text"] { 
    width: 100%; 
    box-sizing: border-box; 
}



/*------------------------------------------------*/
}