@charset "utf-8";

.main-content-box03 .main-mini-box{margin:0 auto;padding:10rem 2rem;max-width:148rem;}
.main-youtube-wrap{display:flex;justify-content:space-between;gap:5.2%;width:100%;overflow:hidden;}

.main-youtube-wrap .youtube-left-box{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:28.4rem;}
.main-youtube-wrap .slide-navi-box{display:flex;gap:1rem;}
.main-youtube-wrap .slide-navi-box button{width:6rem;height:6rem;border:1px solid var(--black20);border-radius:50%;transition:0.3s ease;}
.main-youtube-wrap .slide-navi-box .main-youtube-prev{background:url(/_res/gradcau/cauoie/img/main/btn-main-youtubue-prev@2x.png) no-repeat center/2rem;}
.main-youtube-wrap .slide-navi-box .main-youtube-next{background:url(/_res/gradcau/cauoie/img/main/btn-main-youtubue-next@2x.png) no-repeat center/2rem;}
.main-youtube-wrap .slide-navi-box .main-youtube-prev:hover{background:url(/_res/gradcau/cauoie/img/main/btn-main-youtubue-prev-active@2x.png) no-repeat center/2rem;}
.main-youtube-wrap .slide-navi-box .main-youtube-next:hover{background:url(/_res/gradcau/cauoie/img/main/btn-main-youtubue-next-active@2x.png) no-repeat center/2rem;}
.main-youtube-wrap .slide-navi-box.mobile{display:none;}

.main-youtube-wrap .youtube-right-box{width:calc(94.8% - 28.4rem);overflow:hidden;}
.main-youtube-wrap .youtube-swiper .swiper-slide{margin:0 4rem 0 0;width:calc((100% - 4rem)/2);}
.main-youtube-wrap .youtube-swiper .swiper-slide > a{display:block;width:100%;height:100%;}
.main-youtube-wrap .youtube-swiper .main-ytb-box{position:relative;}
.main-youtube-wrap .youtube-swiper .main-ytb-box::after{content:'';position:absolute;top:1.4rem;right:2rem;width:4rem;height:4rem;background:url(/_res/gradcau/cauoie/img/main/ico-main-youtube@2x.png) no-repeat center/100%;}
.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-img-box{position:relative;width:100%;height:100%;aspect-ratio:520/293;border-radius:2rem;overflow:hidden;}
.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-img-box::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 69.5%, rgba(0, 0, 0, 0.5) 93.9%);}
.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-txt-box{position:absolute;left:2rem;bottom:2rem;}
.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-txt-box .title{display:-webkit-box;font-weight:var(--font-weight-semibold);font-size:2.4rem;line-height:1.4;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;color:var(--white100);overflow:hidden;}

@media screen and (max-width:1024.98px){
	.main-content-box03 .main-mini-box{padding:6rem 2rem;}
	.main-content-box03 .main-tit01 span{display:block;}
	.main-youtube-wrap{flex-direction:column;}
	.main-youtube-wrap .youtube-left-box{padding:0 0 5rem;width:auto;}
	.main-youtube-wrap .youtube-right-box{width:100%;}
	.main-youtube-wrap .youtube-swiper .swiper-slide{margin:0 2rem 0 0;width:100%;}
	.main-youtube-wrap .youtube-swiper .main-ytb-box::after{top:8px;right:1.5rem;}
	.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-img-box{aspect-ratio:335/188;border-radius:1rem;}
	.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-txt-box{bottom:1.2rem;left:1.2rem;}
	.main-youtube-wrap .youtube-swiper .main-ytb-box .ytb-txt-box .title{font-size:2rem;}
	.main-youtube-wrap .slide-navi-box.mobile{display:flex;margin:3rem auto 0;}
	.main-youtube-wrap .slide-navi-box.pc{display:none;}
	.main-youtube-wrap .slide-navi-box button{width:4.8rem;height:4.8rem;}
}