@charset "utf-8";.ccblWrap{overflow:hidden;position:relative}
.ccblWrap .bigTit{padding:100px 0 60px}
.ccblWrap .outerWrap{overflow:hidden;position:relative;height:600px}
.ccblWrap .img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.ccblWrap .img img{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:auto;object-fit:cover;aspect-ratio:16 / 5}
.ccblWrap .ccblWrapInner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:131px 0 70px}
.ccblWrap .titWrap .ftit{margin-bottom:40px}
.ccblWrap .titWrap .ftit.subTitL{font-size:58px;line-height:68px}
.ccblWrap .titWrap .ftit.subTitM{font-size:30px;line-height:40px}
.ccblWrap .titWrap .ftit.subTitS{font-size:20px;line-height:30px}
.ccblWrap .titWrap{margin-bottom:40px}
.ccblWrap .btnWrap{margin-right:0 !important;margin-left:0 !important}
.ccblWrap .btnWrap .colWd{margin-left:20px}
.ccblWrap.videoType{padding:0}
.ccblWrap .video{position:relative;height:100%}
.ccblWrap .vWrap{position:absolute;top:50%;right:0;left:0;height:0;padding-top:25px;padding-bottom:56.25%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ccblWrap video,.ccblWrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.ccblWrap .innerDimm{position:absolute;top:0;z-index:4;width:100%;height:100%;background:#000;opacity:.5}
.ccblWrap .videoPlay{overflow:hidden;position:absolute;top:50%;left:50%;z-index:12;width:60px;height:60px;margin:-30px 0 0 -30px;background:url("../../../images/common/btn-video.png") no-repeat top left;cursor:pointer;text-indent:-1000px}
.ccblWrap a.btn{text-align:center}
.ccblWrap a.btn:hover,.ccblWrap a.btn:focus{text-decoration:none}
.ccblWrap .ccblWrapInner .btn{margin-left:20px}
@media all and (max-width:1024px){.ccblWrap .subTitM{margin-top:0;padding:70px 0 30px;font-size:27px;line-height:32px}
.ccblWrap .outerWrap{height:300px}
.ccblWrap .ccblWrapInner{padding:50px 25px 33px}
.ccblWrap .titWrap .ftit{margin-bottom:20px}
.ccblWrap .titWrap .ftit.subTitL{font-size:28px;line-height:32px}
.ccblWrap .titWrap .ftit.subTitM{font-size:19px;line-height:22px}
.ccblWrap .titWrap .ftit.subTitS{font-size:17px;line-height:20px}
.ccblWrap .titWrap{margin-bottom:20px}
.ccblWrap.videoType{padding:0}
.ccblWrap .btnWrap.col1{margin:0}
.ccblWrap .ccblWrapInner .btn{margin-left:14px}
}
@media all and (max-width:767px){.ccblWrap{padding:0 !important}
.ccblWrap .outerWrap{height:auto}
.ccblWrap .ccblWrapInner{position:absolute;top:0;padding:46px 35px}
.ccblWrap .titWrap .ftit{font-size:19px;text-align:center}
.ccblWrap .titWrap .ftit br{display:inline !important}
.ccblWrap .titWrap .ftit.subTitL{font-size:28px;line-height:32px}
.ccblWrap .titWrap .ftit.subTitM{font-size:19px;line-height:22px}
.ccblWrap .titWrap .ftit.subTitS{font-size:17px;line-height:20px}
.ccblWrap .btnWrap .colWd{width:100%;margin-top:10px;margin-left:0}
.ccblWrap.videoType{padding:0}
.ccblWrap .img img{position:static;-webkit-transform:translateY(-50%);transform:none;aspect-ratio:580 / 780}
.ccblWrap .img{position:static}
.ccblWrap .ccblWrapInner .btn{width:100%}
.ccblWrap .ccblWrapInner .btn{margin-left:0}
}
@media all and (max-width:320px){.ccblWrap .ccblWrapInner{max-width:320px}
.ccblWrap .ccblWrapInner .sectionInner{min-width:auto}
}