.main-visual {position: relative; overflow: hidden;}
.main-visual .line-area {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: none;}
.main-visual .line-area .section-inner {height: 100%; display: flex; justify-content: space-between;}
.main-visual .line-area .line {display: block; width: 1px; height: 100%; background: rgba(255, 255, 255, .2);}
/* .main-visual .line-area .line:nth-child(1) {left: 210px;}
.main-visual .line-area .line:nth-child(2) {left: 37%;}
.main-visual .line-area .line:nth-child(3) {left: -37%;}
.main-visual .line-area .line:nth-child(4) {left: -210px;} */
.main-visual .swiper {height: 937px;}
.main-visual .swiper-slide {background-repeat: no-repeat; background-position: center; background-size: cover;}
.main-visual .swiper-slide.slide01 {background-image: url("../img/main1.jpg");}
.main-visual .swiper-slide.slide02 {background-image: url("../img/main2.jpg?v=230405");}
.main-visual .swiper-slide.slide03 {background-image: url("../img/main3.jpg?v=230830");}
.main-visual .swiper-slide.slide02::before, .main-visual .swiper-slide.slide03::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .25);}
.main-visual .swiper-slide .typo-area {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.main-visual .typo-area .desc {font-size: 27px; font-weight: 300; color: #fff; line-height: 1.81; text-align: center;}
.main-visual .typo-area .desc em {font-weight: 700;}
.main-visual .swiper-navi {position: absolute; left: 110px; top: 47%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1;}
.main-visual .swiper-navi .btn i[class^="ico-"] {width: 15px; height: 10px; background-position: center; vertical-align: 0; margin-right: 12px;}
.main-visual .swiper-navi .btn .ico-prev {background-image: url("../img/main_prev.png");}
.main-visual .swiper-navi .btn .ico-next {background-image: url("../img/main_next.png");}
.main-visual .swiper-navi .btn span {font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 300; color: #fff;}
.main-visual .swiper-navi .btn:hover span{color: #ccc;}
.main-visual .swiper-navi .btn-next {margin-top: 15px;}
.main-visual .main-scroll {position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 1; text-align: center; animation: move_scroll 1.1s linear infinite;}
.main-visual .main-scroll .title {display: block; font-size: 11px; font-weight: 400; letter-spacing: 1.1px; color: rgba(255, 255, 255, 0.6); margin-top: 10px;}

@keyframes move_scroll {
    0% {bottom: 50px;}
    50% {bottom: 40px;}
    100% {bottom: 50px;}
}