.sub1_visual{width: 100%;background-color: #333;padding: 120px 0;}
.sub1_visual .title .tit{ line-height: 1.6; letter-spacing: -1.36px;color: #fff;}
.sub1_visual .title .txt{ line-height: 1.59; letter-spacing: -0.68px; color: #fff;}

@media all and (max-width:1280px){
    .sub1_visual{text-align: center;}
}
.sub1_st01 {padding: 150px 0;}
.sub1_st01 .cont li{width: 31.3%;margin:2% 1%;float: left;}
.sub1_st01 .cont li .img_area{height:300px;background-color: #000;border-radius: 20px;overflow: hidden;position: relative;}
.sub1_st01 .cont li .img_area .box{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.sub1_st01 .cont li .img_area img{max-width:none !important;width:auto !important;height: 100%;}
.sub1_st01 .cont li:hover .img_area img{opacity: 0.4;transform: scale(1.1,1.1);}
.sub1_st01 .cont li .txt{height:80px;line-height: 1.23;letter-spacing: -0.88px;color: #222;padding-top:30px;}
.sub1_st01 .cont li:hover .txt{color: #0101e6;}

@media all and (max-width:1000px){
    .sub1_st01 {padding: 100px 0;}
    .sub1_st01 .cont li{width: 48%;margin:2% 1%;float: left;}
    .sub1_st01 .cont li .img_area{height:200px;}
    .sub1_st01 .cont li .img_area img{height: auto !important;}
    .sub1_st01 .cont li:hover .img_area img{opacity: 1;transform: scale(0,0);}
    .sub1_st01 .cont li:hover .txt{color: #222;}
}

.sub2_visual{width: 100%;background-color: #333;padding: 120px 0;text-align: center;}
.sub2_visual .title .tit{ line-height: 1.6; letter-spacing: -1.36px;color: #fff;}
.sub2_visual .title .cate1{ line-height: 1.59; letter-spacing: -0.68px; color: #eee;}
.sub2_visual .title .cate1 a{padding: 0 10px;}
.sub2_visual .title .cate1 a:hover{text-decoration: underline;}

@media all and (max-width:1280px){
    .sub1_visual{text-align: center;}
}


.sub2_st01{text-align: center;padding: 150px 0;;}
.sub2_st01 .title{font-weight: bold;line-height: 3; letter-spacing: -1.36px;color: #222;}
.sub2_st01 .txt{ line-height: 1.88; letter-spacing: -0.64px; color: #333;}
.sub2_st01 .img{padding: 100px 0;;}

@media all and (max-width:1280px){
    .sub2_st01 .txt br{display: none;}
    .sub2_st01 .txt span{display: block;padding: 5px 0;;}
    .sub2_st01 .img{padding: 50px 0;;}
}