@charset "utf-8";

#mainVisual{padding-bottom:90px}
#mainVisual .main_wrap{position:relative;padding:0 90px}
#mainVisual .main_wrap:after{position:absolute;content:'';left:0;bottom:-90px;width:100%;height:492px;background:#222}
#mainVisual .tit_cont{position:relative;margin:100px auto;text-align:center}
#mainVisual .tit_cont p{font-size:16px;font-weight:500;color:#666;word-break:keep-all}
#mainVisual .tit_cont h1{margin-top:50px;line-height:1.3;font-size:60px;font-weight:700;font-family:var(--e-font);color:var(--black);white-space:pre-line;word-break:keep-all}
#mainVisual .tit_cont h1 span{color:var(--primary)}
#mainVisual .more{z-index:9999;display:flex;position:absolute;top:31%;right:8%;width:262px;line-height:70px;background:var(--primary);font-size:16px;font-weight:700;font-family:var(--e-font);color:#fff}
#mainVisual .more span{padding-left:40px}
#mainVisual .more em{display:flex;justify-content:center;align-items:center;width:55px;height:70px;padding:10px;margin-left:auto;background:#b5010f}
#mainVisual .more em svg{width:20px}
#mainVisual .more span{padding-left:36px;transition:all 0.3s}
#mainVisual .more:hover span{padding-left:50px}
#mainVisual .main_slide{position:relative;height:550px}
#mainVisual .main_slide ul li{background-repeat:no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg01{background-image:url(./main_banner01.jpg)}
#mainVisual .main_slide ul li.bg02{background-image:url(./main_banner02.jpg)}
#mainVisual .main_slide ul li.bg03{background-image:url(./main_banner03.jpg)}
#mainVisual .pager{position:absolute;top:39%;left:43px;transform:translateX(-50%);width:auto;z-index:9999}
#mainVisual .pager span{display:block;margin:15px 0;width:9px;height:9px;cursor:pointer}  
#mainVisual .pager .swiper-pagination-bullet-active{background:#111}
#mainVisual .sc_box{position:absolute;bottom:150px;left:42px}
#mainVisual .sc_box span{display:inline-block;position:relative;width:3px;height:210px;overflow:hidden}
#mainVisual .sc_box span:before{position:absolute;content:'';width:1px;height:100%;background:rgba(255,255,255,0.4);left:1px;top:0;z-index:1}
#mainVisual .sc_box span:after{position:absolute;content:'';width:3px;height:26px;left:0;top:0;background:#fff;z-index:2;animation:mouse_wheel 4s linear infinite}
#mainVisual .sc_box p{position:absolute;left:-5px;bottom:-110px;font-size:12px;font-family:var(--e-font);color:#fff;z-index:100;writing-mode:vertical-rl}

@keyframes mouse_wheel {
	from { transform:translateY(0)}
	to { transform:translateY(400px)}
}