@charset "UTF-8";

/*------------------------------------------------------------
mv
------------------------------------------------------------*/
.page_mv {
	background-image: url(../img/service/mv-bg-sp-service.jpg);
}

@media screen and (min-width: 768px) {
	.page_mv {
		background-image: url(../img/service/mv-bg-pc-service.jpg);
	}
}
/* ----- media END ----- */

/*------------------------------------------------------------
サービス一覧
------------------------------------------------------------*/
.service-page__box > li:not(:first-child) {
	margin-top: 20px;
}
.service-page__list {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #DDE1E5;
	cursor: pointer;
	padding: 30px 20px 20px;
}
.service-page__list::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100.1%;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(180deg, #006F32 0%, #7EAB27 100%);
	background: linear-gradient(270deg, #006F32 0%, #7EAB27 100%);
	z-index: -1;
	-webkit-transform: skewX(180deg);
	-moz-transform: skewX(180deg);
	-ms-transform: skewX(180deg);
	transform: skewX(180deg);
	transition: .2s;
}
.service-page__list .hv_img {
	display: none;
}
.service-page__inner a {
	margin-bottom: 10px;
	text-align: center;
}
.service-page__img {
	text-align: center;
	padding-bottom: 20px;
}
.service-page__ttl {
	color: #19253A;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: 20px;
	padding-bottom: 0;
}
.service-page__ttl___sub {
	text-align: center;
	font-size: 1.6rem;
	color: #289B5C;
	background: -webkit-linear-gradient(0deg, #7EAB27, #006F32);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.service-page__txt {
	text-align: left;
}
.service-page__more {
	padding: 0;
	text-align: right;
}
.service-page__list:hover .service-page__more .btn {
	color: #fff;
}

@media screen and (min-width: 992px) {
	.service-page__box {
		box-shadow: 0 5px 13px -3px rgba(144, 144, 144, 0.53);
	}
	.service-page__box > li:not(:first-child) {
		margin-top: 0px;
	}
	.service-page__box > li:not(:last-child) {
		border-right: 1px solid #F3F3F3;
	}
	.service-page__list {
		padding: 40px 30px 30px;
	}
	.service-page__list:hover.service-page__list::before {
		left: 0;
	}
	.service-page__list:hover .service-page__inner {
		color: #fff;
	}
	.service-page__list:hover .service-page__ttl {
		color: #fff;
	}
	.service-page__list:hover .service-page__ttl___sub {
		color: #fff;
		background: -webkit-linear-gradient(0deg, #fff, #fff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.service-page__list:hover .normal_img {
		display: none;
	}
	.service-page__list:hover .hv_img {
		display: inline-block;
	}
	.service-page__ttl {
		font-size: 2.8rem;
	}
	.service-page__ttl___sub {
		font-size: 2.0rem;
	}
} /* ----- media END ----- */