@charset "utf-8"; 
/* widequick142_1 CSS */

.widequick142_1 {position:relative; z-index:0; width:100%; height:100%; float:left; text-align:center; box-sizing:border-box;}

.widequick142_1 .qBoxWrap {position:relative;width:100%;max-width: 1500px;box-sizing:border-box;margin: 50px auto;}
.widequick142_1 .qBoxWrap ul {position:relative;width: 100%;overflow:hidden;}
.widequick142_1 .qBoxWrap ul li {position:relative; float:left; margin-left:2%; box-sizing:border-box; overflow: hidden; transition: box-shadow 1s; margin-bottom: 80px; }
.widequick142_1 .qBoxWrap ul li:only-child {width:96%;}

.widequick142_1 .qBoxWrap .qbnr {position: relative;width:100%;height:100%;display:block;text-align: left;}
.widequick142_1 .qBoxWrap .qbnr .bgbox {position: absolute;width: 100%;height: 100%;overflow: hidden;}
.widequick142_1 .qBoxWrap .qbnr .bgbox img {position:absolute; left:-999px;right:-999px;bottom:-999px;top:-999px; margin:auto;width:auto;min-width:100%;min-height:100%;}

.widequick142_1 .qBoxWrap .qbnr .txtBox {position: relative;padding: 50px 25px 50px 40px;box-sizing: border-box;transition: padding 0.5s;}
.widequick142_1 .qBoxWrap .qbnr .txtBox .iconBox {width: 100%;}
.widequick142_1 .qBoxWrap .qbnr .txtBox .iconBox img {max-width: 100%;}
.widequick142_1 .qBoxWrap .qbnr .txtBox .tit {color: #fff;letter-spacing: -0.5px;}
.widequick142_1 .qBoxWrap .qbnr .txtBox .txt {color: #fff;line-height: 150%;letter-spacing: -0.5px;}
.widequick142_1 .qBoxWrap .qbnr .txtBox .btnLink {color:#fff;border-bottom: 5px solid #fff;padding-bottom: 10px;margin-bottom: 10px;display: inline-block;position: relative;}

/* hover */
.widequick142_1 .qBoxWrap .qbnr:hover .bnBgimg {transform:scale(1.1); transition:transform 1s ease 0s;}
.widequick142_1 .qBoxWrap ul li:hover {box-shadow: 2px 6px 5px rgb(0 0 0 / 10%);}
.widequick142_1 .qBoxWrap .qbnr .txtBox .btnLink:hover {font-weight:600;}
.widequick142_1 .qBoxWrap ul li:hover .qbnr .txtBox {padding-top:40px; padding-bottom:60px;}


/* layout */
.border-radius .widequick142_1 .qBoxWrap ul li {border-radius:20px;}



  @media (min-width:800px) {
    .widequick142_1 .qBoxWrap ul li {width:23.5%;}
    .widequick142_1 .qBoxWrap ul li:nth-child(4n+1) {margin-left:0;clear:both;}
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(2n) {margin-top:80px;}
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(4) ~ li {margin-top: -80px;}
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(6),
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(8),
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(10),
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(12){margin-top: 0px !important;}

    .widequick142_1 .qBoxWrap ul li:nth-last-child(2),
    .widequick142_1 .qBoxWrap ul li:nth-last-child(2)+li {width:49%;}
    .widequick142_1 .qBoxWrap ul li:nth-last-child(3),
    .widequick142_1 .qBoxWrap ul li:nth-last-child(3)~li {width:32%;}
    .widequick142_1 .qBoxWrap ul li:nth-last-child(4),
    .widequick142_1 .qBoxWrap ul li:nth-last-child(4)~li {width:23.5%}
  }
  @media (max-width:1050px) {
    .widequick142_1 .qBoxWrap ul li .qbnr .txtBox {padding-left:25px;}

  }
  @media (min-width:800px) and (max-width:1050px){
    
  }
  @media (max-width:799px) {
    .widequick142_1 .qBoxWrap ul li {width:49%; margin-bottom:20px;}
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(2n) {}
    .widequick142_1 .qBoxWrap ul:not(.mt0) li:nth-child(2n+1) {margin-left:0; clear:both;}
  }