#wrap{overflow:hidden;}
/* main_header */
.header_logo .logo_c{opacity:0;}
.btn_menu span{background:#fff;}
/*
#header{transition:0.3s ease;}
#header.fixed{background:#fff;}
*/

/* main_footer */
#footer{position:absolute; padding:0 !important; left:0; bottom:80rem; width:100%; background:none;}
@media(max-width:1279px){
    #footer{bottom:40rem;}
}
@media(max-width:767px){
    #footer{bottom:20rem;}
}


/* visual */
.area_visual{position:relative; width:100%; height:100vh;}
.area_visual .swiper{width:100%; height:100vh;}
.area_visual .swiper-slide:before{content:''; display:block; position:absolute; inset:0; background: var(--black) no-repeat 50% / cover;}
.area_visual .swiper-slide.slide01:before{background:url(../images/main/main_visual03.jpg)no-repeat 60% 50%/cover;}
.area_visual .swiper-slide.slide02:before{background:url(../images/main/main_visual01.jpg)no-repeat 65% 50%/cover;}
.area_visual .swiper-slide.slide03:before{background:url(../images/main/main_visual02.jpg)no-repeat 10% 50%/cover;}
.area_visual .swiper-slide a{display:block; position:relative; width:100%; height:100%;}
.area_visual .swiper-slide .inr{height:100%;}
.area_visual .swiper-slide .txt{position:absolute; left:0; top:35%;}
.area_visual .swiper-slide .txt h2{font-size:var(--fs50); color:#fff; font-weight:500;}
.area_visual .swiper-slide .txt i{display:block; margin-top:30rem; font-size:var(--fs22); color:#fff; font-weight:500;}
.area_visual .ctrl{display:flex; align-items:center; position:absolute; left:50%; top:65%; transform:translateX(-50%);}
.area_visual .ctrl .arrow{position:relative; right:auto; left:auto; margin-top:0;}
.area_visual .ctrl .arrow:after{font-size:22rem; color:#fff;}
.area_visual .ctrl .pager{position:relative; margin:0 25rem; bottom:auto; top:auto; left:auto; width:auto; font-size:0; text-align:unset;}
.area_visual .ctrl .pager span{font-size:18rem; color:#fff;}
.area_visual .ctrl .pager span.swiper-pagination-total{opacity:0.7;}
.area_visual .ctrl .pager em{display:inline-block; margin:0 10rem; font-size:18rem; color:#fff; opacity:0.7;}
@media (prefers-reduced-motion: no-preference){
	.area_visual .swiper-slide-active::before{animation: slide_bg 3s both;}
	@keyframes slide_bg{
		0%{transform:scale(1.05);}
		100%{transform:scale(1);}
	}
	.area_visual .swiper-slide .txt h2{ opacity: 0; }
	.area_visual .swiper-slide .txt i{ opacity: 0; }
	.area_visual .swiper-slide-active .txt h2{ animation: visual_txt .8s .3s both; }
	.area_visual .swiper-slide-active .txt i{ animation: visual_txt .8s .5s both; }
	@keyframes visual_txt{
		0%{ transform: translateY(40rem); filter: blur(10rem); opacity: 0; }
		100%{ transform: translateY(0); filter: blur(0); opacity: 1; }
	}
}
@media(max-width:1279px){
    .area_visual .swiper-slide .txt{top:30%;}
    .area_visual .swiper-slide .txt h2{font-size:var(--fs40);}
    .area_visual .swiper-slide .txt i{margin-top:25rem; font-size:20rem;}
    
}
@media(max-width:767px){
    .area_visual .swiper-slide .txt h2{font-size:30rem;}
    .area_visual .swiper-slide .txt i{margin-top:20rem;}
    .area_visual .ctrl .arrow:after{font-size:20rem;}
    .area_visual .ctrl .pager{margin:0 15rem;}
}