/* visual_block_039 */
.visual_block_039{background-color: #fff;}
.visual_block_039 > div[data-wv-layout-element="block_inner"]{padding-top: 96px; padding-bottom: 98px; overflow: hidden;}
.visual_block_039 .text_bg{position: absolute; top:37%; left:50%;}
.visual_block_039 .text_bg div.font_playfair{opacity:0.2; font-size:347px; font-size:34.7rem; line-height:350px; line-height:35.0rem; }
.visual_block_039 .grid_list_con{max-width:585px; margin-left:auto; margin-right:auto; float:none; overflow:hidden;}
.visual_block_039 .grid_list_con .grid_item > div[data-wv-layout-element="block_inner"]{padding-bottom: 20px;}
.visual_block_039 .grid_item .img_box .grid_img img{width: 100%; /*height: fit-content;*/}
.visual_block_039 .grid_item .text_box{position:absolute; bottom:0; left:0; min-height:126px; width:100%; transition:all 0.2s ease; opacity: 1; background-color: rgba(0,0,0,0.2); z-index: 2;}
.visual_block_039 .grid_item .text_box > div[data-wv-layout-element="block_inner"]{padding : 20px 24px 20px 24px;}
.visual_block_039 .grid_item .text_box_inner{display: flex; justify-content:flex-end; flex-direction:column; height: 100%;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_white_right.png"); background-size: 8px 13px; background-repeat: no-repeat; background-position: right 0px bottom 5px;}
.visual_block_039 .grid_item .text_box .sub_title_font_1 , .visual_block_039 .grid_item .text_box .desc_font_1{color:#fff;}

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

@media all and (min-width:992px){
	/* visual_block_039 */
    .visual_block_039 > div[data-wv-layout-element="block_inner"]{padding-top: 164px; padding-bottom: 168px;}
    .visual_block_039 .grid_list_con{max-width:none; width: calc(100% + 60px); margin-left:-60px;}
    .visual_block_039 .grid_list_con .grid_item > div[data-wv-layout-element="block_inner"]{padding-bottom: 60px; padding-left:60px; /*padding-left:60px; padding-bottom: 60px;*/}

    .visual_block_039 .grid_item .text_box{top:0; bottom:auto; opacity:0; height: 100%;}
    .visual_block_039 .grid_item .text_box > div[data-wv-layout-element="block_inner"]{padding : 35px 39px 35px 39px;}
    .visual_block_039 .grid_item .img_box{cursor: pointer;}
    .visual_block_039 .grid_item .img_box:hover .text_box{opacity: 1;}
}