.main-content-inner04{background: url(../img/main/sec04.jpg) no-repeat center / cover;}
.main-content-inner04 ul{display: flex;}
.main-content-inner04 ul li{flex: 1;position: relative;}
.main-content-inner04 ul li a{display: block;padding: 100px 0;}
.main-content-inner04 ul li a::before{content:"";position:absolute;inset:0;background:url(../img/main/sec04-h.jpg) no-repeat center/cover;opacity:0;transition:opacity .5s ease;z-index:0;}
.main-content-inner04 ul li a div{max-width: 332px;margin: auto;text-align: center;position: relative;z-index:10;}
.main-content-inner04 ul li a .txt01{font-family: 'Prompt';font-weight: 700;font-size: 40px;line-height: 60px;text-transform: uppercase;color: #FFFFFF;background: url(../img/main/start.png) no-repeat center bottom;padding-bottom: 12px;}
.main-content-inner04 ul li a .txt02{font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: -0.02em;color: #FFFFFF;margin-top: 16px;}
.main-content-inner04 ul li a .txt03{font-weight: 500;font-size: 13px;line-height: 24px;letter-spacing: -0.03em;color: rgb(255 255 255 / 70%);margin-top: 30px;}
.main-content-inner04 ul li a .link01{font-size: 0;background: url(../img/main/more02.png) no-repeat center;width: 48px;height: 48px;border: 1px solid rgb(255 255 255 / 30%);border-radius: 50%;margin: 30px auto 0;filter: brightness(0) invert(1);transition: all 0.3s ease;}

.main-content-inner04 ul li a:hover::before{opacity:1;}
.main-content-inner04 ul li a:hover .link01{filter: none;background-color: #fff;border-color: #fff;}

@media(max-width: 1350px){
	.main-content-inner04 ul li a .txt01{font-size: 2.3vw;}
}

@media(max-width: 1024px){
	.main-content-inner04{background: none;padding-bottom: 100px;}
	.main-content-inner04 ul{flex-direction: column;gap: 6px;}
	.main-content-inner04 ul li a{background: #8700FE;border-radius: 10px;padding: 28px 30px 32px;overflow: hidden;}
	.main-content-inner04 ul li a:after{content:'';background: linear-gradient(2.83deg, #000000 2.35%, rgba(67, 193, 195, 0) 97.65%);opacity: 0.5;position: absolute;inset: 0;border-radius: 10px;z-index: 1;background: linear-gradient(45.91deg, #004BAE 0.79%, #43C1C3 99.21%);}

	.main-content-inner04 ul li a div{max-width: 100%;text-align: left;}
	.main-content-inner04 ul li a .txt01{background: none;font-size: 30px;line-height: 45px;padding-bottom: 0;display: flex;gap: 10px;align-items: center;}
	.main-content-inner04 ul li a .txt01:after{content: '';background: url(../img/main/link.png) no-repeat center;width: 6px;height: 12px;display: inline-block;}
	.main-content-inner04 ul li a .txt02{font-size: 15px;line-height: 18px;margin-top: 6px;}
	.main-content-inner04 ul li a .txt03{display: none;}
	.main-content-inner04 ul li a .link01{display: none;}
	.main-content-inner04 ul li a:before{z-index: 5;border-radius: 10px;}
	.main-content-inner04 ul li:nth-child(1) a:before{background: #8700FE;opacity: 0.85;}
	.main-content-inner04 ul li:nth-child(2) a:before{background: #0BA6EE;opacity: 0.85;}
	.main-content-inner04 ul li:nth-child(3) a:before{background: #004EDB;opacity: 0.85;}
	.main-content-inner04 ul li:nth-child(4) a:before{background: #22AAC5;opacity: 0.85;}
}