/*-----------------------------------------
about-apex
------------------------------------------*/
.top-sec-1 {
	background-image:url(../images/bg-top-about.webp);
}
.top-sec-1 p {
	font-weight: 700;
}
.top-sec-1 .sec-catch-bg {
	top:-0.03em;
}
@media (width < 767px) {
	.top-sec-1 .sec-content-inner {
		padding-top:50vw;
	}
	.top-sec-1 .sec-content-inner p {
		line-height: 200%;
	}
}
@media (768px <= width) {
	.top-sec-1 .sec-content-inner {
		padding-top:300px;
	}
}
/*-----------------------------------------
service
------------------------------------------*/
.top-sec-2 {
	background-image:url(../images/mainvisual-service.webp);
	z-index: 2;
}
.top-sec-2:after {
	content:"";
	position: absolute;
	z-index: 1;
	background:rgba(0,0,0,0.5);
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.top-service-slide {
	z-index: 10;
}
.splide__pagination button {
	display:block;
	width:16px;
	height:16px;
	border-radius:50%;
	opacity: 0.5;
	border:0;
	cursor: pointer;
}
.splide__pagination button.is-active {
	opacity: 1;
}
.top-slide-cel a {
	display: block;
	position: relative;
	overflow: hidden;
}
.top-slide-cel a span {
	display: block;
	position: absolute;
	z-index: 10;
	bottom:0;
	left:0;
	color:var(--color-white);
	background-color:var(--color-black);
}
.top-slide-cel a:hover img {
	transform: scale(1.1);
	transition: all 0.5s;
}
.top-slide-cel a:hover span {
	background-color:rgba(0,0,0,0.5);
	transition: all 0.5s;
}
.top-slide-cel a span:after {
	font-family: 'icomoon';
	content: "\e90b";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}
.top-sec-2 .sec-catch-bg {
	color:var(--color-white);
	text-align: right;
}
@media (width < 767px) {
	.top-service-slide {
		padding-top:50vw;
	}
	.top-slide-cel a span {
		width:30vw;
		height:5vw;
		line-height:5vw;
		padding-left:2vw;
	}
	.top-slide-cel a span:after {
		right:2vw;
	}
	.splide__pagination li {
		padding:6vw 4vw;
	}
	.top-sec-2 .sec-catch-bg {
		top:-0.03em;
		right:0;
	}
}
@media (768px <= width) {
	.top-service-slide {
		padding-top:40px;
	}
	.top-slide-cel a span {
		width:150px;
		height:36px;
		line-height:36px;
		padding-left:12px;
	}
	.top-slide-cel a span:after {
		right:8px;
	}
	.splide__pagination li {
		padding:24px 16px;
	}
	.top-sec-2 .sec-catch-bg {
		bottom:-0.03em;
		right:0;
	}
}
/*-----------------------------------------
recruit
------------------------------------------*/
.top-sec-3 {
	background-image:url(../images/bg-recruit.webp);
	display:flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
}
.top-sec-3:after {
	content:"";
	position: absolute;
	z-index: 1;
	background:rgba(255,255,255,0.5);
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.top-sec-3 .sec-catch-bg {
	top:-0.03em;
	left:-0.06em;
}
.top-sec-3-inner {
	position: relative;
	z-index: 3;
}
@media (width < 767px) {
	.top-sec-3-inner p {
		font-weight: 700;
		text-align: center;
	}
	.top-sec-3 .btn-normal {
		margin-top:8vw;
	}
}
@media (768px <= width) {
	.top-sec-3-inner p {
		font-size:var(--font-pc-large);
		font-weight: 700;
		text-align: center;
	}
	.top-sec-3 .btn-normal {
		margin-top:90px;
	}
}
/*-----------------------------------------
news
------------------------------------------*/
.top-news-tt p {
	margin-top:1em;
	font-weight: 700;
}
@media (width < 767px) {
	.top-news {
		padding:8vw 0;
	}
	.top-news-tt h2 {
		font-size:var(--font-sp-xxx-large);
	}
	.top-news-tt p {
		margin-bottom:8vw;
	}
}
@media (768px <= width) {
	.top-news {
		padding:50px 0;
	}
	.top-news-grid {
		display: grid;
		grid-template-columns: 1fr 2fr;
		align-items: center;
	}
	.top-news-tt h2 {
		font-size:7.2rem;
	}
}