/* visual_block_002 */
.visual_block_002{background-color: #fff;}
.visual_block_002 > div[data-wv-layout-element="block_inner"]{padding-top: 89px; padding-bottom: 98px;}
.visual_block_002 .visual_block_002_card_con{}
.visual_block_002 .visual_block_002_card_con .swiper-container{width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin-left:-30px;}
.visual_block_002 .visual_block_002_card > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
.visual_block_002 .visual_block_002_card .visual_block_002_card_inner{display: block; overflow:hidden; transition: all 0.1s ease; /*max-width: 370px; margin-left:auto; margin-right: auto; float:none;*/}
.visual_block_002 .visual_block_002_card .img_box{padding-top: 62.16%; overflow: hidden;}
.visual_block_002 .visual_block_002_card .img_box > img{width:100%; position: absolute; top:0; left:0;}
.visual_block_002 .visual_block_002_card .text_box > div[data-wv-layout-element="block_inner"]{padding-top: 28px; padding-right: 54px;}
.visual_block_002 .visual_block_002_card .title_box{display: flex; align-items: center;}
.visual_block_002 .visual_block_002_card .title + .arrow{opacity:0; width:7px; height:12px; transition: opacity 0.2s; margin-top: 2px;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_black_right.png"); background-position: right center; background-repeat: no-repeat;}
.visual_block_002 .visual_block_002_card .text_box .title{max-width:calc(100% - 8px); padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.visual_block_002 .visual_block_002_card .text_box .desc{max-height:62px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all;}
.visual_block_002 .pagination_style_0_wrap{margin-bottom: 57px;}
.visual_block_002 .pagination_con{position:static;}
.visual_block_002 .rolling_btn_style_0_con{display:none; position: absolute; top:calc(100% * 0.6216 / 2); transform:translateY(-50%); z-index: 3; cursor: pointer;}

.reverse.visual_block_002{background-color: #171717;}

@media all and (min-width:768px){
    .visual_block_002 .visual_block_002_card .visual_block_002_card_inner{/*float:left; max-width: none;*/}
}

@media all and (min-width:992px){
    /* visual_block_002 */
    .visual_block_002 > div[data-wv-layout-element="block_inner"]{padding-top: 159px; padding-bottom: 168px;}
    .visual_block_002 .visual_block_002_card .text_box .desc{max-height:60px;}
    .visual_block_002 .rolling_btn_style_0_con{display: block;}
    .visual_block_002 .rolling_btn_style_0_con.left{left:50px;}
    .visual_block_002 .rolling_btn_style_0_con.right{right:50px;}
    .visual_block_002 .visual_block_002_card_inner:hover .title + .arrow{opacity: 1;}
}

@media all and (min-width:1200px){
    /* visual_block_002 */
    .visual_block_002 .rolling_btn_style_0_con{top:calc((1200px * 0.3333 - 30px) * 0.6216 / 2);}
}

@media all and (min-width:1220px){
    /* visual_block_002 */
    .visual_block_002 .rolling_btn_style_0_con.left{left:calc(((100% - 1170px) / 2) - 15px);}
    .visual_block_002 .rolling_btn_style_0_con.right{right:calc(((100% - 1170px) / 2) - 15px);}
    .visual_block_002 .visual_block_002_card_con .swiper-container{left: calc((100% - 1170px) / 2); /*width: calc(100% - ((100% - 1170px) / 2));*/}
}

@media all and (min-width:1400px){
    /* visual_block_002 */
    .visual_block_002 .rolling_btn_style_0_con.left{left:calc(((100% - 1170px) / 2) - 110px);}
    .visual_block_002 .rolling_btn_style_0_con.right{right:calc(((100% - 1170px) / 2) - 110px);}
}