@charset "utf-8";

#main_visual{overflow:hidden;position:relative}

#main_visual .main_txt{position:relative;z-index:1001;width:100%;color:#fff;text-align:center;line-height:1;font-family: 'Raleway', sans-serif}
#main_visual .sli02 > .main_txt{color:#000}
#main_visual .stxt{display:block;position:absolute;top:150px;width:100%;margin-top:-15px;font-size:15px;font-weight:600;letter-spacing:.5px;opacity:0}
#main_visual .stxt:after{display:block;content:"";width:43px;height:1px;margin:25px auto 50px;background-color:rgba(255,255,255,.3)}
#main_visual .sli02 > .main_txt .stxt:after{background-color:rgba(0,0,0,.3)}
#main_visual .btxt{position:absolute;top:235px;width:100%;font-size:60px;font-weight:100;opacity:0}
#main_visual .btxt:after{display:inline-block;content:"";width:9px;height:9px;margin-left:3px;border-radius:100%;background-color:#fff}
#main_visual .sli02 > .main_txt .btxt:after{background-color:#000}
#main_visual .btxt span{font-weight:700}
#main_visual .more_btn{display:block;position:absolute;z-index:1001;right:-75px;top:440px;width:75px;height:260px;color:#fff;background-color:rgba(42,47,55,.65);-webkit-transition:background .5s;transition:background .5s}
#main_visual .more_btn:hover{background-color:#03a9ff}
#main_visual .more_btn span{display:block;position:absolute;right:-93px;bottom:93px;width:260px;height:75px;font-size:11px;font-weight:700;letter-spacing:.6px;line-height:75px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
#main_visual .txt{position:absolute;top:320px;width:100%;font-size:13px;line-height:22px;color:rgba(255,255,255,.8);opacity:0}
#main_visual .sli02 .main_txt .txt{color:rgba(0,0,0,.8)}
#slides{position:relative;width:100%;height:700px}
#slides li{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-position:left top}
#slides li.sli01{background-image:url(/sh_img/index/main_banner/main_banner_01.jpg)}
#slides li.sli02{background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}

/* fadeInUp  */
#main_visual.fadeInUp{animation-delay:.2s}
#main_visual.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#main_visual.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}to{opacity:1;webkit-transform:none;transform:none}}