﻿

/*main_visual st*/
/*main_visual st*/
.mainVisual {position:relative;z-index:1000; width:100%; height:900px; margin: 0 auto; overflow: hidden; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 900px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/main_vi_1.jpg") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_2.jpg") no-repeat center 0;}
.mainVisual .visualBg3 {background: url("/images/main/main_vi_3.jpg") no-repeat center 0;}
.mainVisual .visualBg4 {background: url("/images/main/main_vi_4.jpg") no-repeat center 0;}
.mainVisual .visualBg5 {background: url("/images/main/20210927_ansim.jpg") no-repeat center 0;}
.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto;}
.main_arrow_box {position: relative;margin: 0 auto;z-index:1500;}
.main_arrow_left {float: left;position: relative;left:50px;top:300px;}
.main_arrow_right {float: right;position: relative;right:50px;top: 300px;}
.mainVisual .controller2 { width:105px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;bottom:800px;left:0px;}

@media screen and (max-width:1200px) {
.mainVisual {position:relative;z-index:1000; width:100%; height:300px; margin: 0 auto; overflow: hidden; top:0px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height:300px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/main_vi_1.jpg") no-repeat center 0; background-size:cover}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_2.jpg") no-repeat center 0; background-size:cover}
.mainVisual .visualBg3 {background: url("/images/main/main_vi_3.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg4 {background: url("/images/main/main_vi_4.jpg") no-repeat center 0;background-size:cover}
.mainVisual .visualBg5 {background: url("/images/main/m_20210927_ansim.jpg") no-repeat center 0;background-size:cover}
.main_arrow_left {left:0px;top:200px;}
.main_arrow_left img{max-width:34px;height:65.5px;}
.main_arrow_right {right:0px;top:200px;}
.main_arrow_right img{max-width:34px;height:65.5px;}
.mainVisual .controller2 {display:none;}
}
/*main_visual end*/

