@charset "utf-8";
.sec_banner__01 {position:relative; }
.sec_banner__01 .floatImg { position:absolute; top:30rem; right:100px; width:270px; height:auto; z-index:4; }
.sec_banner__01 .floatImg img {width:100%; height:100%;}

.sec_banner__01 .fullBgImg {height:700px;  padding-bottom:100px; background-repeat:no-repeat; background-position:center center; background-size: cover; background-attachment: fixed; overflow:hidden;}
.sec_banner__01 .bgDim {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4);}
.sec_banner__01 .position.tbinner {position:relative; }
.sec_banner__01 .titWrap { width:100%; height:100%; z-index: 1; position:relative; text-align:center; color:#fff;}
.sec_banner__01 .titWrap .titleArea  {position:absolute; bottom:0; left:0;}

.sec_banner__01 .txtBoxFloat {position:absolute; right:0;  width:100%; display:flex; justify-content: flex-end; margin-top:-100px; z-index:3; }
.sec_banner__01 .txtBoxFloat .txtImgBox {width:650px;  padding:50px; background-color:#d71818; color:#fff; text-align:left;}
.sec_banner__01 .txtBoxFloat .txtBox .point::after {background-color:#fff;}

.sec_banner__01 .txtBoxFloat .imgBox {text-align:right;}
.sec_banner__01 .txtBoxFloat .imgBox img {width:400px;}

.sec_banner__01 .txtBoxFloat .txt_btn {display:flex; margin-top:30px;}
.sec_banner__01 .txtBoxFloat .txt_btn a {font-size:1.6rem; color:#fff; margin-right:5px;}
.sec_banner__01 .txtBoxFloat .txt_btn .arrlayout{width: 15px; cursor: pointer;}
.sec_banner__01 .txtBoxFloat .txt_btn .arrow_wrap {
  position:relative;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius:3px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  animation: arrow 700ms linear infinite;
  margin-top:9px;
}
.arrow::after, .arrow::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 3px;
  right: -4px;
  border-radius:2px;
  background-color: #fff;
}

.arrow::after {
  top: -4px;
  transform: rotate(45deg);
}

.arrow::before {
  top: 4px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  transform: rotate(-45deg);
}

@media screen and (max-width:1800px){
  .sec_banner__01 .floatImg { right:20px; }
}
@media screen and (max-width:1600px){
  .sec_banner__01 .floatImg {width:240px; right:20px; }
  .sec_banner__01 .titleArea {left:35px;}
}
@media screen and (max-width:1024px){
  .sec_banner__01 .fullBgImg { padding-bottom:70px;}
  .sec_banner__01 .floatImg { top:30rem; width:240px;  }
}
@media screen and (max-width:768px){
  .sec_banner__01 .floatImg { top:40rem; width:200px;  }
  .sec_banner__01 .txtBoxFloat { margin-top:0; z-index:3;}
  .sec_banner__01 .txtBoxFloat .txtImgBox {width:90%;  }
  .sec_banner__01 .fullBgImg { padding-bottom:50px; }

}
@media screen and (max-width:560px){
  .sec_banner__01 .floatImg { top:30rem; width:160px; }
  .sec_banner__01 .txtBoxFloat .imgBox img {width:80%;}
}
@media screen and (max-width:480px){
  .sec_banner__01 .floatImg {width:140px; }
}