@charset "UTF-8";
/* ------------------------------
 働く環境（PC）
------------------------------ */
/* スライド */
.environmentWrap {
	position: relative;
	margin: 0 auto 120px;
}
.environmentSwiper {
	overflow: hidden;
	border: 2px solid #1a1a1a;
	border-radius: 30px;
}
.cms_block.environmentBlock {
	margin-bottom: 0;
}
.environmentBlock .swiper-slide.cms_image {
	margin-bottom: 0;
}
.environmentBlock .swiper-slide img {
	border-bottom: 2px solid #1a1a1a;
	border-radius: 28px 28px 0 0;
}
.environmentBlock .swiper-slide .cms_caption_b {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 96px;
	margin-top: 0;
	font-size: 1.8rem;
	font-weight: 500;
}
/* 前へ／次へボタン */
.environmentWrap .swiper-button-next,
.environmentWrap .swiper-button-prev {
	top: 280px;
	width: 48px;
	height: 48px;
	margin-top: 0;
	border: 2px solid #1a1a1a;
	border-radius: 50%;
	box-sizing: border-box;
	background-color: #fff;
}
.environmentWrap .swiper-button-next {
	right: 0;
}
.environmentWrap .swiper-button-prev {
	left: 0;
}
.environmentWrap .swiper-button-next::after,
.environmentWrap .swiper-button-prev::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 14px;
	background: url(../img/icon_slide_arrow.svg) 0 0 / cover;
}
.environmentWrap .swiper-button-prev::after {
	transform: scaleX(-1);
}
/* ページネーション */
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 0;
}
.environmentWrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.environmentWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px);
}
.environmentWrap .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));
	background: var(--swiper-pagination-bullet-inactive-color,#fff);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
	border: 2px solid #1a1a1a;
}
.environmentWrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-bullet-inactive-color,#1a1a1a);
}
@media print, screen and (min-width: 768px) {
	/* スライド */
	.environmentWrap {
		width: 1140px;
		padding: 0 80px 59px;
	}
	.environmentSwiper {
		width: 980px;
		height: 700px;
	}
}
/* ------------------------------
 働く環境（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* スライド */
	.environmentWrap {
		width: 100%;
		margin-bottom: 70px;
		padding: 0 5% 47px;
	}
	.environmentSwiper {
		width: 100%;
		border-radius: 20px;
	}
	.environmentBlock .swiper-slide img {
		border-radius: 18px 18px 0 0;
	}
	.environmentBlock .swiper-slide .cms_caption_b {
		height: 56px;
		font-size: 1.6rem;
	}
	/* 前へ／次へボタン */
	.environmentWrap .swiper-button-next,
	.environmentWrap .swiper-button-prev {
		top: 32%;
		width: 38px;
		height: 38px;
	}
	.environmentWrap .swiper-button-next {
		right: 2%;
	}
	.environmentWrap .swiper-button-prev {
		left: 2%;
	}
	.environmentWrap .swiper-button-next::after,
	.environmentWrap .swiper-button-prev::after {
		width: 14px;
        height: 11px;
	}
	/* ページネーション */
	.environmentWrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.environmentWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap,5px);
	}
}