.a8-uhf{background-color: #0f0f0f;color: #fff;}
.a8-uhf *{box-sizing: border-box;}
.a8-uhf-wrapper{width: 1080px;margin: 0 auto;}
.txt-linear{background-image: linear-gradient(to right bottom, #fff,#9c9c9c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.a8-uhf-box1{position: relative;}
.a8-uhf-box1::before{content: '';width: 100%;height: 50px;background-color: #030303;display: block;}
.a8-uhf-box1>img{width: 100%;}
.a8-uhf-box1 .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.a8-uhf-box1 .txt .a8-uhf-wrapper{height: 100%;display: flex;flex-direction: column;justify-content: center; padding-top: 10%; }
.a8-uhf-box1 .txt .tit{width: 50.46%;}
.a8-uhf-box1 .txt .short{width: 34.26%;margin-top: 40px;}
 
.page_title{padding: 40px 0 30px;}
.page_title p:first-child{font-size: 5em;font-weight: bold;letter-spacing: 2px;}
.page_title p:last-child{font-size: 3em;color: #8d8d8d;letter-spacing: 1px;margin-top: 15px;}

.a8-uhf-box2 ul{display: flex;justify-content: space-between;}
.a8-uhf-box2 ul li.l{display: flex;flex-direction: column;justify-content: space-between;}
.a8-uhf-box2 ul li.l .section{position: relative;}
.a8-uhf-box2 ul li.r{position: relative;margin-left: 2.5%;}
.a8-uhf-box2 ul li .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;padding-left: 4%;display: flex;flex-direction: column;justify-content: center;}
.a8-uhf-box2 ul li.r .txt{top: 14%;display: block;}
.a8-uhf-box2 ul li .txt p{font-size: 3em;letter-spacing: 1px;line-height: 1.5;}
.a8-uhf-box2 ul li img{width: 100%;}

.a8-uhf-box3{margin: 50px 0;position: relative;}
.a8-uhf-box3 img{width: 100%;border-radius: 12px;}
.a8-uhf-box3 .page_title{position: absolute;top: 10px;left: 20px;z-index: 2;}

.a8-uhf-box4 img,
.a8-uhf-box5 img{width: 100%;border-radius: 12px;margin-top: 10px;}
.a8-uhf-box5{margin: 30px 0 60px;}

.a8-uhf-box6{padding-bottom: 70px;}
.a8-uhf-box6 table{width: 100%;border: 1px solid #fff;border-radius: 10px;border-spacing: 0;}
.a8-uhf-box6 tr th{border-bottom: 1px solid #fff;font-size: 3em;padding: 20px 0 20px 45px;text-align: left;}
.a8-uhf-box6 tr td{font-size: 2.6em;color: rgba(255, 255, 255, .8);padding: 10px 0;}
.a8-uhf-box6 tr td:first-child{width: 295px;padding-left: 45px;vertical-align: text-top;}
.a8-uhf-box6 tr td:last-child{width: 788px;padding-left: 60px;border-left: 1px solid #fff;}
.a8-uhf-box6 tr:nth-child(2) td{padding-top: 26px;}
.a8-uhf-box6 tr:last-child td{padding-bottom: 26px;}

@media screen and (max-width: 1366px){
    .a8-uhf-box1 .txt p{font-size: 5em;}
}
@media screen and (max-width: 1280px){
    .a8-uhf-wrapper{width: 100%;padding: 0 4vw;}
    .a8-uhf-box1 .txt .a8-uhf-wrapper{padding: 13% 0 0;}
    .a8-uhf-box1 .txt{left: 4%;}
    .a8-uhf-box1 .txt .tit {width: 48%;}
    .page_title{padding: 30px 0 20px;}
    .page_title p:first-child{font-size: 3em;letter-spacing: 1px;}
    .page_title p:last-child{font-size: 2em;margin-top: 10px;}
    .a8-uhf-box2 ul li .txt p{font-size: 1.6em;line-height: 1.6;}
    .a8-uhf-box6 tr td{font-size: 1.4em;}
    .a8-uhf-box6 tr td:first-child,
    .a8-uhf-box6 tr td:last-child{width: auto;padding: 6px;}
}

@media screen and (max-width: 767px){
    .a8-uhf-box1 .txt .short{margin-top: 20px;}
    .a8-uhf-box2 ul li .txt p{font-size: 1.2em;line-height: 1.5;}
    .a8-uhf-box3 .page_title{top: 0;left: 0;padding: 10px 0;width: 100%;}
    .a8-uhf-box3 .page_title p{text-align: center;}
    .a8-uhf-box3 .page_title p:last-child{display: none;}
    .a8-uhf-box6 tr th{padding: 20px 0 20px 20px;}
}

@media screen and (max-width: 414px){
    /* .a8-uhf-box2 ul{display: flex;flex-wrap: wrap;}
    .a8-uhf-box2 ul li.l .section{margin-bottom: 10px;}
    .a8-uhf-box2 ul li{width: 100%;margin-left: 0!important;} */
}