@charset "UTF-8";

.service-top {
	background: url(../img/service.jpg) center / cover no-repeat;
	height: 90vh;
}

.recruit-top {
	background: url(../img/recruit-1.jpg) center / cover no-repeat;
	height: 90vh;
}

.about-top {
	background: url(../img/about-1.png) center / cover no-repeat;
	height: 90vh;
}

.about-top h1,
.recruit-top h1,
.service-top h1 {
	color: black;
	text-shadow: 1px 1px 4px white;
	text-align: center;
	padding-top: 40vh;
	font-size: 5rem;
}

@media screen and (max-width:770px) {
	.service-top {
		height: 60vh;
	}

	.recruit-top {
		height: 60vh;
	}

	.about-top {
		height: 60vh;
	}

	.about-top h1,
	.recruit-top h1,
	.service-top h1 {
		padding-top: 25vh;
		font-size: 4rem;
	}
}

@media screen and (max-width:599px) {}

.service-tuyomi {
	background: url(../img/service-haikei.png) center / contain no-repeat;
	height: 800px;
	color: black;
}

.service-tuyomi h4 {
	padding: 0.5em;
	/*文字周りの余白*/
	border-left: solid 5px #F2D41A;
	/*左線（実線 太さ 色）*/
}

.service-tuyomi h2 {
	position: relative;
	display: block;
	margin-bottom: 1em;
	text-align: center;
	padding-top: 100px;
}

.service-tuyomi h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #32A841;
	border-radius: 2px;
}

@media screen and (max-width:981px) {
	.service-tuyomi {
		height: 100%;
		background-image: none;
	}

	.service-tuyomi-main {
		background-color: white;
		height: 100%;
		color: black;
		background-image: none;
		border-top: 10px solid #E8CE0A;
		border-bottom: 10px solid #E8CE0A
	}

	.service-tuyomi h2 {
		padding-top: 30px;
	}
}

.service-care {
	background: url(../img/service-haikei-4.png) center / contain no-repeat;
	height: 100%;
}

.service-care h2 {
	position: relative;
	padding: 0.25em 0;
}

.service-care h2:after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, rgb(242, 212, 26), transparent);
	background: linear-gradient(to right, rgb(242, 212, 26), transparent);
}

.care-text {
	color: black;
	padding: 40px;
}

.care-text h3 {
	background: linear-gradient(transparent 80%, #83B62D 50%);
}

.care-haikei-1 {
	background: url(../img/service-haikei-2.png) center / contain no-repeat;
	height: 300px;
}

.care-haikei-2 {
	background: url(../img/service-haikei-3.png) center / contain no-repeat;
	height: 300px;
}

.care-haikei-3 {
	background: url(../img/service-haikei-5.png) center / contain no-repeat;
	height: 200px;
}

.care-haikei-4 {
	background: url(../img/service-haikei-6.png) center / contain no-repeat;
	height: 200px;
}

@media screen and (max-width:990px) {
	.care-text {
		color: black;
		padding: 10px;
	}

	.care-haikei-1,
	.care-haikei-2,
	.care-haikei-3,
	.care-haikei-4 {
		background-image: none;
		background-color: white;
		border-top: 10px solid #BFBFBF;
		border-bottom: 10px solid #BFBFBF;
	}
}

@media screen and (max-width:767px) {

	.care-haikei-1,
	.care-haikei-2 {
		height: 200px;
	}

	.care-haikei-3,
	.care-haikei-4 {
		height: 180px;
	}
}

/*採用情報*/
.recruit-text-top h2 {
	line-height: 70px;
	color: #FDF8CF;
	font-size: 4rem;
	padding: 40px 0px;
}

.bg-e {
	width: 30%;
	padding: 30px 0px 30px 5px;
	color: #FDF8CF;
	box-shadow: 0px -6px 5px -5px #FDF8CF inset, 0px 8px 4px -8px #FDF8CF;
}

.bg-f8 {
	width: 70%;
	padding: 30px 0px 30px 5px;
	box-shadow: 0px -6px 5px -5px #FDF8CF inset, 0px 8px 4px -8px #FDF8CF;
}

.recruit-Employee-benefits {
	color: #FDF8CF;
}

.recruit-voice {
	color: #E8CE0A;
}
@media screen and (max-width:767px) {
	.recruit-text-top h2 {
		font-size: 3rem;
		line-height: normal;
}