@charset "utf-8";


/*---------------------------------------------------------------
    トップコンテンツ
---------------------------------------------------------------*/
#top_contents{
	background: url("../img/top_contents/back.jpg") no-repeat center top;
	height: 525px;
}

#top_contents h2{
	width: 100px;
	height: 297.5px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

#top_contents h2 img{
	width: 100%;
}

#slider_set{
	width: 290px;
	height: 217.5px;
	margin: 0 auto;
	border: 5px solid #FFF;
	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.31);
}


@media only screen and (min-width: 1040px) {

	#top_contents{
		background: url("../img/top_contents/back_pc.jpg") no-repeat center top;
		height: 700px;
	}
	
	#top_contents > div{
		width: 1040px;
		margin: 0 auto;
		position: relative;
	}

	#top_contents h2{
		width: 150px;
		height: 532px;
		margin: 0;
		display: block;
		position: absolute;
		left: 0;
		top: 35px;
	}

	#slider_set{
		width: 800px;
		height: 600px;
		margin: 0;
		border: 10px solid #FFF;
		position: absolute;
		right: 0;
		top: 50px;
	}

	
}




/*---------------------------------------------------------------
    事業案内
---------------------------------------------------------------*/
#contnts02{
	padding: 35px 0;
}

#contnts02 > div{
	padding: 0 15px;
}

#contnts02 section + section{
	margin-top: 36px;
}

#contnts02 h3{
	margin-top: 5px;
}

#contnts02 ul{
	margin-top: 18px;
	display: flex;
	justify-content: space-between;
}

#guide ul li{
	max-width: 347px;
}

/*#guide ul li + li{
	margin-left: 10px;
}*/

#guide ul li:nth-child(even){
	margin-left: 5px;
}

#guide ul li:nth-child(odd){
	margin-right: 5px;
}

#guide ul li img{
	width: 100%;
}

#recruit ul li{
	max-width: 750px;
}

#recruit ul li img{
	width: 100%;
}

@media only screen and (min-width: 750px) {
	
	#contnts02 > div{
		width: 750px;
		margin: 0 auto;
	}

}


@media only screen and (min-width: 1040px) {

	#contnts02{
		padding: 50px 0;
	}
	
	#contnts02 > div{
		width: 1040px;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	
	#contnts02 section{
		width: 500px;
	}

	#contnts02 section + section{
		margin-top: 0;
	}

	#contnts02 h3{
		margin-top: 8px;
	}

	#contnts02 ul{
		margin-top: 20px;
	}

	#guide ul li{
		position: relative;
		max-width: 240px;
		overflow: hidden;
	}

	#guide ul li:nth-child(even){
		margin-left: 10px;
	}

	#guide ul li:nth-child(odd){
		margin-right: 10px;
	}

	#recruit ul li{
		position: relative;
		max-width: 500px;
		overflow: hidden;
	}
	
	.link_move{
		width: 240px;
		height: 180px;
	}
	
	.link_move02{
		width: 500px;
		height: 180px;
	}
	
	.link_move div{
		left: 0;
		top: -180px;
		width: 240px;
		height: 180px;
	}
	
	.link_move02 div{
		left: 0;
		top: -180px;
		width: 500px;
		height: 180px;
	}

	
}


/*---------------------------------------------------------------
    ギャラリー　スライダー
---------------------------------------------------------------*/
#gallery{
	background: #EFEFEF;
	padding: 30px 0 35px 0;
}

#gallery > div{
}

#gallery > div > div{
	padding: 0 15px;
	margin-top: 18px;
}

#gallery .bx-wrapper .bx-prev {
  left: 0;
}

#gallery .bx-wrapper .bx-next {
  right: 0;
}


@media only screen and (min-width: 750px) {
	
	#gallery > div{
		width: 750px;
		margin: 0 auto;
	}

}


@media only screen and (min-width: 1040px) {

	#gallery{
		padding: 50px 0;
	}

	#gallery > div{
		width: 1040px;
	}
	
	#gallery > div > div{
		padding: 0;
		margin-top: 18px;
		display: flex;
		justify-content: space-between;
		align-content: flex-start;
	}
	
	#gallery > div > div > div{
		width: 520px;
	}
	
	#gallery .custom-thumb{
		width: 500px;
		align-content: flex-start;
	}

	#gallery .custom-thumb a{
		width: calc(25% - 2.5%);
		margin-top: 0;
		margin-bottom: 2.5%;
	}
	
	#gallery .custom-thumb a:nth-child(5n + 1){
		margin-left: 2.5%;
	}

	#gallery .custom-thumb a:nth-child(4n + 1){
		margin-left: 0;
	}
	
	
}