/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 30 2026 | 06:27:27 */
.fv {
	overflow: hidden;
	height: 97.5vh;
}
.fv-svg-wrap {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.fv-svg-wrap img {
	display: block;	
	width: 100%;
	max-width: inherit;
	height: 100%;	
	position: absolute;
	bottom: 0;
	left: 0;
}

.fv-svg-wrap svg {
	width: 102%;
	height: auto;
	display: block;	
	position: relative;
    top: 0;
	left: -1%;
}

.fv-svg-wrap .svg-color {
	position: absolute;
	inset: 0;
}

.fv-svg-wrap .svg-mask path {
	stroke-width: 15;
	fill: none;
}

.fv-svg-wrap .cls-1 {
	stroke: #bca3f0
}

.fv-svg-wrap .cls-2 {
	stroke: #f4ff27
}

.fv-svg-wrap .cls-3 {
	stroke: #04d1e1
}

.fv-svg-wrap .cls-4 {
	stroke: #fd7777
}

.fv-svg-wrap .cls-5 {
	stroke: #6bd8b1
}

.fv-svg-wrap .cls-6 {
	stroke: #f89c5b
}

@media screen and (max-width: 767px) {
	.fv {
		max-width: inherit !important;
	}
	.fv-svg-wrap {
		width: 150%;
		max-width: inherit !important;
		left: 50%;
		transform: translateX(-50%);
	}
	.fv-svg-wrap svg {
    width: 101%;
    left: -0.2%;
}
	.fv-svg-wrap .svg-mask path {
	stroke-width: 20px;}
}
.service {
	z-index:0;
}
.service-list {
	height: 250vh;
}

.service-list-wrap {
	position: sticky;
	top: 0;
}

[class*="service-item"] {
	height: 500px;
	width: 100%;
	border-top: 1px solid #242424;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

[class*="service-item"] .in {
	display: block;
	height: 100%;
	translate: 0 calc(-25px * var(--space, 0));
	padding: 42px 20px 42px 0;
	box-sizing: border-box;
}

.service-item-1 {
	background: #FFF2F1;
}

.service-item-2 {
	background: #E5FBFD;
}

.service-item-3 {
	background: #F7F3FD;
}

.service-item-2,
.service-item-3 {
	translate: 0 calc((-100% + 83px) * var(--val, 0));
}
.elementor-element-10383b4 {
	margin-top: -60vh;
	padding-top: 100px;
}
.elementor-element-10383b4:before {
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1;
	border-radius: 0 0 100px 100px ;
}
@media screen and (max-width: 1023px) {
	.service>.e-con-inner {
		padding-bottom: 50px;
	}
	.service-list {
		height: auto;
	}
	[class*="service-item"] {
		height: auto;
		padding: 30px 20px;
	}
	[class*="service-item"] .in {
		translate: 0;
		padding: 20px 0 0;
	}
	.service-item-2,
	.service-item-3 {
		translate: 0;
	}
	.elementor-element-10383b4 {
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.elementor-element-10383b4 {
		padding-top: 50px;
	}
	.elementor-element-10383b4:before {
		height: 50px;
		border-radius: 0 0 50px 50px;
	}
}

.infiniteslide-1 .swiper-slide {
	width: 2445px;
	max-width: inherit !important;
	margin-right: 15px;
}
.infiniteslide-2 .swiper-slide {
	width: 2048px;
	max-width: inherit !important;
	margin-right: 50px;
}
.infiniteslide-1 .swiper-wrapper,
.infiniteslide-2 .swiper-wrapper{
	flex-direction: row;
	flex-wrap: nowrap;
   transition-timing-function: linear;
}
@media screen and (max-width: 767px) {
	.infiniteslide-1 .swiper-slide {
	width: 1060px;
}
.infiniteslide-2 .swiper-slide {
	width: 712px;
	margin-right: 25px;
}
}

#works>.e-con-inner {
	width: 100%;
	max-width: inherit;
	margin-right: 0;
}
#works .swiper, #works .elementor-element-6a3235e {
	width: 100%;
	max-width: calc(50% + 600px);
	margin-right: 0;
}
#works .elementor-element-6a3235e {
	margin-left: auto;
}
.works-slider .swiper-slide {
	margin-right: 50px;
}
.works-slider .elementor-cta__bg {
	border-radius: 20px;
}
.works-slider .elementor-cta__bg-wrapper:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background: url('https://mononobe-co.com/wp-content/uploads/2026/01/works-more.png') no-repeat center top / cover;
	width: 184px;
	height: 76px;
	z-index: 1;
}

.works-slider .swiper-pagination {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	width: calc(100% - 40px) !important;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	transform: inherit;
	padding-top: 40px;
}
.works-slider .swiper-pagination-bullet{
	width: 72px;
	height: 6px;
	border-radius: 6px;
	background: #DDDDDD;
	margin: 0 !important;
	transition: all 0.3s;
	opacity: 1;
}
.works-slider .swiper-pagination-bullet-active,
.works-slider .swiper-pagination-bullet:hover{
	background: #F89C5B;
}
@media screen and (max-width: 767px) {
	.works-slider {
		padding: 0 20px;
	}
	.works-slider .elementor-469 .elementor-element.elementor-element-c833e6c .elementor-cta__bg-wrapper {
		min-height: 58.6vw;
	}
	.works-slider .swiper-pagination {
		gap: 5px;
		padding: 30px 0 60px;
	}
	.works-slider .swiper-pagination-bullet {
		width: 38px;
		height: 4px;
	}
}