@font-face {
  font-family: "MIJAS-ULTRA";
  src: url("./MIJAS-ULTRA-95db22fa.woff");
  font-display: swap;
}
@font-face {
  font-family: "MYRIADPRO-MYRIADPRO-SEMIBOLDIT";
  src: url("./MYRIADPRO-SEMIBOLDIT-fe9e9b93.OTF");
  font-display: swap;
}
body, html {
  width: 100%;
  padding: 0;
  scroll-behavior: smooth;
  font-family: "MYRIADPRO-SEMIBOLDIT", sans-serif;
  scrollbar-width: 0px;
  -ms-overflow-style: none;
  color: #000;
}
body::-webkit-scrollbar, html::-webkit-scrollbar {
  width: 0px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.imgFull {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.img {
  position: relative;
  border-radius: 0.3386386725vw;
  border-width: 0.135455469vw;
  border-style: solid;
}
.img img {
  border-radius: 0.3386386725vw;
}

.billboard-page {
  position: relative;
}

.billboard-page .rows {
    display: flex;
    justify-content: space-between;
  align-items: center;
}
.billboard-page .num {
  background: url("./num-bg-fff0455e.png") no-repeat center center;
  background-size: contain;
  width: 2.9800203183vw;
  height: 3.0138841856vw;
  padding-bottom: 0.3386386725vw;
  position: absolute;
  top: -0.6772773451vw;
  right: -0.6772773451vw;
  font-size: 1.1513714866vw;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-family: MIJAS-ULTRA, sans-serif;
}
.billboard-page .container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding-top: 15vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.billboard-page .title-page {
  width: 36vw;
  margin: auto;
  font-size: 1.2529630884vw;
  color: #fff;
  text-align: center;
}
.billboard-page .title-page .link {
  margin-top: 0.2370470708vw;
  color: white !important;
}
.billboard-page .title-page a {
  color: #fd98c3;
  text-decoration: none;
}
.billboard-page .title-page img {
  width: 100%;
  height: auto;
}

.billboard-contents {
  background: url("./shape-bg-a2dd63fc.png") no-repeat center center;
  background-size: cover;
  width: 70.1320690823vw;
  height: 41.2123264477vw;
  position: relative;
  margin: 0;
  padding: 3.5557060616vw 1.1852353539vw 8.6691500169vw;
  transform: scale(0.85) translateY(-1.8vw);
}
.billboard-contents .content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.billboard-contents .column1 {
  width: 27.0910938029vw;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.billboard-contents .column1 .group1 {
  margin-bottom: 0.1693193363vw;
}
.billboard-contents .column1 .group1 .row1 {
  height: 6.8743650525vw;
  margin-bottom: 0.2031832035vw;
}
.billboard-contents .column1 .group1 .row1 .logo-hh {
  width: 9.1093802912vw;
}
.billboard-contents .column1 .group1 .row1 .img {
  width: 6.5695902472vw;
  border-color: #f8d1e1;
  height: 100%;
}
.billboard-contents .column1 .group1 .row2 {
  height: 8.2966474771vw;
  margin-bottom: 0.2031832035vw;
}
.billboard-contents .column1 .group1 .row2 .img {
  border-color: #f8d1e1;
  height: 100%;
}
.billboard-contents .column1 .group1 .row2 .img1 {
  width: 8.0257365391vw;
  margin-right: 0.1693193363vw;
}
.billboard-contents .column1 .group1 .row2 .img2 {
  width: 7.9241449374vw;
}
.billboard-contents .column1 .group1 .row3 {
  height: 6.942092787vw;
}
.billboard-contents .column1 .group1 .row3>div{
  height: 100%;
}
.billboard-contents .column1 .group1 .row3 .img {
  border-color: #f19cbe;
  height: 100%;
}
.billboard-contents .column1 .group1 .row3 .col1 {
  width: 3.3525228581vw;
}
.billboard-contents .column1 .group1 .row3 .col1 .img1 {
  height: 3.3186589909vw;
  margin-bottom: 0.1693193363vw;
}
.billboard-contents .column1 .group1 .row3 .col1 .img2 {
  height: 2.9800203183vw;
}
.billboard-contents .column1 .group1 .row3 .col2 {
  width: 6.0277683711vw;
  margin: 0 0.2370470708vw;
}
.billboard-contents .column1 .group1 .row3 .col3 {
  width: 6.4341347782vw;
}
.billboard-contents .column1 .group2 {
  width: 10.0914324416vw;
}
.billboard-contents .column1 .group2 .img1 {
  border-color: #f5bbd2;
  height: 11.5137148662vw;
}
.billboard-contents .column1 .group2 .img2 {
  margin-top: 0.3386386725vw;
  height: 10.4977988486vw;
  border-color: #ee88b1;
}
.billboard-contents .column1 .group3 {
  width: 100%;
  height: 6.7727734507vw;
  display: flex;
  gap: 0.1693193363vw;
}
.billboard-contents .column1 .group3 img {
  height: 100%;
  width: 6.8743650525vw;
}
.billboard-contents .column1 .group3 .img {
  border-color: #ed85af;
}
.billboard-contents .column1 .group3 .img.img1 {
  width: 5.7568574331vw;
}
.billboard-contents .column1 .group3 .img.img1 img {
  width: 100%;
}
.billboard-contents .column2 {
  width: 17.6769387064vw;
}
.billboard-contents .column2 .row1 {
  height: 4.7409414155vw;
  gap: 0.3386386725vw;
}
.billboard-contents .column2 .row1 .img {
  width: 5.8923129021vw;
  border-color: #f6c2d7;
  height: 100%;
}
.billboard-contents .column2 .row2.qrcode {
  background: url("./qrcode-bg-6751b17b.png") no-repeat center center;
  background-size: contain;
  width: 15.9837453437vw;
  height: 15.7805621402vw;
  padding: 1.9vw 1.4vw 0;
  margin: 0.9143244158vw auto 0.4402302743vw;
}
.billboard-contents .column2 .row2.qrcode img {
  width: 100%;
  height: auto;
}
.billboard-contents .column2 .row3 {
  height: 7.5855062648vw;
  gap: 0.5079580088vw;
}
.billboard-contents .column2 .row3 .img {
  width: 8.7030138842vw;
  border-color: #ee88b1;
  height: 100%;
}
.billboard-contents .column3 {
  width: 15.2387402641vw;
}
.billboard-contents .column3 .row1 {
  margin-bottom: 0.6772773451vw;
  height: 13vw;
}
.billboard-contents .column3 .row1 .img {
  border-color: #f8cdde;
}
.billboard-contents .column3 .row1 .col1 {
  width: 5.1811716898vw;
}
.billboard-contents .column3 .row1 .col1 .img1 {
  height: 6.0954961057vw;
  margin-bottom: 0.3386386725vw;
}
.billboard-contents .column3 .row1 .col1 .img1 {
  height: 5.7568574331vw;
}
.billboard-contents .column3 .row1 .col2 {
  height: 100%;
  width: 9.6512021673vw;
}
.billboard-contents .column3 .row2 {
  height: 15.75vw;
}
.billboard-contents .column3 .row2 .img {
  height: 100%;
  border-color: #ef90b6;
}
.billboard-contents .column4 {
  width: 6.4341347782vw;
  padding-top: 0.6772773451vw;
}
.billboard-contents .column4 .logo-year {
  border: none;
}
.billboard-contents .column4 .img {
  margin-bottom: 0.4402302743vw;
  height: 6.85vw;
}
.billboard-contents .column4 .img:last-child {
  margin-bottom: 0;
}
.billboard-contents .column4 .img2 {
  border-color: #f4b5ce;
}
.billboard-contents .column4 .img3 {
  border-color: #f19fc0;
}
.billboard-contents .column4 .img4 {
  border-color: #ed86b0;
}