.a5-uhf{background-color: #0f0f0f;color: #fff;}
.a5-uhf *{box-sizing: border-box;}
.a5-uhf-box1{position: relative;}
.a5-uhf-box1::before {
    display: block;
    content: '';
    width: 100%;
    height: 50px;
    background-color: #080808;
}
.a5-uhf-box1>img{width: 100%;}
.a5-uhf-box1 .txt{position: absolute;top: 0;left: 16.3%;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.a5-uhf-box1 .txt img{width: 29%;max-width: 544px;}
.a5-uhf-box1 .txt p{font-size: 6.1em;color: #949494;line-height: 1;letter-spacing: 2px;margin-top: 26px;}
 
.a5-uhf-wrapper{width: 1083px;margin: 0 auto;}
.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;}

.a5-uhf-box2 ul{display: flex;justify-content: space-between;}
.a5-uhf-box2 ul li.l{display: flex;flex-direction: column;justify-content: space-between;}
.a5-uhf-box2 ul li.l .section{position: relative;}
.a5-uhf-box2 ul li.r{position: relative;margin-left: 2.5%;}
.a5-uhf-box2 ul li .txt{position: absolute;left: 7%;top: 0;width: 86%;height: 100%;z-index: 2;display: flex;flex-direction: column;justify-content: center;}
.a5-uhf-box2 ul li.r .txt{top: 16%;display: block;}
.a5-uhf-box2 ul li img{border-radius: 15px;}
.a5-uhf-box2 ul li .txt p{font-size: 3em;letter-spacing: 1px;line-height: 1.8;}
.a5-uhf-box2 ul li .txt p:first-child{color: #a3a3a3;}

.a5-uhf-box3{background-color: #2b2c2d;border-radius: 10px;margin: 50px 0;}
.a5-uhf-box3 .page_title{margin-left: 4%;}

.a5-uhf-box4 img,
.a5-uhf-box5 img{border-radius: 10px;margin-top: 10px;}
.a5-uhf-box5{margin: 30px 0 60px;}

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

@media screen and (max-width: 1366px){
    .a5-uhf-box1 .txt p{font-size: 5em;}
}
@media screen and (max-width: 1280px){
    .a5-uhf-wrapper{width: 100%;padding: 0 4vw;}
    .a5-uhf-box1 .txt{left: 4%;}
    .a5-uhf-box1 .txt p{font-size: 2em;margin-top: 15px;}
    .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;}
    .a5-uhf-box2 ul li .txt p{font-size: 1.6em;line-height: 1.6;}
    .a5-uhf-box6 tr td{font-size: 1.4em;}
    .a5-uhf-box6 tr td:first-child,
    .a5-uhf-box6 tr td:last-child{width: auto;padding: 6px;}
}

@media screen and (max-width: 767px){
    .a5-uhf-box2 ul li .txt p{font-size: 1.2em;line-height: 1.5;}
}

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