*{margin:0px;box-sizing: border-box;padding:0px;font-family: "IBM Plex Sans", sans-serif;}

a{text-decoration: none;}
img{max-width: 100%;}

.first{padding-bottom: 143px;padding-top: 63px;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('./image/hipss1.png');background-position: center;background-size: cover; }
.logos{max-width: 221px;margin:0 auto;display: block;}
.logos img{border-radius: 4px;}
.wrap{max-width: 1320px;margin: 0 auto;padding-left:23px;padding-right:23px;}
.firstCont{background-color: rgb(255 108 37 / 64%);padding:47px;border-radius: 0px;max-width: 751px;margin:130px auto 0;text-align: center;color: #fff;}.firstCont h1{font-size: 42px;margin-bottom: 10px;}
.firstCont span{margin-top: 15px;font-size: 17px;}.firstCont h2{font-size: 26px;font-weight: 500;margin-bottom: 17px;}
.firstCont a{margin: 26px auto 0;display: block;   border: 2px solid #fff;border-radius: 11px;color: #fff;
    padding: 12px 33px;background: transparent;  font-size: 18px;transition: 0.3s;width: max-content;}
.firstCont a:hover{background-color: #fff;transition: 0.3s;color: rgb(255 108 37 / 64%);}
.contWrap{padding:24px;background-color: rgb(255 108 37 / 64%);color: #fff;}
.contWrap h1,.contWrap h2,.contWrap h3,.contWrap h4{font-size: 32px;margin-bottom: 15px;margin-top:32px;}
.contWrap li{margin-bottom: 6px;}.contWrap ul{padding-left: 23px;margin-bottom: 26px;}.contWrap p{margin-bottom: 16px;}
.pageInfo{padding-top: 42px;padding-bottom: 74px;}
.pageInfo p{margin-bottom: 16px;}.pageInfo .logo{margin-bottom: 68px;}.pageInfo h1,.pageInfo h2,.pageInfo h3,.pageInfo h4{font-size: 32px;margin-top:37px;margin-bottom: 15px;}
.pageInfo li{margin-bottom: 7px;}.pageInfo ul{padding-left: 24px;margin-bottom: 22px;}
footer{    background: #333333;padding-top:63px;padding-bottom: 63px;text-align: center;color: #fff;}
.foots{display: flex;align-items: center;margin-bottom: 35px;flex-wrap: wrap;gap:12px;background-color: rgb(255 108 37 / 64%);padding:34px;justify-content: space-between;}
.foots a{font-size: 17px;color: #fff;}
.foots a:hover{text-decoration: underline;}footer h2{font-size: 30px;margin-bottom: 30px;}
footer h3{font-size: 22px;margin-bottom: 13px;}
footer h5{font-size: 22px;margin-top: 33px;margin-bottom: 13px;}
.footLogos{display: flex;align-items: center;justify-content: space-between;gap:10px;background-color: rgb(255 108 37 / 64%);padding:33px;margin-bottom: 33px;margin-top: 43px;}
.footLogos img{max-width: 205px;max-height: 82px;}
.lists{padding-bottom: 71px;padding-top:53px; position: relative;background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('./image/hipps2.png');background-size: cover;background-position: center;}
.listItem{display: flex;gap:18px;align-items: center;background-color: rgb(255 108 37 / 64%);margin-bottom: 35px;padding:23px;justify-content: space-between;}
.listTer{max-width: 200px;}.listItem > *{width: 20%;}.listLink{display: flex;justify-content: center;}
.listInfo p{color: #fff;font-size: 24px;margin-bottom: 6px;font-weight: 700;}
.listItem a{display: block;width:max-content;border-radius: 8px;padding: 13px 45px;border: 1px solid #fff;transition: 0.3s;color:#000;background-color: #fff;font-weight: 700;}
.listItem a:hover{color:#fff;transition:0.3s;background-color: transparent;}
.listLogo{max-width: 178px;}
.listInfo{text-align: center;}.listItem h3{color: #fff;font-size: 20px;}
.listInfo span{color:#fff;}










@media(max-width:992px){
 .listItem{flex-wrap: wrap;}.first{padding-bottom: 62px;}
   .firstCont{margin-top: 64px;    padding: 41px;} 
  .firstCont h1{font-size: 22px;}.listItem > *{width: 30%;} .footLogos{flex-wrap: wrap;justify-content: center;}
 .firstCont h3{    font-size: 35px;}
.footLogos img{max-width: 175px;max-height: 55px;}
}

@media(max-width:769px){
.listItem > *{width: calc(48% - 11px);}
.listItem{justify-content: center;}
.foots{flex-direction: column;justify-content: center;}
.contWrap h1, .contWrap h2, .contWrap h3, .contWrap h4{font-size: 25px;}
footer h2{font-size: 25px;}
.pageInfo h1,.pageInfo h2,.pageInfo h3,.pageInfo h4{font-size: 25px;}
}

@media(max-width: 531px){
    .listItem > *{width: 100%;display: flex; justify-content: center;}
    .contWrap h2{font-size: 21px;}
    .footLogos img{max-width: 150px;max-height: 47px;}
        footer h2 {
        font-size: 17px;
    }
}


/* / */