@charset "utf-8";

/*
==================================================
TOP
==================================================
*/

@media screen and (min-width: 768px) {
#contents{
	padding-bottom: 0px;
	}
}

/* particles */
.mv{
	position: relative;
	height: 320px;
	padding: 80px 0 0;
	color: #fff;
	}
#particles {
	position: absolute;
	height: 320px;
	overflow: hidden;
	width: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, #006aab, #0081b6, #0096bb, #1aabbd, #51bebd);
	}
.slide{
	max-width:930px;
	height: 220px;
	margin:0 auto;
	text-align:center;
	}
.slide .text{
	font-size:16px;
	}
	.slide .text > span{
		font-size: 20px;
		}
.slide .last-text{
	font-size: 16px;
	}
	.slide .last-text > span{
		font-size: 20px;
		}
@media screen and (min-width: 768px) {
.mv {
	height: 678px;
	padding: 230px 0 0;
	}
#particles {
	height: 678px;
	}
.slide{
	}
	.slide .pic{
		float: left;
		padding: 0 54px 0 44px;
		}
.slide .text{
	height: 256px;
	line-height: 256px;
	font-size:32px;
	text-align:left;
	}
	.slide .text > span{
		font-size: 40px;
		}
.slide .last-text{
	font-size: 44px;
	}
	.slide .last-text > span{
		font-size: 54px;
		}
}
@media screen and (max-width: 767px) {
	.slide .pic{
		margin: 0 auto;
		}
		.slide .pic > img{
			width: 130px;
			margin: 0 auto 20px;
			}
}

h3{
	text-align: center;
	}
	h3 > span{
		display: block;
		margin-top: 6px;
		font-size: 12px;
		}
@media screen and (max-width: 767px) {
h3{
	font-size: 20px;
	}
}

/* service */
.service{
	padding-top: 65px;
	padding-bottom: 25px;
	}
.service .btn{
	margin-bottom: 40px;
	}
.service h6{
	font-size: 22px;
	}
@media screen and (max-width: 767px) {
.service{
	padding-top: 30px;
	padding-bottom: 0;
	}
.service .btn{
	margin-bottom: 20px;
	}
.service h6{
	font-size: 18px;
	}
}

/* link */
.link{
	padding-top: 65px;
	padding-bottom: 25px;
	}
	.link a{
		position: relative;
		display: inline-block;
		width:100%;
		height:250px;
		margin-bottom: 35px;
		padding-top: 80px;
		font-size: 28px;
		text-align:center;
		color:#fff;
		box-shadow: 0px 3px 6px 0px rgba(64, 64, 64, 0.3);
		}
	.link a.company{
		background: url(/img/img_company.jpg) no-repeat;
		background-size: cover;
		}
	.link a.recruit{
		background: url(/img/img_recruit.jpg) no-repeat;
		background-size: cover;
		}
	.link a.blog{
		background: url(/img/img_blog.jpg) no-repeat;
		background-size: cover;
		}
	.link a.blog::after{
		position:absolute;
		top: 20px;
		right: 20px;
		font-family: "Font Awesome 5 Free";
		font-size: .8rem;
		content: "\f2d2";
		}
	.link a > span{
		display:block;
		margin-top: 6px;
		font-size: 12px;
		}
@media screen and (max-width: 767px) {
.link{
	padding-top: 30px;
	padding-bottom: 10px;
	}
	.link a{
		margin-bottom: 20px;
		}
}
/* news */
.news{
	margin-bottom: 40px;
	padding-top: 65px;
	padding-bottom: 65px;
	/*
	border-bottom:5px solid #f6f6f6;
	*/
	}
.news .row{
	font-size: 18px;
	margin-top:2rem;
	}
@media screen and (max-width: 767px) {
.news{
	margin-bottom: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	}
.news .row{
	font-size: 14px;
	margin-top: 1rem;
	}
.news .fb-page{
	margin-top: 40px;
	}
}

/* service-banner */
.service-banner a{
	display: inline-block;
	margin: .5rem;
}