@charset "utf-8";



/* 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_contents_000{width:-webkit-calc(100% + 60px); width:-moz-calc(100% + 60px); width:calc(100% + 60px); margin-left:-60px;}
.visual_block_012_contents_000 .visual_block_012_contents_000_card{margin-bottom: 43px;}
.visual_block_012_contents_000 .visual_block_012_contents_000_card > div[data-wv-layout-element="block_inner"]{padding-left: 60px;}
.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_contents_000 .visual_block_012_contents_000_card:nth-child(2n-1){clear:left;}
.visual_block_012_contents_000 .visual_block_012_contents_000_card:nth-last-child(1){margin-bottom: 0;}
.visual_block_012_contents_000 .img_box{height: 300px; background-image: url("../img/visual_block_012_img_000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.visual_block_012_contents_000 .btn_wrap{position: absolute; top:240px; right:0; background-color: inherit;}
.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_contents_000 .btn_box > div[data-wv-layout-element="block_inner"]{padding:22px;}
.visual_block_012_contents_000 .btn_box svg{width: 16px !important; height: 16px !important;}
.visual_block_012_contents_000 .btn_box svg > polygon{/*transition: all 0.1s ease-out;*/ fill:#000;}
.visual_block_012_contents_000 .text_box{/*background-color: #fff;*/ /*transition: background-color 0.2s ease-out;*/}
.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_contents_000 .text_box .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.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_contents_000 .btn_box{background-color:#171717;}
.reverse .visual_block_012_contents_000 .btn_box svg polygon{fill:#fff;}
/*.reverse .visual_block_012_contents_000 .text_box{background-color: #171717;}*/

/* visual_block_013 */
.visual_block_013{background-color:#fff;}
.visual_block_013 > div[data-wv-layout-element="block_inner"]{padding-top: 94px;}
.visual_block_013 .bg_con{position: absolute; top:0; left:0; opacity: 0.07; height: 70%;}
.visual_block_013_contents_000{}
.visual_block_013_contents_001{cursor:pointer; height: 540px;}
.visual_block_013_contents_001 .sub_visual_img_wrap{position: absolute; z-index: -2; top:0; left:0; width:100%; height:100%;
    background-image: url('../img/visual_block_013_img_000.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.visual_block_013_contents_001 .dim_con{position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0);}
.visual_block_013_contents_001 .play_btn{background-image: url('/weven_service/asset/img/common/play_btn_white.png');}

.reverse.visual_block_013{background-color:#171717;}
/*.reverse.visual_block_013 > div[data-wv-layout-element="block_inner"]{padding-bottom: 100px;}*/
.reverse.visual_block_013 .bg_con{display: none;}
/*.reverse .visual_block_013_contents_001 .play_btn{background-image: url('/img/common/play_btn_black.png');}*/


/* visual_block_014 */
.visual_block_014{background-color:#fff;}
.visual_block_014 > div[data-wv-layout-element="block_inner"]{padding-top: 94px; padding-bottom: 100px;}
.visual_block_014_contents_000 .visual_block_014_contents_000_card{margin-bottom: 53px;}
.visual_block_014_contents_000 .visual_block_014_contents_000_card:last-child{margin-bottom: 0;}
.visual_block_014_contents_000 .visual_block_014_contents_000_card_inner{max-width: 270px; float:none; margin-right:auto; margin-left: auto; overflow: hidden;}
/*.visual_block_014_contents_000 .img_box{height:220px; background-image: url("../img/visual_block_014_img_000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}*/
.visual_block_014_contents_000 .img_box img{width: 100%;}
.visual_block_014_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-top:21px; padding-right: 50px;}
.visual_block_014_contents_000 .text_box .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.visual_block_014_contents_000 .text_box .desc{/*padding-right: 60px; *//*padding-right: 25px;*/ 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_014{background-color: #171717;}

/* visual_block_015 */
.visual_block_015{height: 100%; background-color:#fff;}
.visual_block_015 > div[data-wv-layout-element="block_inner"]{padding-top: 94px; /*padding-bottom: 106px;*/}
.visual_block_015 .bg_con{position: absolute; top:0; left:0; opacity: 0.07; height: 100%;}
.visual_block_015 .visual_block_015_contents_000_text{width:calc(100% - 30px); height:100%; left:15px; margin-bottom: 58px;}
.visual_block_015 .visual_block_015_contents_000_img{width:100%; height:500px; background-image: url("../img/visual_block_015_img_000.jpg"); background-repeat: no-repeat; background-size: cover; background-position: left center;}
.visual_block_015 .pagination_style_0_wrap{margin-bottom: 24px; text-align: center;}
.visual_block_015 .pagination_con{position: static;}
.visual_block_015_contents_000_slide{cursor: pointer;}
.visual_block_015_contents_000_slide .info_list_box .info_list{padding-right: 13px; padding-left: 12px;}
.visual_block_015_contents_000_slide .info_list_box .info_list:first-child{padding-left: 0;}
.visual_block_015_contents_000_slide .info_list_box .info_list:last-child{padding-right: 0;}
.visual_block_015_contents_000_slide .info_list_box .info_list::after{content: ''; position: absolute; top:2px; right:0; height: calc(100% - 9px); border-left :1px solid rgba(0,0,0,0.1);}
.visual_block_015_contents_000_slide .info_list_box .info_list:last-child::after{display: none;}
.visual_block_015_contents_000_slide .title_box{display: flex; align-items: center;}
.visual_block_015_contents_000_slide .title + .arrow{opacity:0; width:7px; height:13px; transition: opacity 0.2s;
    background-image: url("/weven_service/asset/img/arrow/arrow_7x12_black_right.png"); background-position: right center; background-repeat: no-repeat;}
.visual_block_015_contents_000_slide .title{max-width:calc(100% - 8px); padding-right: 10px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.visual_block_015_contents_000_slide .desc{max-height:93px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all;}

.reverse.visual_block_015{background-color: #171717;}
.reverse.visual_block_015 .bg_con{display: none;}
.reverse .visual_block_015_contents_000_slide .title + .arrow{background-image: url("/weven_service/asset/img/arrow/arrow_7x12_white_right.png");}

/* text_block_008 */
.text_block_008{background-color: #fff;}
.text_block_008 > div[data-wv-layout-element="block_inner"]{padding-top: 93px; padding-bottom: 92px;}
.text_block_008_contents_000{}
.text_block_008_contents_000_list{box-sizing: border-box; text-align: left; margin-bottom: 20px;}
.text_block_008_contents_000_list:last-child{margin-bottom: 0;}
.text_block_008_contents_000_list .text_box{margin-bottom: 20px;}
.text_block_008_contents_000_list .text_box:last-child{margin-bottom: 0;}


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

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

    /* visual_block_014 */
    .visual_block_014_contents_000{width:calc(100% + 30px); margin-left:-30px;}
    .visual_block_014_contents_000 .visual_block_014_contents_000_card > div[data-wv-layout-element="block_inner"]{padding-left: 30px;}
    /*.visual_block_014_contents_000 .img_box{height:180px;}*/
    .visual_block_014_contents_000 .visual_block_014_contents_000_card:nth-last-child(2){margin-bottom: 0;}
    .visual_block_014_contents_000 .visual_block_014_contents_000_card_inner {max-width:none;}
    .visual_block_014_contents_000 .visual_block_014_contents_000_card_con {width:615px; float:none; margin-left:auto; margin-right:auto; overflow:hidden;}
}

@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_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding:38px 70px 34px 0px;}
    .visual_block_012_contents_000 .text_box .desc{max-width: 400px; max-height: 60px;}
    .visual_block_012_contents_000_inner{display: flex; flex-wrap: wrap;}
    .visual_block_012_contents_000_card_inner:hover .text_box > div[data-wv-layout-element="block_inner"]{padding-left:40px;}
    .visual_block_012_contents_000_card_inner:hover .text_box .sub_title_font_1{color:#fff;}
    .visual_block_012_contents_000_card_inner:hover .text_box .desc_font_1.font_roboto{color:#fff;}
    .visual_block_012_contents_000_card_inner:hover .text_box .desc_font_0{color:#fff;}
    .visual_block_012_contents_000 .visual_block_012_contents_000_card{margin-bottom: 60px;}
    .visual_block_012_contents_000 .visual_block_012_contents_000_card:nth-last-child(2){margin-bottom: 0;}
    .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_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;}*/

    /* visual_block_013 */
    .visual_block_013 > div[data-wv-layout-element="block_inner"]{padding-top: 164px;}
    .visual_block_013_contents_000{}
    .visual_block_013_contents_001{height: 640px;}
    .visual_block_013_contents_001 .sub_visual_img_wrap{width: calc(100% - 100px);}
    .visual_block_013_contents_001 .dim_con{width: calc(100% - 100px);}
    .visual_block_013_contents_001:hover .play_btn{opacity: 1;}

    /*.reverse.visual_block_013 > div[data-wv-layout-element="block_inner"]{padding-bottom: 170px;}*/

    /* visual_block_014 */
    .visual_block_014 > div[data-wv-layout-element="block_inner"]{padding-top: 164px; padding-bottom: 170px;}
    .visual_block_014_contents_000 .visual_block_014_contents_000_card_con {width:100%; display: flex;flex-wrap: wrap;}
    .visual_block_014_contents_000 .text_box > div[data-wv-layout-element="block_inner"]{padding-top:29px; padding-right: 30px;}
    .visual_block_014_contents_000 .text_box .desc{max-height: 60px;}
    .visual_block_014_contents_000 .visual_block_014_contents_000_card{margin-bottom: 0;}

    /* visual_block_015 */
    .visual_block_015{}
    .visual_block_015 > div[data-wv-layout-element="block_inner"]{padding-top: 164px; padding-bottom: 145px;}
    .visual_block_015_contents_000_slide .desc{max-height: 90px;}
    .visual_block_015_contents_000_slide:hover .title + .arrow{opacity: 1;}
    .visual_block_015 .visual_block_015_contents_000_text{width:calc(50% - 15px); left:15px; margin-bottom: 0;}
    .visual_block_015 .visual_block_015_contents_000_text > div[data-wv-layout-element="block_inner"]{padding-right:60px;}
    .visual_block_015 .visual_block_015_contents_000_img{position:absolute; top:0; left:50%; width: 50%; height:100%;}
    .visual_block_015 .pagination_style_0_wrap{margin-bottom: 0px; text-align: left; margin-left: -23px;}

    /* text_block_008 */
    .text_block_008 > div[data-wv-layout-element="block_inner"]{padding-top: 163px; padding-bottom: 166px;}
    .text_block_008_contents_000{display: table;}
    .text_block_008_contents_000_list{display: table-cell; float:none; vertical-align: middle; margin-bottom: 0; border-left:1px solid rgba(0,0,0,0.1);}
    .text_block_008_contents_000_list > div[data-wv-layout-element="block_inner"]{padding-left:60px; padding-right: 60px;}
    .text_block_008_contents_000_list:first-child{border-left:none;}
    .text_block_008_contents_000_list:first-child > div[data-wv-layout-element="block_inner"]{padding-left: 0;}
    .text_block_008_contents_000_list:last-child > div[data-wv-layout-element="block_inner"]{padding-right: 0;}
    .text_block_008_contents_000_list .text_box{margin-bottom: 23px;}
    .text_block_008_contents_000_list .text_box:last-child{margin-bottom: 0;}

    .reverse .text_block_008_contents_000_list{border-color:rgba(255,255,255,0.2);}
}

@media all and (min-width:1200px){
    /* visual_block_015 */
    .visual_block_015{}
    .visual_block_015 .visual_block_015_contents_000_text{width:calc((50% - ((100% - 1170px) / 2)) + 120px); left:calc((100% - 1170px) / 2);}
    .visual_block_015 .visual_block_015_contents_000_text > div[data-wv-layout-element="block_inner"]{padding-right:118px;}
    .visual_block_015 .visual_block_015_contents_000_img{left: calc(50% + 120px); width: calc(50% - 120px);}
    /* text_block_008 */
    .text_block_008_contents_000_list > div[data-wv-layout-element="block_inner"]{padding-left:100px; padding-right: 100px;}
}

@media all and (min-width: 1600px){
    /* visual_block_013 */
    .visual_block_013_contents_001{height: 920px;}
}