@charset "utf-8";
/* CSS Document */
/*ここから共通*/
#wrapper {
	margin: 0 auto;
	background: #fff;
	text-align:center;
}
/*ここからPC表示*/
@media (min-width:751px)
{
	#wrapper{
		width:1280px;
	}
	.main_a{
		width:100%;
		height:500px;		
	}
	.news{
		display: inline-block;
		width:33%;
	}
	#main {
		width: 960px;
		height: auto;		
		position: relative;
		top: 0;
		left: -10px;
		margin:0 auto;
		padding: 0px;
		background-image: url("./bck.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
	}
	.sample-img {
		border:solid 1px #666;
		width: 100%;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
	}

	.slick-slider {
		width: 100%;
		height: auto;
	}
	
	.slick-slide img {
		max-width: 100%;
		height: auto;
	}
	
	/* 左右の矢印の色を調整 */
	.slick-prev:before,
	.slick-next:before {
		color: #000;
	}
	
	/* 左右の矢印の位置を調整 */
	.slick-next {
		right: -22px;
		z-index: 99;
	}
	.slick-prev {
		left: 18px;
		z-index: 100;
	}

/* スライド数のドットの色をBlackに */
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #000000;
}

/* ドットの位置調整(画像の真ん中に) */
.slick-dots {
  width: 94.8%;
}
	.box1{
		border-radius:5px;
		border:solid 1px;
		display: inline-block;
		width:20%;
		margin:0 2%;
	}
	#recruit{
		line-height:20px;	
	}
	.recruit_img{
		display: inline-block;
		margin:10px 5%;		
	}
}
/**ここまでPC表示*/

/**ここからSP表示*/
@media (max-width:750px)
{	
/*SP用に上部から100pxあけてます*/
	#wrapper{
	margin-top:100px;
}
  #main {
    width: 100%;
    left: -15px;
  }
  .slick-slider {
    width: 94%;
    height: auto;
  }
}