@charset "utf-8";


/* main_visual_wrap */
.main_visual_wrap{height:calc(970px + 60px); background-color: #c4b39e; margin-top: 60px;}
.main_visual_wrap .main_visual_inner{/*width:calc(100% - 215px);*/ height:100%;}
.main_visual_wrap .main_visual_slide_wrap{}
.main_visual_wrap .main_visual_slide_list{}
.main_visual_wrap .main_visual_img_wrap{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; 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: rgba(0,0,0,0.4);}
.main_visual_wrap .main_visual_text_wrap{z-index: 2; height:100%; /*width:100vw; padding-left:calc((215 / 2560) * 100%);*/}
.main_visual_wrap .main_visual_text{display:table;}
.main_visual_wrap .pagination_style_0_wrap{font-size:0; line-height:0; bottom:50px; text-align: center;}
.main_visual_wrap .rolling_btn_style_0_con{position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; cursor: pointer; display: none;}
.main_visual_wrap .rolling_btn_style_0_con.left{left: 50px;}
.main_visual_wrap .rolling_btn_style_0_con.right{right: 50px;}

.main_visual_wrap .main_visual_btn > a{position:relative; padding-left: 308px; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.025em; font-weight: 400; color:#fff;}
.main_visual_wrap .main_visual_btn > a:before{content: ''; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 280px; height:1px; box-sizing:border-box; border-bottom:1px solid #fff;}

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

    /* main_visual_wrap */
    .main_visual_wrap{height:870px; margin-top: 100px;}
    .main_visual_wrap .rolling_btn_style_0_con{display: block;}

}

@media all and (min-width:1600px){
    .main_visual_wrap .main_visual_inner{width: calc(100% - 110px);}
    .main_visual_wrap .main_visual_text_wrap{padding-left: 110px;}
    .main_visual_wrap .pagination_style_0_wrap{padding-left: 110px;}
    .main_visual_wrap .rolling_btn_style_0_con.left{left: calc((100% - 1395px) / 2);}

}

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

    .main_visual_wrap .main_visual_inner{width: calc(100% - 215px);}
    .main_visual_wrap .main_visual_text_wrap{padding-left: 215px;}
    .main_visual_wrap .pagination_style_0_wrap{padding-left: 215px;}



}