@charset "utf-8";
/* ============== */
.swiper-slide {
		background: #fff;
}
.top_service_item {
		background: #fff;
		padding: 40px;
		position: relative;
}
.top_service_item::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #3C3C3C;
		transform-origin: right center;
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(1)
}
.topServiceSectionActive .top_service_item::after {
		transform: scaleX(0)
}
.swiper {
		padding-top: 15px;
}
.swiper-slide {
		transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.swiper-slide a {
		text-decoration: none;
		display: block;
		position: relative;
}
.swiper-slide a .arrowBaseS {
		position: absolute;
		right: 0;
		bottom: 0;
}
.swiper-slide a .top_service_item_caption p {
		color: #222;
}
@media (hover: hover) {
		.swiper-slide:not(.nolink):hover {
				transform: translateY(-15px);
		}
}
.top_service_item a {
		text-decoration: none;
}
.top_service_item h6, .top_service_item a h6 {
		color: #222;
}
.top_service_item .top_service_item_hdr p, .top_service_item a .top_service_item_hdr p {
		color: #C2153E;
}
.top_service_item a .top_service_item_caption {
		color: #666;
}
.top_service_item h6 {
		font-size: 20px;
		line-height: 1.3;
		font-weight: 700;
}
.top_service_item_hdr p {
		font-size: 13px;
		margin: 0 0 10px;
}
.top_service_item_hdr {
		display: flex;
		align-items: center;
		margin: 0 0 20px;
}
.top_service_item_hdr_thumb {
		width: 162px;
		margin-right: 20px;
}
.top_service_item_hdr_thumb img {
		border: 1px solid #E1E1E1;
		width: 100%;
		height: auto;
}
.top_service_item_hdr_caption {
		flex: 1;
		display: flex;
		flex-direction: column-reverse;
}
.top_service_item_caption {
		font-size: 15px;
		line-height: 1.8;
		min-height: 5em;
}
.swiper-scrollbar_wrap {
		max-width: 1180px;
		margin: 0 auto;
		height: 50px;
		padding-top: 30px;
}
.swiper-scrollbar_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {
		position: static !important;
		width: 500px;
		height: 2px;
		opacity: 1;
}
.swiper-scrollbar_wrap {
		display: flex;
		align-items: center;
		color: #fff;
		position: relative;
		left: 20px;
		padding: 0 40px;
		box-sizing: border-box;
}
.count_left, .count_right {
		font-size: 15px;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
		position: relative
}
.count_left {
		left: -20px;
}
.count_right {
		right: -20px;
}
.swiper-scrollbar_wrap .swiper-scrollbar {
		background: #fff;
		border-radius: 0;
}
.swiper-scrollbar_wrap .swiper-scrollbar-drag {
		background: #C2153E;
		border-radius: 0;
}
.swiper-parentDiv {
		position: relative;
}
.swiper-parentDiv .swiper-pagination {
		position: absolute !important;
		bottom: -50px !important;
		left: 0;
		width: 100%;
}
@media(max-width: 767px) {
		.swiper-parentDiv .swiper-pagination {
				bottom: -40px !important;
		}
}
.swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		border-radius: 0;
		border: 1px solid rgba(255, 255, 255, 0.3);
		background: none;
		opacity: 1;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
}
.swiper-pagination-bullet-active {
		background: #C2153E;
		border: 1px solid #C2153E;
}
@media(max-width: 1600px) {
		.top_service_item {
				padding: 30px;
		}
		.top_service_item_caption {
				min-height: 6.5em;
		}
}
@media(max-width: 1300px) {
		.top_service_item_hdr {
				display: block;
				margin: 0 0 10px
		}
		.top_service_item_hdr_thumb {
				width: 100%;
				margin: 0 0 10px;
		}
		.top_service_item h6 br, .top_service_item_hdr p br {
				display: none;
		}
}
@media(max-width: 1200px) {
		.top_service_item {
				padding: 25px;
		}
		.top_service_item_caption {
				min-height: 7em;
		}
}
@media(max-width: 767px) {
		.top_service_item h6 {
				font-size: 18px;
		}
}
/* ============ */
.swiper-pagination-bullet {
		position: relative;
}
.swiper-pagination-bullet::before, .swiper-pagination-bullet::after {
		content: '';
		display: block;
		position: absolute;
}
.swiper-parentDiv .countWrap {
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: -85px;
		left: 0;
		width: 100%;
}
.swiper-custom-fraction {
		line-height: 1;
		font-family: 'Poppins', 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 20px;
		color: #fff;
		top: 25px;
		left: 40px;
		transition: opacity 0.5s;
		pointer-events: none;
		display: flex;
		justify-content: center;
		align-items: flex-end;
}
.currentItem, .allItem {
		width: 30px;
		margin: 0 4px;
}
.currentItem {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: relative;
}
.currentItem::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: -5px;
		width: 2px;
		height: 100%;
		background: #fff;
		transform: rotate(18deg);
}
.allItem {
		display: flex;
		align-items: center;
		justify-content: flex-end;
}