@charset "UTF-8";

img {max-width: 100%;}
button:focus{outline:none;}
.content.event{padding:90px 0 0; overflow:hidden;}
#content_wrap{overflow:hidden;}
.mask_{position:relative; width:1270px; margin:0 auto; text-align:center;}
.mask_ .thumb{position:relative; left:50%; transform:translateX(-50%); max-width:none;}
.pc{display:block;}
.mo{display:none;}
.swiper-button-prev:after, .swiper-button-next:after{display:none;}

.visual{position:relative; background:#2D2BF0;}
.visual .btn_app{position:absolute; left:50%; bottom:6vw ;transform:translateX(-50%); width:500px; aspect-ratio:5/1; text-indent:-9999em;}

.irecomm{background:#F6FF00;}

.section_band{position:relative; text-align:center; background:#001848;}
.section_band .section_tab{position:relative; width:100%; z-index:100;}
.section_band .section_tab.fixed{position:fixed; left:0; width:100%; z-index:100;}
.section_band .section_tab .btn_box{position:absolute; left:0; top:0; display:flex; width:100%; height:100%;}
.section_band .section_tab .btn_box button{height:100%; flex:1; text-indent:-9999em;}

.section_tab_1_aticle_2{position:relative;}
.section_tab_1_aticle_2 .btn_app{position:absolute; left:50%; bottom:6vw ;transform:translateX(-50%); width:500px; aspect-ratio:5/1; text-indent:-9999em;}

.section_cont_2{position:relative;}
.section_cont_2 .slide_area{position:absolute; left:0; top:490px; display:flex; justify-content: center; width:100%;}
.section_cont_2 .slide_area > .inner_{}
.section_cont_2 .section2_swiper{padding:0 0 30px;}
.section_cont_2 .slide_area .swiper-pagination{position:relative; z-index:2;}
.section_cont_2 .slide_area .swiper-pagination .swiper-pagination-bullet{width:30px; height:auto; aspect-ratio:1/1; opacity:1; background:#D9D9D9; margin:0 10px;}
.section_cont_2 .slide_area .swiper-pagination .swiper-pagination-bullet-active{background:#273B95;}
.section_cont_3{position:relative; background:#001848; padding:90px 0;}
.section_cont_3 .tit{margin:0 0 50px;}
.section_cont_3 .slide_area{position:relative;}
.section_cont_3 .slide_area .btn_box{position:absolute;left: 50%;top:0;width: 84%;display:flex;height: 388px; gap: 18px; transform: translateX(-50%); z-index:2;}
.section_cont_3 .slide_area .btn_box > button{flex:1; text-indent:-9999em; height:100%;}
.section3_swiper .swiper-wrapper {height: auto !important;}
.section3_swiper .swiper-button-prev, 
.section3_swiper .swiper-button-next{background:url(../../image/event/20260401/section_tab_3_aticle_1_arrow.png) no-repeat 0 0 / 100%; width:48px; height:83px; top:70%;}
.section3_swiper .swiper-button-prev{left:30px;}
.section3_swiper .swiper-button-next{right:30px; transform:scaleX(-1);}

.section_review{background:#49EB71; padding:100px 0;}
.section_review .tit{margin:0 0 20px;}
.section_review .swiper{padding:0 0 50px}
.section_review .swiper-pagination{position:relative; bottom:-30px; z-index:2;}
.section_review .swiper-pagination .swiper-pagination-bullet{width:30px; height:auto; aspect-ratio:1/1; opacity:1; background:#fff; margin:0 10px;}
.section_review .swiper-pagination .swiper-pagination-bullet-active{background:#273B95;}

.required_app{background:#001848;}

.section_download{background:#DFE0F3;}
.section_download .store_btns{}
.section_download .store_btns{position:absolute; left:0; bottom:100px; display:flex; width:100%; height:160px;;}
.section_download .store_btns > a{width:500px; flex:1; height:100%; text-indent:-9999em;}

.section_notice{background:#33333F;}

.top_btn {position: fixed;left: 50%;transform: translate(665px, 0);bottom: 30px;width: 120px;display: block;aspect-ratio: 1 / 1;background: url('../../image/event/gongbti/top_btn.png') no-repeat 0 0 / contain;z-index: 999;font-size: 0;}

@media screen and (max-width:1600px){
	.top_btn { left: auto; transform: none; right: 15px; width: 75px; }
}
@media screen and (max-width : 1024px) {
	.content.event{padding:130px 0 0}
	
	.pc{display:none;}
	.mo{display:block;}

	.mask_{width:auto;}
	.mask_ .thumb{width:170%; max-width:none;}

	.visual .btn_app{bottom:6vw; width:50vw;}
	.section_tab .thumb{width:150%;}
	.section_tab_1_aticle_2 .btn_app{bottom:8vw; width:50vw;}

	.section_cont_2 .slide_area{top:43vw; padding:0 25vw;}
	.section_cont_2 .slide_area .swiper-pagination{bottom:1vw;}

	@supports (-webkit-touch-callout:none) {/* ios */
		/* .section_cont_2 .slide_area .swiper-pagination{bottom:-2vw;} */
	}

	.section_cont_2 .slide_area .swiper-pagination .swiper-pagination-bullet{width:3vw; margin:0 1vw;}

	.section_cont_3{padding:10vw 0;}
	.section_cont_3 .tit{padding:0 5vw; margin:0 0 5vw;}
	.section_cont_3 .slide_area{padding:0 5vw;}
	.section_cont_3 .slide_area .btn_box{width:91%; height:33vw; gap:1vw;}
	.section3_swiper .swiper-button-prev,
	.section3_swiper .swiper-button-next{display:none;}

	.section_review{padding:10vw 0 5vw;}
	.section_review .tit{padding:0 20vw; margin:0 0 5vw;}
	.section_review .swiper{padding:0 0 5vw;}
	.section_review .slide_area{padding:0 5vw;}
	.section_review .slide_area .swiper-slide{padding:0 3vw;}
	.section_review .slide_area .swiper-pagination{bottom:-3vw;}
	.section_review .slide_area .swiper-pagination .swiper-pagination-bullet{width:3vw; margin:0 1vw;}

	.section_download .store_btns{bottom:0; height:25vw;}

	.top_btn { left: auto; transform: none; right: 15px; width: 75px; }
}

@media screen and (max-width: 768px) {
	.content.event{padding:102px 0 0}
	
	.pc{display:none;}
	.mo{display:block;}

	.visual .btn_app{bottom:8vw;}

	.top_btn { right: 15px; width: 50px; bottom: 20px; }

}