/* visual_block_012 */
.visual_block_012{background-color:#fff;}
.visual_block_012 > div[data-wv-layout-element="block_inner"]{padding-top: 94px; padding-bottom: 98px;}
.visual_block_012 .visual_block_012_contents_000{width:-webkit-calc(100% + 60px); width:-moz-calc(100% + 60px); width:calc(100% + 60px); margin-left:-60px;}
.visual_block_012 .visual_block_012_contents_000 .visual_block_012_contents_000_card{margin-bottom: 43px;}
.visual_block_012 .visual_block_012_contents_000 .visual_block_012_contents_000_card > div[data-wv-layout-element="block_inner"]{padding-left: 60px;}
.visual_block_012 .visual_block_012_contents_000 .visual_block_012_contents_000_card_inner{max-width: 585px; float:none; margin-right:auto; margin-left: auto; overflow: hidden; cursor: pointer; /*transition: background-color 0.1s ease-out;*/}

.visual_block_012 .visual_block_012_contents_000 .img_box{height: 300px; background-image: url("/weven_template/block/visual_block_012/resource/img/visual_block_012_img_000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.visual_block_012 .visual_block_012_contents_000 .btn_wrap{position: absolute; top:240px; right:0; background-color: inherit;}
.visual_block_012 .visual_block_012_contents_000 .btn_box{width: 60px; height: 60px; box-sizing:border-box; background-color: #fff; /*transition: background-color 0.1s ease-out;*/}
.visual_block_012 .visual_block_012_contents_000 .btn_box > div[data-wv-layout-element="block_inner"]{padding:22px;}
.visual_block_012 .visual_block_012_contents_000 .btn_box svg{width: 16px !important; height: 16px !important;}
.visual_block_012 .visual_block_012_contents_000 .btn_box svg > polygon{/*transition: all 0.1s ease-out;*/ fill:#000;}
.visual_block_012 .visual_block_012_contents_000 .text_box{/*background-color: #fff;*/ /*transition: background-color 0.2s ease-out;*/}
.visual_block_012 .visual_block_012_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding:22px 70px 0px 25px; transition: padding 0.2s ease-out;}
.visual_block_012 .visual_block_012_contents_000 .text_box .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.visual_block_012 .visual_block_012_contents_000 .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;}

.reverse.visual_block_012{background-color:#171717;}
.reverse.visual_block_012  .visual_block_012_contents_000 .btn_box{background-color:#171717;}
.reverse.visual_block_012  .visual_block_012_contents_000 .btn_box svg polygon{fill:#fff;}
/*.reverse .visual_block_012_contents_000 .text_box{background-color: #171717;}*/

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


    /* visual_block_012 */
    .visual_block_012 > div[data-wv-layout-element="block_inner"]{padding-top: 164px; padding-bottom: 167px;}
    .visual_block_012 .visual_block_012_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding:38px 70px 34px 0px;}
    .visual_block_012 .visual_block_012_contents_000 .text_box .desc{max-width: 400px; max-height: 60px;}
    .visual_block_012 .visual_block_012_contents_000_inner{display: flex; flex-wrap: wrap;}
    .visual_block_012 .visual_block_012_contents_000_card_inner:hover .text_box > div[data-wv-layout-element="block_inner"]{padding-left:40px;}
    .visual_block_012 .visual_block_012_contents_000_card_inner:hover .text_box .sub_title_font_1{color:#fff;}
    .visual_block_012 .visual_block_012_contents_000_card_inner:hover .text_box .desc_font_1.font_roboto{color:#fff;}
    .visual_block_012 .visual_block_012_contents_000_card_inner:hover .text_box .desc_font_0{color:#fff;}
    .visual_block_012 .visual_block_012_contents_000 .visual_block_012_contents_000_card{margin-bottom: 60px;}
    .visual_block_012 .visual_block_012_contents_000 .visual_block_012_contents_000_card_inner:hover .btn_box{background-color: inherit; /*transition: background-color 0.1s ease-out;*/}
    .visual_block_012 .visual_block_012_contents_000 .visual_block_012_contents_000_card_inner:hover .btn_box svg polygon{fill:#fff;}
    /*.visual_block_012_contents_000 .visual_block_012_contents_000_card_inner:hover .text_box{background-color: #363636;}*/


    /*.reverse .visual_block_012_contents_000_card_inner:hover .text_box .sub_title_font_1{color:#000;}*/
    /*.reverse .visual_block_012_contents_000_card_inner:hover .text_box .desc_font_1.font_roboto{color:#000;}*/
    /*.reverse .visual_block_012_contents_000_card_inner:hover .text_box .desc_font_0{color:#000;}*/
    /*.reverse .visual_block_012_contents_000 .visual_block_012_contents_000_card_inner:hover .btn_box{background-color: inherit;}*/
    /*.reverse .visual_block_012_contents_000 .visual_block_012_contents_000_card_inner:hover .btn_box svg polygon{fill:#000;}*/
    /*.reverse .visual_block_012_contents_000 .visual_block_012_contents_000_card_inner:hover .text_box{background-color: #fff;}*/
}