@charset "UTF-8";
/*!  mixin,変数
================================================ */
/*=============================================================
 client
=============================================================*/
#mainImg {
  background-image: url(../img/client/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      background-image: url(../img/client/img_main_pc.jpg); } }

#client section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #client section {
      margin-bottom: 70px; } }

@media (min-width: 640px) {
  #client .boxWrap {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #client .boxWrap .mod_box02 {
      width: 470px; } }

/*=============================================================
 追記
=============================================================*/
#wrapper{
	padding-bottom: 0;}

.center{
	font-size:16px;
	text-align: center;}
  	@media (min-width: 640px) {
		.center{
			font-size:18px;}}

.m_b{
	margin-bottom: 20px;}
  	@media (min-width: 640px) {
		.m_b{
				margin-bottom: 40px;}}
/* ---------------------------------------------------------お問い合わせボタン*/

  #entryBtn .entry01:after {
	  display: none;}

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

/* ---------------------------------------------------------イントロボタン*/

.mod_box02 {
  border: 1px solid #bbb;
  padding: 15px;
  position: relative;
  margin-bottom: 20px;
	padding-right: 35px;
	padding-left: 43%;
	width: 100%;
  height: 130px; }
  @media (min-width: 640px) {
    .mod_box02 {
		width: 450px;
      margin: 0 auto 30px auto;
		padding: 15px 0 5px 15px;
      height: 150px; } }

 .mod_box02 a {
    display: block;
	  width: 100%;
	  height: 100%;
    opacity: 1; }

 .mod_box02 a:hover {
      opacity: .7; }

 .mod_box02 .left {
    display: block;
    position: absolute;
	  padding: 0;
    top: 50%;
    left: 15px;
    width: 34%;
    max-width: 140px;
    margin-right: 15px;
    margin-bottom: 10px; }
    @media (min-width: 640px) {
      .mod_box02 .left {
        position: static;
        max-width: 100%;
        width: 166px;
        float: left;
        margin-right: 10px;
        margin-bottom: 0; } }

  .mod_box02 .item {
    color: #666;
    font-weight: bold;
	  padding: 0;
	  padding-top: 38px;
    margin-bottom: 0; }
    @media (min-width: 640px) {
      .mod_box02 .item {
        font-size: 20px;
        padding: 0; 
			  padding-top: 43px;} }

  .mod_box02 .txt {display: none;}

  .mod_box02 .icon {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 26px;
    color: #666; }



/* ---------------------------------------------------------イントロボタン　end*/


/* ---------------------------------------------------------イントロ文字*/

.mod_introFont {
  text-align: center;
  padding: 0;
  margin-bottom: 40px; }
  @media (min-width: 640px) {
    .mod_introFont {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 10px;
      height: auto;
      padding-bottom: 0; } }

  .mod_introFont .tit {
    font-size: 16px;
    font-weight: 700; }
    @media (min-width: 640px) {
      .mod_introFont .tit {
        font-size: 24px;
		  margin-bottom: 30px;}}


/* ----------------------------------人材派遣*/

#sec_tokucho{
	background-color:#ebf3fe;
	width: 100%;
	height: auto;
	padding: 40px 0;
	margin: 0;}
	@media (min-width: 640px) {
		#sec_tokucho{
		padding: 80px 0 30px 0;}}


.tokucho_contents{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;}

.tp2_box{
	position: relative;
	width:100%;
	height:auto;
	padding: 0;
	margin:20px auto;}
	@media (min-width: 640px) {
		.tp2_box{
			width:29%;
			height:auto;}}


.tp2_box a{
	display: block;
	width: 100%;
	height:100%;}

.tp2_box a:hover{
	opacity: 0.8;}

.box_title01{
	font-size:19px;
	font-weight: bold;
	text-align: center;
	margin-top: 28px;
	margin-bottom: 15px;}
	@media (min-width: 640px) {
		.box_title01{
			font-size:22px;}}

.tokucho_contents img:not(.more_btn){
	width:100%;
	height:auto;}

.more_btn{/* もっと詳しくボタン */
	position: absolute;
	width: 25%;
	height: auto;
	top:150px;
	right:5px;}
	@media (min-width: 640px) {
		.more_btn{
			width:23%;
			height:auto;
			top:150px;
			right:10px;}}

.tokucho_contents .tp2_box_bottom{
	width:100%;
	height:auto;
	color:#333;
	font-size:15px;
	text-align:left;
	padding:0;}

/* ----------------------------------------------人材派遣end */

/* ----------------------------------------------人材紹介・紹介予定 */

#sec03{
	height: auto;
	padding: 0;
	margin-bottom: 0;}
	@media (min-width: 640px) {
		#sec03{
			height: auto;
			padding: 0 0 10px 0;}}
			
#news_banner{
	display: block;
	width: 100%;
	padding: 0;
	margin: 20px auto;}
	@media (min-width: 640px) {
		#news_banner{
			width: 45%;
			margin: 40px auto;}}


/* ----------------------------------------------人材紹介・紹介予定 end */