.main-content-inner02{position: relative;}
.main-content-inner02 .main-title{max-width: 1280px;margin: auto;}
.main-content-inner02 .main-title h3{font-family: 'Prompt';font-weight: 600;font-size: 20px;line-height: 110%;text-transform: uppercase;background: linear-gradient(90deg, #009DBC 0%, #004BAE 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;display:inline-block;}
.main-content-inner02 .main-title p{font-weight: 700;font-size: 42px;line-height: 43px;letter-spacing: -0.02em;color: #222222;margin-top: 20px;}

.main-content-inner02 .inner02-cont{background: url(../img/main/sec02.jpg) no-repeat center / cover;padding: 80px 0;margin-top: 48px;}

.main-content-inner02 .swiper-wrapper{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;max-width: 1280px;margin: auto;}
.main-content-inner02 .f-box .txt01{font-family: 'Prompt';font-weight: 700;font-size: 44px;line-height: 52px;text-transform: uppercase;color: #FFFFFF;}
.main-content-inner02 .f-box .txt02{font-weight: 600;font-size: 20px;line-height: 32px;letter-spacing: -0.02em;color: #FFFFFF;margin-top: 24px;}

.main-content-inner02 .swiper-slide a{display: block;position: relative;border-radius: 5px;overflow: hidden;}
.main-content-inner02 .swiper-slide a:before{content:'';position: absolute;inset: 0;background: linear-gradient(0deg, #000000 0%, rgba(102, 102, 102, 0) 100%);opacity: 0.4;border-radius: 5px;z-index: 1;}
.main-content-inner02 .swiper-slide a:after{content:'';position: absolute;inset: 0;background: #000;opacity: 0.2;border-radius: 5px;z-index: 1;}
.main-content-inner02 .swiper-slide a img{width: 100%;height: 283px;object-fit: cover;object-position: center;transition: all 0.5s ease;}
.main-content-inner02 .swiper-slide a .txt01{font-weight: 700;font-size: 20px;line-height: 24px;letter-spacing: -0.02em;color: #FFFFFF;position: absolute;bottom: 0;left: 0;z-index: 10;padding: 20px;}
.main-content-inner02 .swiper-slide a:hover img{transform: scale(1.1);}

.main-content-inner02 .f-box-sp,
.main-content-inner02 .swiper-controls,
.main-content-inner02 .swiper-pagination{display: none;}
@media(max-width: 1250px){
	.main-content-inner02 .f-box .txt01{font-size: 3.3vw;line-height: 4vw;}
}

@media(max-width: 1024px){
	.main-content-inner02 .main-title{padding: 0 15px;}
	.main-content-inner02 .main-title h3{font-size: 16px;line-height: 110%;}
	.main-content-inner02 .main-title p{font-size: 28px;line-height: 43px;margin-top: 10px;}
	.main-content-inner02 .inner02-cont{padding: 40px 15px 60px;margin-top: 30px;}
	.main-content-inner02 .swiper-wrapper{grid-template-columns: repeat(2, 1fr);}
	.main-content-inner02 .f-box{grid-column: span 2;}
	.main-content-inner02 .f-box .txt01{font-size: 36px;line-height: 36px;}
	.main-content-inner02 .f-box .txt02{margin-top: 12px;padding-bottom: 10px}
	.main-content-inner02 .swiper-slide a .txt01{font-size: 15px;line-height: 18px;padding: 16px;}
}

@media(max-width: 768px){
	.main-content-inner02 .f-box{display: none;}
	.main-content-inner02 .swiper-wrapper{display: flex;gap: 0;}
	.main-content-inner02 .f-box-sp{margin-bottom: 30px;display: block;}
	.main-content-inner02 .f-box-sp .txt01{font-family: 'Prompt';font-weight: 700;font-size: 36px;line-height: 36px;text-transform: uppercase;color: #FFFFFF;}
	.main-content-inner02 .f-box-sp .txt02{font-weight: 600;font-size: 15px;line-height: 24px;letter-spacing: -0.02em;color: #FFFFFF;margin-top: 12px;}
	
	.main-content-inner02 .inner02-cont{position: relative;}
	.main-content-inner02 .swiper-slide a img{height: 230px;}
	
	.main-content-inner02 .swiper-pagination{display: block;position: relative;margin-top: 40px;z-index: 10;width: 100%;height: 2px;background: rgb(255 255 255 / 30%);overflow: hidden;left: 0;cursor: pointer;}  
	.main-content-inner02 .swiper-pagination .swiper-pagination-progressbar-fill{background: #fff;}
	
	.main-content-inner02 .swiper-controls{display: flex;gap: 4px;align-items: center;justify-content: center;position: absolute;top: -26px;right: 15px;z-index: 50;}
	.main-content-inner02 .swiper-controls .swiper-button-prev,
	.main-content-inner02 .swiper-controls .swiper-button-next{position: unset;width: 40px;height: 40px;border: 1px solid #ccc;border-radius: 50%;margin: 0;font-size: 0;display: inline-block;background: none;}
	.main-content-inner02 .swiper-controls .swiper-button-prev{transform: rotate(180deg);}
	.main-content-inner02 .swiper-controls .swiper-button-prev:after,
	.main-content-inner02 .swiper-controls .swiper-button-next:after{content:'';background: url(../img/main/swiper-arrow02.png) no-repeat center;width: 40px;height: 40px;display: inline-block;}
	.main-content-inner02 .swiper-controls .swiper-button-next.swiper-button-disabled, 
	.main-content-inner02 .swiper-controls .swiper-button-prev.swiper-button-disabled{opacity: 1;}
	.main-content-inner02 .swiper-controls .swiper-button-prev.swiper-button-disabled:after,
	.main-content-inner02 .swiper-controls .swiper-button-next.swiper-button-disabled:after{opacity: 1;}
}