@charset "utf-8";
/* CSS Document */

a {
	color:#333333;	
}

/* 全体のスタイル*/
.swiper-container {
}
.swiper-wrapper {
	margin-bottom:10px;
	margin-top:30px;
	/*width: 100%;
	height: 450px;*/
}

.swiper-slide {
	color: #ffffff;
	width: 100%;
	text-align: center;
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
	box-shadow: 10px 10px 10px -10px #333;
}

.swiper-slide-active {
	-webkit-filter: brightness(1);
	filter: brightness(1);
	box-shadow: 10px 10px 10px -10px #333;
}

.swiper-slide img {
	width:100%;
	display:block;
}
 
#swiper-over {
	color:#fff;
	text-align:center;
	overflow:hidden;
	width:100%;
}

#swiper-over img {
	width:100%;
}

.swiper-button-prev img {
	height:100%;
}

.swiper-button-next img {
	height:100%;
}

body {
	visibility:hidden;
}

#slideBase {
	overflow:hidden;
}

#slideshow {
	position:relative;
}


#slideshow img {
	position:absolute;
	top: 0px;
	left:0;
	width:100%;	
}

#slideshowMobile {
	position:relative;
}


#slideshowMobile img {
	position:absolute;
	top: 0px;
	left:0;
	width:100%;	
}

#img1 {
	z-index:1;
}

#img2 {
	z-index:2;
}

#img3 {
	z-index:3;
}

#img4 {
	z-index:4;
}

#img5 {
	z-index:5;
}

#img6 {
	z-index:6;
}

#img7 {
	z-index:7;
}

#img8 {
	z-index:8;
}

#img9 {
	z-index:9;
}

#img10 {
	z-index:10;
}

#img1Mobile {
	z-index:1;
}

#img2Mobile {
	z-index:2;
}

#img3Mobile {
	z-index:3;
}

#img4Mobile {
	z-index:4;
}

#img5Mobile {
	z-index:5;
}

#img6Mobile {
	z-index:6;
}

#img7Mobile {
	z-index:7;
}

#img8Mobile {
	z-index:8;
}

#img9Mobile {
	z-index:9;
}

#img10Mobile {
	z-index:10;
}

.topBase {
	overflow:hidden;
	width:100%;
	background-image:url(../img/back1.png);
	background-size:100% auto;
}

.topBack {
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
	width:100%;
}

.topBack2 {
	overflow:hidden;
	padding-top:100px;
	padding-bottom:100px;
	width:100%;
	background-image:url(../img/topBack1.jpg);
	background-size:100% auto;
}

.topContent {
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	transition-duration: 0.5s;	
}

.topContent2 {
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	transition-duration: 0.5s;
	
}

.topLeft {
	float:left;
	width:20%;
	overflow:hidden
	transition-duration: 0.5s;
}

.topLeft img {
	height:150px;
	display:block;	
}

.topRight {
	float:right;
	width:78%;
	overflow:hidden;
	transition-duration: 0.5s;
}

.topRight img {
	display:block;
	width:100%;	
}

.topTitle {
	width:100%;	
	overflow:hidden;
	margin-bottom:40px;
	transition-duration: 0.5s;
}

.topTitle img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:130px;	
}

.topCenter {
	width:100%;
	overflow:hidden;
	background-color:rgba(255,255,255,0.8);
	padding-top:70px;
	padding-bottom:70px;
	
}

.topCenter2 {
	width:100%;
	overflow:hidden;
	padding-top:70px;
	padding-bottom:70px;
	
}

.infoRow {
	border-bottom:dashed;
	border-color:#ccc;
	border-width:1px;
	padding-top:10px;
	/*padding-bottom:5px;
	margin-bottom:5px;*/
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.infoDay {
	font-size:0.7rem;
	line-height:20px;
	letter-spacing: 0.2em;
	background-color:#0099cc;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
}

.infoText {
	line-height:40px;
}

.infoTextContent {
	padding:10px;
	overflow:hidden;
	background-color:rgba(0,153,204,0.1);
}

.imgServiceBase {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-collapse: separate;
	border-spacing: 40px 15px;
	width:100%;
	transition: .5s all;
}

.imgService {
	display:block;
	float:left;
	width:17%;
	margin-right:3%;
	overflow:hidden;
	transition: .5s all;
}

.imgServiceBack {
	width:100%;
	overflow:hidden;
	display:block;
	box-shadow: 0px 20px 20px -20px #666;
}

.imgService img {
	width:100%;
	display:block;
}

.imgService img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}

.imgServiceName {
	width:100%;
	overflow:hidden;
	text-align:center;
	padding-top:20px;
	letter-spacing: 0.1em;
	padding-bottom:20px;
	background-color:#fff;
	color:#fff;
}

.titleService {
	color:#666;
	font-weight:bold;
	font-size:1.2rem;
}

.titleServiceAlfa {
	font-weight:bold;
	font-size:0.8rem;
	color:#0099cc;	
}

#titleRecruitMobile {
	display:none;
}

@media screen and (max-width: 999px) {
	.swiper-wrapper {
		margin-bottom:20px;
	}
	
	.topBack {
		padding-top:50px;
		padding-bottom:50px;
	}

	.topBack2 {
		padding-top:50px;
		padding-bottom:50px;
	}

	.topContent {
		width:90%;
	}
	.topContent2 {
		width:90%;
	}
	
	.imgServiceBase {
		display:block;
		width:100%;
	}
	
	.imgService {
		margin-left:auto;
		margin-right:auto;
		float:none;
		display:block;
		width:100%;
		margin-bottom:40px;
	}

	.topCenter2 {
		padding-bottom:30px;	
	}
	
	#titleRecruitMobile {
		display:block;
	}
	
	.topLeft {
		display:none;
	}
	
	.topRight {
		width:100%;
	}
	
	.topTitle img {
		height:80px;	
	}

	.topCenter {
		padding-top:40px;
		padding-bottom:40px;
		
	}
	
	.topCenter2 {
		padding-top:40px;
		padding-bottom:40px;
		
	}

	#slideshowMobile {
		display:block !important;
	}

	#slideshow {
		display:none !important;
	}

}
@media screen and (min-width:1000px) and (max-width: 1249px) {
	.topContent {
		width:1000px;
	}
	.topContent2 {
		width:1000px;
	}
	
	.imgServiceBase {
		display:block;
		width:100%;
	}
	
	.imgService {
		float:left;
		display:block;
		width:48%;
		margin-bottom:40px;
	}
	
	.imgService1 {
		margin-right:4%;
	}

	.topCenter2 {
		padding-bottom:30px;	
	}
	
	#slideshowMobile {
		display:none !important;
	}

	#slideshow {
		display:block !important;
	}
	
	.imgService {
		width:44%;
		margin-right:3%;
		margin-bottom:30px;
	}

}
@media screen and (min-width:1250px) and (max-width:1599px) {
	.topContent {
		width:1000px;
	}	
	.topContent2 {
		width:1200px;
	}

	#slideshowMobile {
		display:none !important;
	}

	#slideshow {
		display:block !important;
	}

	.imgService {
		width:29%;
		margin-right:4%;
		margin-bottom:30px;
	}
	
}
@media screen and (min-width:1600px) {	
	.topContent {
		width:1000px;
	}
	.topContent2 {
		width:1600px;
	}

	#slideshowMobile {
		display:none !important;
	}

	#slideshow {
		display:block !important;
	}

	.imgService {
		width:17%;
		margin-right:3%;
	}
}