@charset "utf-8";
/* ======================================================
   .main-vis
=========================================================*/
.main-vis {height: 660px}
.main-vis .txt {text-align: center}
.main-vis .txt .btxt{font-size: 48px;line-height: 62px;letter-spacing:-0.4px;color:#fff;margin-bottom: 16px;}
.main-vis .txt .btxt span{width: 451px;display: inline-block;}
.main-vis .txt .stxt{font-size: 20px;line-height:28px;letter-spacing:0;color: #fff;font-family: 'Lato',sans-serif;}
.main-vis .txt .stxt span{width: 584px;display: inline-block;}

/* ======================================================
   .msec-cont 
=========================================================*/
.msec-cont {background: #fff;padding: 120px 0 0;}
.msec-cont > div .con{width:1168px;max-width:1168px;margin:0 auto;}
.msec-cont > div {}



/* ======================================================
   .msec-cont 
=========================================================*/

.msec-cont {background: #fff;padding: 120px 0 152px 0;}
.msec-cont .con{max-width:1280px;margin:0 auto;min-width: 1280px;}
.msec-cont > div{}

/* msec-01 */
.msec-cont .msec-01{}
.msec-cont .msec-01 .con{position: relative;height: 480px;}
.msec-cont .msec-01 .con .img{overflow: hidden;border-radius: 30px;background-color: #d8d8d8;height: 100%;}
.msec-cont .msec-01 .con .btxt{  height: 32px;font-size: 20px;line-height: 32px;letter-spacing: 0;color:#c5151d;font-weight: 600;position: relative;padding-left:26px;}
.msec-cont .msec-01 .con .btxt:before{content: '';position: absolute;top:0;left:0;background: url(/business/include/_Img/Layout/icon-point.svg) no-repeat;width: 20px;height: 20px;margin: 6px 6px 6px 0;object-fit: contain;}

.msec-cont .msec-01 .con .txt{position: absolute;top:0;left:0;width: 580px;padding:100px 0 0 120px;}
.msec-cont .msec-01 .con .txt .txt1{height: 108px; margin: 4px 0 30px;font-size: 40px;line-height: 54px;letter-spacing:-1px;color: #fff;}
.msec-cont .msec-01 .con .txt .txt2{width:580px;height: 130px;letter-spacing: 0; overflow: hidden; font-size: 18px;line-height: 26px;color:#fff;font-family: 'Lato';}

.msec-02{padding:160px 0;}
.msec-02:after{}
.msec-02 .bisiness{margin-bottom:160px;}
.msec-02 .bisiness:last-child{margin-bottom:0;}
.msec-02 .bisiness .img {width: 840px;height: 480px;position: relative;z-index:1}
.msec-02 .bisiness .img:after{content: ''; position: absolute;width: 440px;height: 440px;object-fit: contain;z-index:-1}
.msec-02 .bisiness:nth-child(1) .img:after{background: url(/business/include/_Img/Main/img-deco-440-1.svg) no-repeat;right:-80px;bottom:-80px;}
.msec-02 .bisiness:nth-child(2) .img:after{background: url(/business/include/_Img/Main/img-deco-440-2.svg) no-repeat;top:-134px;left:-50px;}
.msec-02 .bisiness:nth-child(3) .img:after{background: url(/business/include/_Img/Main/img-deco-440-3.svg) no-repeat;left: -110px;bottom:-66px;}
.msec-02 .bisiness:nth-child(4) .img:after{background: url(/business/include/_Img/Main/img-deco-440-2.svg) no-repeat;bottom:-134px;left:-50px;}
.msec-02 .bisiness .img2 {width: 378px;height: 480px;position: relative;z-index: 1;margin-left: 320px;}
.msec-02 .bisiness .text-div{width: 300px;padding:74px 0;box-sizing: border-box;}
.msec-02 .bisiness h4{font-size: 20px;line-height: 32px;letter-spacing: 0;color: #c5151d;position: relative;padding-left:26px;margin-bottom: 10px;font-weight: 600}
.msec-02 .bisiness h4:before{content: '';position: absolute;top:0;left:0;background: url(/business/include/_Img/Layout/icon-point.svg) no-repeat;width: 20px;height: 20px;margin: 6px 6px 6px 0;object-fit: contain;}
.msec-02 .bisiness .btxt{width: 268px;font-size: 40px;line-height: 54px;letter-spacing: -1px;color: #000;margin-bottom: 24px;}
.msec-02 .bisiness .etxt{width: 300px;font-size: 16px;line-height: 24px;letter-spacing: 0;color: #000;margin-bottom: 64px;font-family: 'Lato', sans-serif;}
.msec-02 .bisiness .more{display:inline-block;width: 195px;height: 52px;padding: 14px 20px 16px 24px;border-radius:8px;border: solid 1.2px #c2c2c2;background: url(/business/include/_Img/Layout/icon-20-link-line-20-right-arrow.svg) no-repeat  right 20px center;text-align: left;box-sizing: border-box;color:#c5151d;font-weight:700;font-size: 15px;line-height: 22px;letter-spacing: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.msec-02 .bisiness .more:hover{color:#fff;background: url(/business/include/_Img/Layout/icon-20-link-line-20-right-arrow-w.svg) no-repeat  right 20px center, #c5151d;border: solid 1.2px #c5151d;}
  
.msec-02 .bisiness .img img{width: 100%;height: 100%;object-fit: cover;border-radius: 22px;}
.msec-02 .bisiness:after{display: block;content: "";clear: both;}

/* msec-0201-new */
.msec-02-01 {padding:32px 0 200px;}
.msec-02-01 .con{}
.msec-02-01 .con ul{font-size: 0;;}
.msec-02-01 .con ul li{z-index: 1;overflow:hidden;width:32%;height: 320px;padding: 40px 110px 40px 40px;border-radius: 24px;display: inline-block;box-sizing: border-box;background-size: cover !important;position: relative;}
.msec-02-01 .con ul li:before{z-index: -1;content:'';background: rgba(0,0,0,0.5);width:100%; height:100%;position: absolute;top:0;left:0;}
.msec-02-01 .con ul.ul-01 li:nth-child(1){margin-right:2%;background: url(/business/include/_Img/Main/img-business-840-textile-1.png) no-repeat center center;}
.msec-02-01 .con ul.ul-01 li:nth-child(2){margin-right:2%;background: url(/business/include/_Img/Main/img-business-368-industrial.png) no-repeat center center;}
.msec-02-01 .con ul.ul-01 li:nth-child(3){background: url(/business/include/_Img/Main/img-business-840-new.png) no-repeat center center;}
.msec-02-01 .con ul.ul-02{margin-top:14px;}
.msec-02-01 .con ul.ul-02 li:nth-child(1){margin-right:2%;background: url(/business/include/_Img/Main/img-business-main-jest.png) no-repeat top -71px center;}
.msec-02-01 .con ul.ul-02 li:nth-child(2){margin-right:2%;background: url(/business/include/_Img/Main/img-business-main-laundry24.png) no-repeat center center;}
.msec-02-01 .con ul li h3{font-size: 20px;line-height: 32px;color: #fff;letter-spacing: 0;padding-left:24px;font-weight: 600;background: url(/business/include/_Img/Content/icon-20-point-filled-20.svg) no-repeat left center;}
.msec-02-01 .con ul li .btxt{width: 400px;height:192px;font-size: 36px;line-height: 48px;letter-spacing: -0.4px;color: #fff;margin-top:8px;margin-bottom: 30px;}
.msec-02-01 .more{font-size: 15px;line-height: 22px;letter-spacing: 0;color: #fff;font-weight: 600;position: absolute;
    bottom: 40px;
    left: 40px;}
.msec-02-01 .more:after{content: '';position: absolute;top:0;right:-20px;background: url(/business/include/_Img/Layout/icon-20-link-line-20-right-arrow-w.svg) no-repeat;width: 18px;height:18px;margin:1px 0;object-fit: contain;}


.msec-cont > div.msec-03 {}
.msec-cont > div.msec-03 ul{}
.msec-cont > div.msec-03 ul li{float: left;width: 50%;height:340px;position: relative;}
.msec-cont > div.msec-03 ul li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.msec-cont > div.msec-03 ul li a .txt{position: relative;z-index: 5;text-align: center}
.msec-cont > div.msec-03 ul li a .txt h4{display: inline-block;font-size: 16px;line-height: 24px;letter-spacing: 0;color: #fff;margin-bottom: 8px;}
.msec-cont > div.msec-03 ul li a .txt p{width: 208px;font-size: 30px;line-height: 44px;color: #fff;letter-spacing:0;text-transform: uppercase;text-align: center;-webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out;-moz-transition: opacity 0.3s ease-out, transform 0.3s ease-out;-o-transition: opacity 0.3s ease-out, transform 0.3s ease-out;transition: opacity 0.3s ease-out, transform 0.3s ease-out;}
.msec-cont > div.msec-03 ul li a .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}

.msec-cont > div.msec-03 ul li a .img:before{content:none;width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 2;background: rgba(0,0,0,0.48);display: block;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.msec-cont > div.msec-03 ul li a .img img{width: 100%;height:340px;object-fit: cover;-webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;transition: all 1.5s ease-out;}
.msec-cont > div.msec-03 ul:after{display:block;content:"";clear:both;}