/* Body font Size */
@font-face {
  font-family: "Onemobile";
  src: url("ONEMobileOTFRegular.eot");
  src: url("../fonts/ONEMobileOTFRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ONEMobileOTFRegular.woff2") format("woff2"), url("../fonts/ONEMobileOTFRegular.woff") format("woff"), url("../fonts/ONEMobileOTFRegular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Onemobile";
  src: url("../fonts/ONEMobileOTFLight.eot");
  src: url("../fonts/ONEMobileOTFLight.eot?#iefix") format("embedded-opentype"), url("../fonts/ONEMobileOTFLight.woff2") format("woff2"), url("../fonts/ONEMobileOTFLight.woff") format("woff"), url("../fonts/ONEMobileOTFLight.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Onemobile";
  src: url("../fonts/ONEMobileOTFBold.eot");
  src: url("../fonts/ONEMobileOTFBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ONEMobileOTFBold.woff2") format("woff2"), url("../fonts/ONEMobileOTFBold.woff") format("woff"), url("../fonts/ONEMobileOTFBold.ttf") format("truetype");
  font-weight: 700;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
  display: none;
}

.pc_only {
  display: block;
}

.mo_only {
  display: none;
}

.glo-contents {
  font-family: "Mont", "Onemobile", "NotoSans", sans-serif;
}

.higlo__inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: min(12.5vw, 240px) min(6.25vw, 120px) min(6.25vw, 120px);
  text-align: center;
  background: #070913 url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/higlo/secret_bg.webp) 50% 0/100% auto no-repeat;
}
.higlo picture {
  display: block;
}
.higlo .head {
  margin: 0 auto min(9.6875vw, 186px);
}
.higlo .head img {
  width: min(62.2916666667vw, 1196px);
}
.higlo .event {
  margin: 0 auto min(6.25vw, 120px);
}
.higlo .event img {
  width: min(62.2916666667vw, 1196px);
}
.higlo .event_area {
  text-align: center;
  margin: 0 auto min(10vw, 192px);
}
.higlo .event_area .howto {
  margin: 0 auto min(2.6041666667vw, 50px);
}
.higlo .event_area .howto img {
  width: min(49.5833333333vw, 952px);
}
.higlo .event_area a {
  display: inline-block;
  font-family: "Onemobile", "NotoSans", sans-serif;
  font-size: min(2.1875vw, 42px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  padding: min(1.7708333333vw, 34px) min(7.2916666667vw, 140px) min(1.5625vw, 30px);
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: min(6.25vw, 120px);
}
.higlo .result .ttl {
  margin: 0 auto min(7.2916666667vw, 140px);
}
.higlo .result .ttl img {
  width: min(62.0833333333vw, 1192px);
}
.higlo .result .quiz_ttl1 {
  display: block;
  width: min(31.0416666667vw, 596px);
  margin: 0 auto min(3.125vw, 60px);
}
.higlo .result .quiz_ttl2 {
  display: block;
  width: min(38.28125vw, 735px);
  margin: 0 auto min(3.125vw, 60px);
}
.higlo .swiper-container {
  width: min(75vw, 1440px);
}
.higlo .swiper-container img {
  width: 100%;
}
.higlo .swiper_area {
  position: relative;
  width: min(81.6666666667vw, 1568px);
  margin: 0 auto;
}
.higlo .swiper-top {
  margin: 0 auto min(6.25vw, 120px);
}
.higlo .swiper_prev {
  position: absolute;
  top: 50%;
  left: 0;
  width: min(0.5729166667vw, 11px);
  height: min(2.34375vw, 45px);
  background: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/higlo/secret_prev.png) 50% 50%/contain no-repeat;
  text-indent: -9999px;
  transform:translateY(-50%);
}
.higlo .swiper_next {
  position: absolute;
  top: 50%;
  right: 0;
  width: min(0.5729166667vw, 11px);
  height: min(2.34375vw, 45px);
  background: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/higlo/secret_next.png) 50% 50%/contain no-repeat;
  text-indent: -9999px;
  transform:translateY(-50%);
}
@media screen and (max-width: 768px) {
  .higlo__inner {
    background-image: url(/content/dam/glo-jp/korea-images/brand-pages/images/2024/higlo/secret_bg_m.webp);
    padding: 45.3333333333vw 0 16vw;
  }
  .higlo__inner picture {
    padding: 0 4.2666666667vw;
  }
  .higlo__inner picture img {
    width: 100% !important;
  }
  .higlo__inner .head {
    margin: 0 auto 24vw;
  }
  .higlo__inner .event {
    margin: 0 auto 26.6666666667vw;
  }
  .higlo__inner .event_area {
    margin: 0 auto 26.6666666667vw;
  }
  .higlo__inner .event_area .howto {
    margin: 0 auto 4.8vw;
  }
  .higlo__inner .event_area a {
    font-size: 3.7333333333vw;
    padding: 4.2666666667vw 16.8vw 3.4666666667vw;
  }
  .higlo__inner .result .quiz_ttl1 {
    width: 65.0666666667vw;
    margin: 0 auto 5.3333333333vw;
  }
  .higlo__inner .result .quiz_ttl2 {
    width: 79.4666666667vw;
    margin: 0 auto 5.3333333333vw;
  }
  .higlo__inner .swiper_area {
    width: 100%;
    padding: 0 0 0 6.4vw;
  }
  .higlo__inner .swiper_area.swiper-top {
    margin: 0 auto 9.3333333333vw;
  }
  .higlo__inner .swiper_area .swiper-container {
    width: 100%;
  }
  .higlo__inner .swiper_area .swiper-slide {
    width: 36.2666666667vw;
    margin: 0 3.7333333333vw 0 0;
  }
  .higlo__inner .swiper_area button {
    display: none;
  }
}