@charset "utf-8";
/* main_visual_wrap */
.main_visual_wrap{background-color: #fff;}
.main_visual_wrap .left_con{display: none; position: absolute; z-index: 2; top:0; left:0; width: 100px; height: 100vh; background-color: rgba(255,255,255,0.15);}
.main_visual_wrap .main_visual_inner{position: relative; height:100%;}
.main_visual_wrap .main_visual_inner.left{width:100%; height: 400px;}
.main_visual_wrap .main_visual_inner.right{width:100%; height: 440px;}
.main_visual_wrap .main_visual_inner:before{content:''; position:absolute; z-index: -1; top:0; left:33.33%; height: 100%; border-right: 1px solid rgba(0,0,0,0.1);}
.main_visual_wrap .main_visual_inner:after{content:''; position:absolute; z-index: -1; top:0; left:66.66%; height: 100%; border-right: 1px solid rgba(0,0,0,0.1);}
.main_visual_wrap .main_visual_slide_wrap{}
.main_visual_wrap .main_visual_slide_list{}
.main_visual_wrap .main_visual_img_con{position: absolute; z-index: -2; top:0; left:0; width:100%; height:100%; background-image: url('../img/main_visual_img_000.jpg'); background-repeat: no-repeat; background-position: center right; background-size: scale; background-size: cover;}
.main_visual_wrap .dim_con{position: absolute; z-index: -1; top:0; left:0; width:100%; height:100%; background-color: #000; opacity: 0.1;}
.main_visual_wrap .main_visual_text_wrap{float:right; z-index: 2; height:100%; padding-bottom: 40px;}
.main_visual_wrap .main_visual_text_con{height: 100%; padding-left: 20px; padding-right:20px;}
.main_visual_wrap .main_visual_text{display:table;}
.main_visual_wrap .main_visual_desc{font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.025em; font-weight:300; color:#000; text-align: left; margin-bottom: 20px; word-break: keep-all;}


.main_visual_wrap .main_visual_pagination{position: absolute; width: auto; bottom:50px; left:50%; transform: translateX(-50%);}
.main_visual_wrap .main_visual_pagination.swiper-pagination-custom > span{display: inline-block; vertical-align: middle;}
.main_visual_wrap .main_visual_pagination.swiper-pagination-custom > .num{font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem; letter-spacing: 0.02em; font-weight: 500; color:rgba(0,0,0,0.4); padding-top: 4px;}
.main_visual_wrap .main_visual_pagination.swiper-pagination-custom > .num.current{color: #000;}
.main_visual_wrap .main_visual_pagination.swiper-pagination-custom > .line{width: 150px; border-bottom:2px solid #000; margin-left:15px; margin-right: 15px;}

.main_visual_wrap .main_visual_pagination.swiper-pagination-bullets{display: inline-block; vertical-align: middle; font-size: 0; line-height: 0;}
.main_visual_wrap .main_visual_pagination.swiper-pagination-bullets > span{display: inline-block; width: 10px; height: 10px; background-color: #000; opacity: 0.2; border-radius: 50%; margin-right: 15px; box-sizing: border-box; cursor: pointer; transition: all 0.2s;}
.main_visual_wrap .main_visual_pagination.swiper-pagination-bullets > span.swiper-pagination-bullet-active{opacity: 1;}
.main_visual_wrap .main_visual_pagination.swiper-pagination-bullets > span:last-child{margin-right: 0;}


.main_visual_wrap .rolling_btn_style_2_con{display: none; position: absolute; z-index: 10; top:calc(50% - 20px); cursor: pointer; transition: all 0.3s; /*transform: translateY(-100%);*/}
.main_visual_wrap .rolling_btn_style_2_con.left{left:-10px; text-align: left;}
.main_visual_wrap .rolling_btn_style_2_con.right{right:-10px; text-align: right;}
.main_visual_wrap .rolling_btn_style_2_con.left .rolling_btn > span{background-image: url('/weven_service/asset/img/arrow/arrow_15x28_white_left.png');}
.main_visual_wrap .rolling_btn_style_2_con.right .rolling_btn > span{background-image: url('/weven_service/asset/img/arrow/arrow_15x28_white_right.png');}

@media all and (min-width:992px){

    /* main_visual_wrap */
    .main_visual_wrap{height: 100vh;}
    .main_visual_wrap .left_con{display: block;}
    .main_visual_wrap .main_visual_inner:before{left:calc(1170px / 3)}
    .main_visual_wrap .main_visual_inner:after{left:calc(1170px / 3 * 2)}
    .main_visual_wrap .main_visual_inner.left{width:calc((100% - 1170px) / 2 + (1170px / 3)); height: 100%;}
    .main_visual_wrap .main_visual_inner.right{width:calc((100% - 1170px) / 2 + (1170px / 3) * 2); height: 100%;}

    .main_visual_wrap .main_visual_text_wrap{padding-top: 0; padding-bottom: 0;}
    .main_visual_wrap .main_visual_text_con{padding-left: 7%; padding-right: 7%;}

    .main_visual_wrap .main_visual_pagination{top:50%; bottom:auto; left:auto; right: 50px; transform-origin: right; transform: rotate(-90deg) translateX(50%);}

    .main_visual_wrap .rolling_btn_style_2_con{display: block; top: auto; bottom:7px;}
    .main_visual_wrap .rolling_btn_style_2_con.left{left:12px;}
    .main_visual_wrap .rolling_btn_style_2_con.right{right:12px;}
    .main_visual_wrap .rolling_btn_style_2_con.right .rolling_btn > span{background-image: url('/weven_service/asset/img/arrow/arrow_15x28_black_right.png');}
}

@media all and (min-width:1170px){

    .main_visual_wrap .main_visual_text_con{padding-right:0px;}
}

@media all and (min-width:1600px){

    .main_visual_wrap .main_visual_text_con{padding-left:195px;}

}