@charset "UTF-8";
@font-face {
  font-family: "hkg-text";
  font-style: normal;
  font-weight: 100 900;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold"), local("游ゴシック体 Bold"), local("YuGothic Bold"), local("YuGothic"), local("Yu Gothic");
  unicode-range: U+0000-001F, U+007F-009F, U+0100-200F, U+2028-10FFFF;
}
@font-face {
  font-family: "hkg-text";
  font-style: normal;
  font-weight: 100 900;
  src: local("Avenir Medium"), local("Avenir-Medium"), local("Avenir Next Medium"), local("AvenirNext-Medium");
  unicode-range: U+0020-007E, U+00A0-00FF, U+2010-2027;
  size-adjust: 115%;
  ascent-override: 100.87%;
  descent-override: 25.04%;
  line-gap-override: 0%;
}
#hkg-lp {
  --hkg-w: 100vw;
  font-family: "hkg-text", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
}
@media (min-width: 769px) {
  #hkg-lp {
    overflow-x: hidden;
    overflow-x: clip;
  }
}
#hkg-lp .hkg-inner {
  position: relative;
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-inner {
    width: var(--hkg-w);
    margin-inline: calc((100% - var(--hkg-w)) / 2);
  }
}
@media (max-width: 768px) {
  #hkg-lp {
    --hkg-w: min(100vw, 390px);
    background-color: #00a63c;
  }
}
#hkg-lp picture {
  display: block;
}
#hkg-lp picture > img {
  width: 100%;
  height: auto;
}
#hkg-lp a:focus-visible,
#hkg-lp button:focus-visible {
  outline: 3px solid #1c9e7e;
  outline-offset: 2px;
}

@supports (width: 1cqw) {
  #hkg-lp {
    --hkg-w: 100cqw;
  }
  @media (max-width: 768px) {
    #hkg-lp {
      --hkg-w: min(100cqw, 390px);
    }
  }
}
@media (min-width: 769px) {
  #hkg-lp {
    --hkg-cw: min(1500px, 100vw * 1500 / 1120);
    --hkg-w: var(--hkg-cw);
  }
}

@supports (width: 1cqw) {
  @media (min-width: 769px) {
    #hkg-lp {
      --hkg-cw: min(1500px, 100cqw * 1500 / 1120);
    }
  }
}
@media (min-width: 769px) {
  #hkg-lp {
    --hkg-art: min(100vw, 1500px);
    --hkg-art-x: calc((var(--hkg-cw) - var(--hkg-art)) / 2);
  }
}

@supports (width: 1cqw) {
  @media (min-width: 769px) {
    #hkg-lp {
      --hkg-art: min(100cqw, 1500px);
    }
  }
}
#hkg-lp {
  position: relative;
  display: block;
}
#hkg-lp #hkg-matsuri,
#hkg-lp #hkg-petit {
  scroll-margin-top: 6.0317073171rem;
}
@media (min-width: 769px) {
  #hkg-lp #hkg-matsuri,
  #hkg-lp #hkg-petit {
    scroll-margin-top: 8.8475609756rem;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv,
  #hkg-lp .hkg-intro,
  #hkg-lp .hkg-camp,
  #hkg-lp .hkg-notes {
    max-width: 390px;
    margin-inline: auto;
  }
}

#hkg-lp .hkg-pagetop {
  display: block;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-pagetop {
    position: absolute;
    top: min(calc(479.06 / 1500 * var(--hkg-w)), 479.06px);
    left: min(calc(1199.47 / 1500 * var(--hkg-w)), 1199.47px);
    width: min(calc(271.71 / 1500 * var(--hkg-w)), 271.71px);
    height: min(calc(213.75 / 1500 * var(--hkg-w)), 213.75px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-pagetop {
    position: absolute;
    top: calc(464.8 / 390 * var(--hkg-w));
    left: calc(257.2 / 390 * var(--hkg-w));
    width: calc(130.2 / 390 * var(--hkg-w));
    height: calc(97.8 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-pagetop-flag {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-pagetop-flag {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-pagetop-label {
    position: absolute;
    top: min(calc(48.12 / 1500 * var(--hkg-w)), 48.12px);
    left: min(calc(93.49 / 1500 * var(--hkg-w)), 93.49px);
    width: min(calc(129.01 / 1500 * var(--hkg-w)), 129.01px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-pagetop-label {
    position: absolute;
    top: calc(22.19 / 390 * var(--hkg-w));
    left: calc(42.93 / 390 * var(--hkg-w));
    width: calc(60.04 / 390 * var(--hkg-w));
  }
}

#hkg-lp .hkg-pagetop.hkg-pagetop-fixed {
  position: fixed;
  top: auto;
  left: auto;
  z-index: 89;
  transition: opacity 0.3s, visibility 0.3s, transform 0.25s;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-pagetop.hkg-pagetop-fixed {
    --hkg-w: 1500px;
    right: calc(min(calc(28.82 / 1500 * var(--hkg-w)), 28.82px) + env(safe-area-inset-right, 0px));
    bottom: calc(min(calc(0 / 1500 * var(--hkg-w)), 0px) + env(safe-area-inset-bottom, 0px));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-pagetop.hkg-pagetop-fixed {
    right: calc(max(0px, (100% - 390px) / 2) + calc(2.6 / 390 * var(--hkg-w)) + env(safe-area-inset-right, 0px));
    bottom: calc(calc(95 / 390 * var(--hkg-w)) + env(safe-area-inset-bottom, 0px));
  }
}
@media (prefers-reduced-motion: reduce) {
  #hkg-lp .hkg-pagetop.hkg-pagetop-fixed {
    transition: none;
  }
}

#hkg-lp .hkg-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal {
    --hkg-w: min(1500px, (100vw - 40px) * 1500 / 1019.35, (100vh - 40px) * 1500 / 701.32);
  }
}
@supports (height: 100dvh) {
  @media (min-width: 769px) {
    #hkg-lp .hkg-modal {
      --hkg-w: min(1500px, (100vw - 40px) * 1500 / 1019.35, (100dvh - 40px) * 1500 / 701.32);
    }
  }
}
#hkg-lp .hkg-modal.is-open {
  display: block;
}
#hkg-lp .hkg-modal-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
#hkg-lp .hkg-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-content {
    container-type: inline-size;
    width: min(calc(1019.35 / 1500 * var(--hkg-w)), 1019.35px);
    height: min(min(calc(701.32 / 1500 * var(--hkg-w)), 701.32px), 100vh - 40px);
    height: min(min(calc(701.32 / 1500 * var(--hkg-w)), 701.32px), 100dvh - 40px);
    padding-bottom: min(calc(51.32 / 1500 * var(--hkg-w)), 51.32px);
    border-radius: min(calc(43.11 / 1500 * var(--hkg-w)), 43.11px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-content {
    width: calc(348.32 / 390 * var(--hkg-w));
    height: min(calc(634.52 / 390 * var(--hkg-w)), 100vh - 40px);
    height: min(calc(634.52 / 390 * var(--hkg-w)), 100dvh - 40px);
    padding: calc(33.4 / 390 * var(--hkg-w)) 0 calc(31.12 / 390 * var(--hkg-w));
    border-radius: calc(12.37 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-close {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-close {
    top: min(calc(32.3 / 1500 * var(--hkg-w)), 32.3px);
    left: min(calc(946.1 / 1500 * var(--hkg-w)), 946.1px);
    width: min(calc(42.5 / 1500 * var(--hkg-w)), 42.5px);
    height: min(calc(42.5 / 1500 * var(--hkg-w)), 42.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-close {
    top: calc(19.5 / 390 * var(--hkg-w));
    left: calc(309.2 / 390 * var(--hkg-w));
    width: calc(24.6 / 390 * var(--hkg-w));
    height: calc(24.6 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-close img {
  width: 100%;
  height: auto;
}
#hkg-lp .hkg-modal-head {
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-head {
    height: min(calc(274.5 / 1500 * var(--hkg-w)), 274.5px);
  }
}
#hkg-lp .hkg-modal-cat {
  display: flex;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-cat {
    position: absolute;
    top: min(calc(118 / 1500 * var(--hkg-w)), 118px);
    left: min(calc(141 / 1500 * var(--hkg-w)), 141px);
    align-items: center;
    gap: min(calc(14.2 / 1500 * var(--hkg-w)), 14.2px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-cat {
    align-items: flex-start;
    gap: calc(5 / 390 * var(--hkg-w));
    margin-left: calc(45 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-icon {
  flex-shrink: 0;
  height: auto;
  margin-inline: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-icon--super {
    width: min(calc(99.5 / 1500 * var(--hkg-w)), 99.5px);
    margin-inline: min(calc(4.75 / 1500 * var(--hkg-w)), 4.75px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-icon--super {
    width: calc(76.2 / 390 * var(--hkg-w));
    margin-inline: calc(2.9 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-icon--drug {
    width: min(calc(89.5 / 1500 * var(--hkg-w)), 89.5px);
    margin-inline: min(calc(9.75 / 1500 * var(--hkg-w)), 9.75px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-icon--drug {
    width: calc(79 / 390 * var(--hkg-w));
    margin-inline: calc(1.5 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-icon--cleaning {
    width: min(calc(84.3 / 1500 * var(--hkg-w)), 84.3px);
    margin-inline: min(calc(12.35 / 1500 * var(--hkg-w)), 12.35px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-icon--cleaning {
    width: calc(60 / 390 * var(--hkg-w));
    margin-inline: calc(11 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-icon--food {
    width: min(calc(116 / 1500 * var(--hkg-w)), 116px);
    margin-inline: max(calc(-3.5 / 1500 * var(--hkg-w)), -3.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-icon--food {
    width: calc(74 / 390 * var(--hkg-w));
    margin-inline: calc(4 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-icon--sento {
    width: min(calc(91.5 / 1500 * var(--hkg-w)), 91.5px);
    margin-inline: min(calc(8.75 / 1500 * var(--hkg-w)), 8.75px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-icon--sento {
    width: calc(60.5 / 390 * var(--hkg-w));
    margin-inline: calc(10.75 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-cat-text {
  color: #1c9e7e;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-cat-text {
    margin-top: calc(10.65 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-name {
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-name {
    font-size: min(calc(22 / 1500 * var(--hkg-w)), 22px);
    letter-spacing: -0.06em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-name {
    font-size: calc(18 / 390 * var(--hkg-w));
    letter-spacing: -0.05em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-fuyo {
    margin-top: min(calc(6.5 / 1500 * var(--hkg-w)), 6.5px);
    font-size: max(min(calc(15 / 1500 * var(--hkg-w)), 15px), 10px);
    line-height: min(calc(23 / 1500 * var(--hkg-w)), 23px);
    letter-spacing: 0.04em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-fuyo {
    margin-top: calc(4.35 / 390 * var(--hkg-w));
    font-size: max(calc(12 / 390 * var(--hkg-w)), 10px);
    line-height: calc(19 / 390 * var(--hkg-w));
    letter-spacing: 0.02em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-note {
    font-size: max(min(calc(10 / 1500 * var(--hkg-w)), 10px), 10px);
    line-height: min(calc(14 / 1500 * var(--hkg-w)), 14px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-note {
    font-size: max(calc(10 / 390 * var(--hkg-w)), 10px);
    line-height: calc(14 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-rate {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-rate {
    position: absolute;
    top: min(calc(74.3 / 1500 * var(--hkg-w)), 74.3px);
    left: min(calc(536.5 / 1500 * var(--hkg-w)), 536.5px);
    width: min(calc(305 / 1500 * var(--hkg-w)), 305px);
  }
}
#hkg-lp .hkg-modal-bubble {
  display: flex;
  align-items: center;
  color: #1c9e7e;
  font-feature-settings: "palt";
  line-height: 1;
  white-space: nowrap;
}
#hkg-lp .hkg-modal-bubble::before, #hkg-lp .hkg-modal-bubble::after {
  content: "";
  flex-shrink: 0;
}
#hkg-lp .hkg-modal-bubble::before {
  background: linear-gradient(to top right, transparent calc(50% - var(--hkg-line) / 2), #1c9e7e calc(50% - var(--hkg-line) / 2), #1c9e7e calc(50% + var(--hkg-line) / 2), transparent calc(50% + var(--hkg-line) / 2));
}
#hkg-lp .hkg-modal-bubble::after {
  background: linear-gradient(to bottom right, transparent calc(50% - var(--hkg-line) / 2), #1c9e7e calc(50% - var(--hkg-line) / 2), #1c9e7e calc(50% + var(--hkg-line) / 2), transparent calc(50% + var(--hkg-line) / 2));
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-bubble {
    --hkg-line: min(calc(2.6 / 1500 * var(--hkg-w)), 2.6px);
    gap: min(calc(6.5 / 1500 * var(--hkg-w)), 6.5px);
    font-size: min(calc(25 / 1500 * var(--hkg-w)), 25px);
  }
  #hkg-lp .hkg-modal-bubble::before, #hkg-lp .hkg-modal-bubble::after {
    width: min(calc(12.2 / 1500 * var(--hkg-w)), 12.2px);
    height: min(calc(23.2 / 1500 * var(--hkg-w)), 23.2px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-bubble {
    --hkg-line: calc(1.98 / 390 * var(--hkg-w));
    gap: calc(3.3 / 390 * var(--hkg-w));
    margin-top: calc(16.7 / 390 * var(--hkg-w));
    font-size: calc(21 / 390 * var(--hkg-w));
  }
  #hkg-lp .hkg-modal-bubble::before, #hkg-lp .hkg-modal-bubble::after {
    width: calc(9.3 / 390 * var(--hkg-w));
    height: calc(17.8 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal--food .hkg-modal-bubble {
    font-size: min(calc(21 / 1500 * var(--hkg-w)), 21px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal--food .hkg-modal-bubble {
    font-size: calc(17 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal--sento .hkg-modal-bubble {
    font-size: min(calc(19 / 1500 * var(--hkg-w)), 19px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal--sento .hkg-modal-bubble {
    margin-top: calc(11.2 / 390 * var(--hkg-w));
    font-size: calc(15 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-art {
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-art {
    width: min(calc(305 / 1500 * var(--hkg-w)), 305px);
    margin-top: min(calc(9.8 / 1500 * var(--hkg-w)), 9.8px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-art {
    width: calc(233.2 / 390 * var(--hkg-w));
    margin-top: calc(10.2 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp img.hkg-modal-art {
    width: min(calc(254.6 / 1500 * var(--hkg-w)), 254.6px);
    margin-top: min(calc(7.3 / 1500 * var(--hkg-w)), 7.3px);
  }
}
@media (max-width: 768px) {
  #hkg-lp img.hkg-modal-art {
    width: calc(227.3 / 390 * var(--hkg-w));
    margin-top: calc(7.9 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-prog {
  align-self: stretch;
  color: #1c9e7e;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-prog {
    margin-left: min(calc(1.3 / 1500 * var(--hkg-w)), 1.3px);
    margin-top: min(calc(5 / 1500 * var(--hkg-w)), 5px);
    font-size: max(min(calc(8.9 / 1500 * var(--hkg-w)), 8.9px), 10px);
    line-height: max(min(calc(13 / 1500 * var(--hkg-w)), 13px), 12px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-prog {
    margin-left: calc(54.8 / 390 * var(--hkg-w));
    margin-top: calc(4.5 / 390 * var(--hkg-w));
    font-size: max(calc(9.8 / 390 * var(--hkg-w)), 10px);
    line-height: calc(14 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) and (max-width: 374.98px) {
  #hkg-lp .hkg-modal-prog {
    margin-left: auto;
    margin-right: calc(20.42 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-prog-br {
  display: none;
}
@media (min-width: 769px) {
  @container (width < 942px) {
    #hkg-lp .hkg-modal-prog-br {
      display: inline;
    }
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-prog-br {
    display: inline;
  }
}
#hkg-lp .hkg-modal-label {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #1c9e7e;
  border-radius: 999px;
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-label {
    width: min(calc(831.8 / 1500 * var(--hkg-w)), 831.8px);
    height: min(calc(42.5 / 1500 * var(--hkg-w)), 42.5px);
    margin-left: min(calc(96.7 / 1500 * var(--hkg-w)), 96.7px);
    gap: min(calc(6.1 / 1500 * var(--hkg-w)), 6.1px);
    font-size: min(calc(18 / 1500 * var(--hkg-w)), 18px);
    letter-spacing: -0.07em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-label {
    width: calc(307.1 / 390 * var(--hkg-w));
    height: calc(23.8 / 390 * var(--hkg-w));
    margin: calc(19.7 / 390 * var(--hkg-w)) 0 0 calc(20.8 / 390 * var(--hkg-w));
    gap: calc(4 / 390 * var(--hkg-w));
    font-size: calc(15 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  @container (width < 942px) {
    #hkg-lp .hkg-modal--sento .hkg-modal-label {
      margin-top: max(0px, 43px - min(calc(40.8 / 1500 * var(--hkg-w)), 40.8px));
    }
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal--sento .hkg-modal-label {
    margin-top: calc(11.2 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-label-icon {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-label-icon {
    width: min(calc(23.7 / 1500 * var(--hkg-w)), 23.7px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-label-icon {
    width: calc(19 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(96, 96, 96, 0.8) transparent;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-body {
    width: min(calc(823.6 / 1500 * var(--hkg-w)), 823.6px);
    margin: min(calc(17 / 1500 * var(--hkg-w)), 17px) 0 0 min(calc(96.7 / 1500 * var(--hkg-w)), 96.7px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-body {
    width: calc(306.2 / 390 * var(--hkg-w));
    margin: calc(5 / 390 * var(--hkg-w)) 0 0 calc(20.8 / 390 * var(--hkg-w));
    padding-top: calc(1.8 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-body::-webkit-scrollbar {
    width: min(calc(8.7 / 1500 * var(--hkg-w)), 8.7px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-body::-webkit-scrollbar {
    width: calc(3.5 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(96, 96, 96, 0.8);
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-body::-webkit-scrollbar-thumb {
    border-radius: min(calc(3.33 / 1500 * var(--hkg-w)), 3.33px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-body::-webkit-scrollbar-thumb {
    border-radius: calc(1.34 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}
#hkg-lp .hkg-modal-list {
  color: #606060;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-modal-list {
    padding-left: min(calc(50.5 / 1500 * var(--hkg-w)), 50.5px);
    font-size: min(calc(18 / 1500 * var(--hkg-w)), 18px);
    line-height: min(calc(31 / 1500 * var(--hkg-w)), 31px);
    letter-spacing: -0.03em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-modal-list {
    padding-left: calc(14.6 / 390 * var(--hkg-w));
    font-size: max(calc(12 / 390 * var(--hkg-w)), 10px);
    line-height: calc(20 / 390 * var(--hkg-w));
    letter-spacing: -0.03em;
  }
}

#hkg-lp .hkg-tabs {
  position: absolute;
  left: 0;
  width: 100%;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs {
    top: min(calc(1192 / 1500 * var(--hkg-w)), 1192px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs {
    top: calc(582.94 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-nav {
    padding-left: min(calc(287.9 / 1500 * var(--hkg-w)), 287.9px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-nav {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 calc(18.8 / 390 * var(--hkg-w)) calc(16.4 / 390 * var(--hkg-w)) calc(18.8 / 390 * var(--hkg-w));
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #hkg-lp .hkg-tabs-nav::-webkit-scrollbar {
    display: none;
  }
}
#hkg-lp .hkg-tabs-list {
  display: flex;
  width: max-content;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-list {
    gap: min(calc(14.2 / 1500 * var(--hkg-w)), 14.2px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-list {
    gap: calc(11.2 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-tab {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: center;
  align-content: start;
  color: #1c9e7e;
  background-color: #fff;
  border-style: solid;
  border-color: #1c9e7e;
  font-feature-settings: "palt";
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab {
    width: min(calc(173.8 / 1500 * var(--hkg-w)), 173.8px);
    height: min(calc(141.8 / 1500 * var(--hkg-w)), 141.8px);
    grid-template-rows: min(calc(78 / 1500 * var(--hkg-w)), 78px) auto;
    padding-top: min(calc(8.82 / 1500 * var(--hkg-w)), 8.82px);
    border-width: min(calc(4.18 / 1500 * var(--hkg-w)), 4.18px);
    border-radius: min(calc(17.64 / 1500 * var(--hkg-w)), 17.64px);
    font-size: min(calc(19 / 1500 * var(--hkg-w)), 19px);
    letter-spacing: -0.05em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab {
    width: calc(135.8 / 390 * var(--hkg-w));
    height: calc(110.8 / 390 * var(--hkg-w));
    grid-template-rows: calc(62 / 390 * var(--hkg-w)) auto;
    padding-top: calc(6.73 / 390 * var(--hkg-w));
    border-width: calc(3.27 / 390 * var(--hkg-w));
    border-radius: calc(13.79 / 390 * var(--hkg-w));
    font-size: calc(14 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-tab::after {
  content: "";
  position: absolute;
  left: 50%;
  display: none;
  background-color: #1c9e7e;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab::after {
    bottom: calc(max(calc(-25.18 / 1500 * var(--hkg-w)), -25.18px) + 1px);
    width: min(calc(30.7 / 1500 * var(--hkg-w)), 30.7px);
    height: min(calc(21 / 1500 * var(--hkg-w)), 21px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab::after {
    bottom: calc(calc(-19.67 / 390 * var(--hkg-w)) + 1px);
    width: calc(24 / 390 * var(--hkg-w));
    height: calc(16.4 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-tab[aria-selected=true] {
  color: #fff;
  background-color: #1c9e7e;
}
#hkg-lp .hkg-tabs-tab[aria-selected=true]::after {
  display: block;
}
#hkg-lp .hkg-tabs-tab[aria-selected=true] .hkg-tabs-tab-icon {
  filter: brightness(0) invert(1);
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab-label {
    margin-top: min(calc(5.4 / 1500 * var(--hkg-w)), 5.4px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab-label {
    margin-top: calc(3.5 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-tab-icon {
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab-icon--super {
    width: min(calc(74.88 / 1500 * var(--hkg-w)), 74.88px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab-icon--super {
    width: calc(58.7808 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab-icon--drug {
    width: min(calc(76.99 / 1500 * var(--hkg-w)), 76.99px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab-icon--drug {
    width: calc(60.43715 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab-icon--cleaning {
    width: min(calc(64.63 / 1500 * var(--hkg-w)), 64.63px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab-icon--cleaning {
    width: calc(50.73455 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab-icon--food {
    width: min(calc(90.83 / 1500 * var(--hkg-w)), 90.83px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab-icon--food {
    width: calc(71.30155 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-tab-icon--sento {
    width: min(calc(56.9 / 1500 * var(--hkg-w)), 56.9px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-tab-icon--sento {
    width: calc(44.6665 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-slider {
  position: relative;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-slider {
    width: min(calc(934.39 / 1500 * var(--hkg-w)), 934.39px);
    margin: min(calc(26.8 / 1500 * var(--hkg-w)), 26.8px) 0 0 min(calc(283 / 1500 * var(--hkg-w)), 283px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-slider {
    width: calc(348.68 / 390 * var(--hkg-w));
    margin: calc(8.76 / 390 * var(--hkg-w)) 0 0 calc(20.86 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-viewport {
  overflow: hidden;
}
#hkg-lp .hkg-tabs-track {
  display: flex;
  transition: transform 0.4s;
}
#hkg-lp .hkg-tabs-panel {
  position: relative;
  flex: 0 0 100%;
  background-color: #fff;
  border-style: solid;
  border-color: #1c9e7e;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-panel {
    height: min(calc(447.39 / 1500 * var(--hkg-w)), 447.39px);
    border-width: min(calc(9.59 / 1500 * var(--hkg-w)), 9.59px);
    border-radius: min(calc(27.99 / 1500 * var(--hkg-w)), 27.99px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-panel {
    height: calc(371.28 / 390 * var(--hkg-w));
    border-width: calc(3.68 / 390 * var(--hkg-w));
    border-radius: calc(10.74 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-arrow {
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-arrow {
    top: min(calc(171.08 / 1500 * var(--hkg-w)), 171.08px);
    width: min(calc(100.48 / 1500 * var(--hkg-w)), 100.48px);
    height: min(calc(104.65 / 1500 * var(--hkg-w)), 104.65px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-arrow {
    top: calc(166.09 / 390 * var(--hkg-w));
    width: calc(39.83 / 390 * var(--hkg-w));
    height: calc(41.5 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-arrow--prev {
  background-image: url("../imgs/petit-arrow-prev.svg");
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-arrow--prev {
    left: max(calc(-47.08 / 1500 * var(--hkg-w)), -47.08px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-arrow--prev {
    left: calc(-12.81 / 390 * var(--hkg-w));
    background-image: url("../imgs/petit-arrow-prev-sp.svg");
  }
}
#hkg-lp .hkg-tabs-arrow--next {
  background-image: url("../imgs/petit-arrow-next.svg");
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-arrow--next {
    left: min(calc(885.88 / 1500 * var(--hkg-w)), 885.88px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-arrow--next {
    left: calc(323.63 / 390 * var(--hkg-w));
    background-image: url("../imgs/petit-arrow-next-sp.svg");
  }
}
#hkg-lp .hkg-tabs-dots {
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-dots {
    gap: min(calc(16.88 / 1500 * var(--hkg-w)), 16.88px);
    margin-top: min(calc(33.21 / 1500 * var(--hkg-w)), 33.21px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-dots {
    gap: calc(6.7 / 390 * var(--hkg-w));
    margin-top: calc(17.46 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-dot {
  border-radius: 50%;
  background-color: #aaa;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-dot {
    width: min(calc(15.8 / 1500 * var(--hkg-w)), 15.8px);
    height: min(calc(15.8 / 1500 * var(--hkg-w)), 15.8px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-dot {
    width: calc(6.2 / 390 * var(--hkg-w));
    height: calc(6.2 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-tabs-dot.is-active {
  background-color: #1c9e7e;
}

#hkg-lp .hkg-intro-card,
#hkg-lp .hkg-matsuri-btn,
#hkg-lp .hkg-petit-btn,
#hkg-lp .hkg-tabs-tab:not([aria-selected=true]),
#hkg-lp .hkg-tabs-arrow,
#hkg-lp .hkg-tabs-dot,
#hkg-lp .hkg-pagetop,
#hkg-lp .hkg-modal-close {
  cursor: pointer;
}
@media (hover: hover) {
  #hkg-lp .hkg-tabs-tab,
  #hkg-lp .hkg-tabs-arrow,
  #hkg-lp .hkg-tabs-dot,
  #hkg-lp .hkg-modal-close {
    transition: opacity 0.25s;
  }
  #hkg-lp .hkg-tabs-tab:not([aria-selected=true]):hover,
  #hkg-lp .hkg-tabs-arrow:hover,
  #hkg-lp .hkg-tabs-dot:hover,
  #hkg-lp .hkg-modal-close:hover {
    opacity: 0.85;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #hkg-lp .hkg-intro-card,
  #hkg-lp .hkg-matsuri-btn,
  #hkg-lp .hkg-petit-btn,
  #hkg-lp .hkg-pagetop {
    transition: transform 0.25s;
  }
  #hkg-lp .hkg-pagetop {
    transform-origin: right bottom;
  }
  #hkg-lp .hkg-intro-card:hover,
  #hkg-lp .hkg-matsuri-btn:hover,
  #hkg-lp .hkg-petit-btn:hover,
  #hkg-lp .hkg-pagetop:hover {
    transform: scale(1.1);
  }
}
#hkg-lp.is-ended .hkg-intro-card--petit {
  cursor: default;
}
@media (hover: hover) {
  #hkg-lp.is-ended .hkg-intro-card--petit:hover {
    transform: none;
  }
}
@media (hover: hover) and (prefers-reduced-motion: reduce) {
  #hkg-lp .hkg-intro-card,
  #hkg-lp .hkg-matsuri-btn,
  #hkg-lp .hkg-petit-btn,
  #hkg-lp .hkg-tabs-tab,
  #hkg-lp .hkg-tabs-arrow,
  #hkg-lp .hkg-tabs-dot,
  #hkg-lp .hkg-pagetop,
  #hkg-lp .hkg-modal-close {
    transition: none;
  }
}

#hkg-lp .hkg-mv {
  position: relative;
  z-index: 2;
  isolation: isolate;
  container-type: inline-size;
  background-color: #00a63c;
  background-image: url("../imgs/mv-bg-lines.svg");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 6.0317073171rem;
  background-origin: content-box;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv {
    padding-top: 8.8475609756rem;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv {
    --hkg-w: var(--hkg-art);
    background-size: min(100%, 1500px) 100%;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv {
    background-image: url("../imgs/mv-bg-lines-sp.svg");
    background-size: 100% auto;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-inner {
    width: min(100%, 1500px);
    margin-inline: auto;
    height: min(calc(611.93 / 1500 * var(--hkg-w)), 611.93px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-inner {
    height: calc(500.52 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-mv-catch {
  z-index: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-catch {
    position: absolute;
    top: min(calc(34.01 / 1500 * var(--hkg-w)), 34.01px);
    left: min(calc(128.38 / 1500 * var(--hkg-w)), 128.38px);
    width: min(calc(640 / 1500 * var(--hkg-w)), 640px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-catch {
    position: absolute;
    top: calc(41.25 / 390 * var(--hkg-w));
    left: calc(19.37 / 390 * var(--hkg-w));
    width: calc(355.46 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-mv-logo {
  z-index: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-logo {
    position: absolute;
    top: min(calc(74.19 / 1500 * var(--hkg-w)), 74.19px);
    left: min(calc(1139.99 / 1500 * var(--hkg-w)), 1139.99px);
    width: min(calc(106.5 / 1500 * var(--hkg-w)), 106.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-logo {
    position: absolute;
    top: calc(302.97 / 390 * var(--hkg-w));
    left: calc(293.92 / 390 * var(--hkg-w));
    width: calc(37.7 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-ground {
    position: absolute;
    top: min(calc(425.45 / 1500 * var(--hkg-w)), 425.45px);
    left: min(calc(220.54 / 1500 * var(--hkg-w)), 220.54px);
    width: min(calc(1217.99 / 1500 * var(--hkg-w)), 1217.99px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-ground {
    position: absolute;
    top: calc(426.4 / 390 * var(--hkg-w));
    left: calc(-1.91 / 390 * var(--hkg-w));
    width: calc(388.5 / 390 * var(--hkg-w));
    top: auto;
    bottom: -1px;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara-halo01 {
    position: absolute;
    top: min(calc(430.77 / 1500 * var(--hkg-w)), 430.77px);
    left: min(calc(1164.09 / 1500 * var(--hkg-w)), 1164.09px);
    width: min(calc(185.59 / 1500 * var(--hkg-w)), 185.59px);
    height: min(calc(200.93 / 1500 * var(--hkg-w)), 200.93px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara01 {
    position: absolute;
    top: min(calc(402.38 / 1500 * var(--hkg-w)), 402.38px);
    left: min(calc(1174.1 / 1500 * var(--hkg-w)), 1174.1px);
    width: min(calc(180.51 / 1500 * var(--hkg-w)), 180.51px);
    height: min(calc(240.51 / 1500 * var(--hkg-w)), 240.51px);
    max-width: none;
    transform: rotate(7.55deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara-halo02 {
    position: absolute;
    top: min(calc(340.82 / 1500 * var(--hkg-w)), 340.82px);
    left: min(calc(1020.8 / 1500 * var(--hkg-w)), 1020.8px);
    width: min(calc(235.42 / 1500 * var(--hkg-w)), 235.42px);
    height: min(calc(277.53 / 1500 * var(--hkg-w)), 277.53px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara02 {
    position: absolute;
    top: min(calc(342.21 / 1500 * var(--hkg-w)), 342.21px);
    left: min(calc(1012.53 / 1500 * var(--hkg-w)), 1012.53px);
    width: min(calc(265.59 / 1500 * var(--hkg-w)), 265.59px);
    height: min(calc(281.73 / 1500 * var(--hkg-w)), 281.73px);
    max-width: none;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara-halo03 {
    position: absolute;
    top: min(calc(31.2 / 1500 * var(--hkg-w)), 31.2px);
    left: min(calc(830.54 / 1500 * var(--hkg-w)), 830.54px);
    width: min(calc(480.3 / 1500 * var(--hkg-w)), 480.3px);
    height: min(calc(593.52 / 1500 * var(--hkg-w)), 593.52px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara03 {
    position: absolute;
    top: max(calc(-26.74 / 1500 * var(--hkg-w)), -26.74px);
    left: min(calc(841.72 / 1500 * var(--hkg-w)), 841.72px);
    width: min(calc(467.46 / 1500 * var(--hkg-w)), 467.46px);
    height: min(calc(701.19 / 1500 * var(--hkg-w)), 701.19px);
    max-width: none;
    transform: rotate(-4.05deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara-halo04 {
    position: absolute;
    top: min(calc(402.97 / 1500 * var(--hkg-w)), 402.97px);
    left: min(calc(340.81 / 1500 * var(--hkg-w)), 340.81px);
    width: min(calc(168.59 / 1500 * var(--hkg-w)), 168.59px);
    height: min(calc(211.6 / 1500 * var(--hkg-w)), 211.6px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara04 {
    position: absolute;
    top: min(calc(379.21 / 1500 * var(--hkg-w)), 379.21px);
    left: min(calc(331.34 / 1500 * var(--hkg-w)), 331.34px);
    width: min(calc(188.86 / 1500 * var(--hkg-w)), 188.86px);
    height: min(calc(251.65 / 1500 * var(--hkg-w)), 251.65px);
    max-width: none;
    transform: rotate(-3deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara-halo05 {
    position: absolute;
    top: min(calc(359.47 / 1500 * var(--hkg-w)), 359.47px);
    left: min(calc(485.82 / 1500 * var(--hkg-w)), 485.82px);
    width: min(calc(172.9 / 1500 * var(--hkg-w)), 172.9px);
    height: min(calc(254.99 / 1500 * var(--hkg-w)), 254.99px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara05 {
    position: absolute;
    top: min(calc(349.96 / 1500 * var(--hkg-w)), 349.96px);
    left: min(calc(485.33 / 1500 * var(--hkg-w)), 485.33px);
    width: min(calc(190.71 / 1500 * var(--hkg-w)), 190.71px);
    height: min(calc(286.06 / 1500 * var(--hkg-w)), 286.06px);
    max-width: none;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara-halo06 {
    position: absolute;
    top: min(calc(309.41 / 1500 * var(--hkg-w)), 309.41px);
    left: min(calc(635.93 / 1500 * var(--hkg-w)), 635.93px);
    width: min(calc(246.55 / 1500 * var(--hkg-w)), 246.55px);
    height: min(calc(311 / 1500 * var(--hkg-w)), 311px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-mv-chara06 {
    position: absolute;
    top: min(calc(293.16 / 1500 * var(--hkg-w)), 293.16px);
    left: min(calc(635.33 / 1500 * var(--hkg-w)), 635.33px);
    width: min(calc(257.02 / 1500 * var(--hkg-w)), 257.02px);
    height: min(calc(342.52 / 1500 * var(--hkg-w)), 342.52px);
    max-width: none;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara-halo01-sp {
    position: absolute;
    top: calc(287.47 / 390 * var(--hkg-w));
    left: calc(182.55 / 390 * var(--hkg-w));
    width: calc(175 / 390 * var(--hkg-w));
    height: calc(217.03 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara01-sp {
    position: absolute;
    top: calc(266.28 / 390 * var(--hkg-w));
    left: calc(186.56 / 390 * var(--hkg-w));
    width: calc(170.45 / 390 * var(--hkg-w));
    height: calc(256.89 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-4.05deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara-halo02-sp {
    position: absolute;
    top: calc(425.68 / 390 * var(--hkg-w));
    left: calc(303.37 / 390 * var(--hkg-w));
    width: calc(72.46 / 390 * var(--hkg-w));
    height: calc(78.93 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara02-sp {
    position: absolute;
    top: calc(414.53 / 390 * var(--hkg-w));
    left: calc(307.29 / 390 * var(--hkg-w));
    width: calc(70.58 / 390 * var(--hkg-w));
    height: calc(94.48 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(7.55deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara-halo03-sp {
    position: absolute;
    top: calc(383.66 / 390 * var(--hkg-w));
    left: calc(246.29 / 390 * var(--hkg-w));
    width: calc(96.66 / 390 * var(--hkg-w));
    height: calc(114.11 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara03-sp {
    position: absolute;
    top: calc(384.27 / 390 * var(--hkg-w));
    left: calc(242.87 / 390 * var(--hkg-w));
    width: calc(109.57 / 390 * var(--hkg-w));
    height: calc(116.72 / 390 * var(--hkg-w));
    max-width: none;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara-halo04-sp {
    position: absolute;
    top: calc(414.76 / 390 * var(--hkg-w));
    left: calc(8.58 / 390 * var(--hkg-w));
    width: calc(65.57 / 390 * var(--hkg-w));
    height: calc(82.54 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara04-sp {
    position: absolute;
    top: calc(405.44 / 390 * var(--hkg-w));
    left: calc(4.92 / 390 * var(--hkg-w));
    width: calc(73.88 / 390 * var(--hkg-w));
    height: calc(98.92 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-2.99deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara-halo05-sp {
    position: absolute;
    top: calc(397.64 / 390 * var(--hkg-w));
    left: calc(60.5 / 390 * var(--hkg-w));
    width: calc(67.8 / 390 * var(--hkg-w));
    height: calc(99.67 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara05-sp {
    position: absolute;
    top: calc(393.93 / 390 * var(--hkg-w));
    left: calc(60.45 / 390 * var(--hkg-w));
    width: calc(74.58 / 390 * var(--hkg-w));
    height: calc(112.43 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(0.01deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara-halo06-sp {
    position: absolute;
    top: calc(377.99 / 390 * var(--hkg-w));
    left: calc(115.33 / 390 * var(--hkg-w));
    width: calc(96.05 / 390 * var(--hkg-w));
    height: calc(121.5 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-mv-chara06-sp {
    position: absolute;
    top: calc(371.59 / 390 * var(--hkg-w));
    left: calc(115.12 / 390 * var(--hkg-w));
    width: calc(100.48 / 390 * var(--hkg-w));
    height: calc(134.74 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(0.03deg);
  }
}

#hkg-lp .hkg-intro {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  background-color: #fff;
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro {
    background-color: #fefefe;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-inner {
    height: min(calc(987.26 / 1500 * var(--hkg-w)), 987.26px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-inner {
    height: calc(651.72 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-ttl {
    position: absolute;
    top: min(calc(62.36 / 1500 * var(--hkg-w)), 62.36px);
    left: min(calc(256.99 / 1500 * var(--hkg-w)), 256.99px);
    width: min(calc(985.8 / 1500 * var(--hkg-w)), 985.8px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-ttl {
    position: absolute;
    top: calc(27.65 / 390 * var(--hkg-w));
    left: calc(20.35 / 390 * var(--hkg-w));
    width: calc(348.73 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-panel {
  background-color: #dff5e2;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-panel {
    position: absolute;
    top: min(calc(378.47 / 1500 * var(--hkg-w)), 378.47px);
    left: min(calc(232.5 / 1500 * var(--hkg-w)), 232.5px);
    width: min(calc(1035.8 / 1500 * var(--hkg-w)), 1035.8px);
    height: min(calc(547.5 / 1500 * var(--hkg-w)), 547.5px);
    border-radius: min(calc(17.05 / 1500 * var(--hkg-w)), 17.05px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-panel {
    position: absolute;
    top: calc(168.58 / 390 * var(--hkg-w));
    left: calc(20.8 / 390 * var(--hkg-w));
    width: calc(348.9 / 390 * var(--hkg-w));
    height: calc(446.3 / 390 * var(--hkg-w));
    border-radius: calc(5.85 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-flag {
    position: absolute;
    top: min(calc(17.83 / 1500 * var(--hkg-w)), 17.83px);
    left: min(calc(36.57 / 1500 * var(--hkg-w)), 36.57px);
    width: min(calc(218.79 / 1500 * var(--hkg-w)), 218.79px);
    height: min(calc(172.12 / 1500 * var(--hkg-w)), 172.12px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-flag {
    position: absolute;
    top: calc(15.1 / 390 * var(--hkg-w));
    left: calc(11.9 / 390 * var(--hkg-w));
    width: calc(72.3 / 390 * var(--hkg-w));
    height: auto;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-flag {
    position: absolute;
    top: min(calc(17.5 / 1500 * var(--hkg-w)), 17.5px);
    left: min(calc(538.24 / 1500 * var(--hkg-w)), 538.24px);
    width: min(calc(217.43 / 1500 * var(--hkg-w)), 217.43px);
    height: min(calc(171.05 / 1500 * var(--hkg-w)), 171.05px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-flag {
    position: absolute;
    top: calc(241 / 390 * var(--hkg-w));
    left: calc(12 / 390 * var(--hkg-w));
    width: calc(72.3 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-label {
    position: absolute;
    top: min(calc(59.91 / 1500 * var(--hkg-w)), 59.91px);
    left: min(calc(113.76 / 1500 * var(--hkg-w)), 113.76px);
    width: min(calc(89.88 / 1500 * var(--hkg-w)), 89.88px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-label {
    position: absolute;
    top: calc(26.675 / 390 * var(--hkg-w));
    left: calc(36.605 / 390 * var(--hkg-w));
    width: calc(31.21 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-label {
    position: absolute;
    top: min(calc(59.16 / 1500 * var(--hkg-w)), 59.16px);
    left: min(calc(607.56 / 1500 * var(--hkg-w)), 607.56px);
    width: min(calc(98.76 / 1500 * var(--hkg-w)), 98.76px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-label {
    position: absolute;
    top: calc(252.78 / 390 * var(--hkg-w));
    left: calc(35.31 / 390 * var(--hkg-w));
    width: calc(34 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-lead {
  color: #00a63c;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-lead {
    position: absolute;
    top: min(calc(58 / 1500 * var(--hkg-w)), 58px);
    left: min(calc(225.6 / 1500 * var(--hkg-w)), 225.6px);
    width: min(calc(220 / 1500 * var(--hkg-w)), 220px);
    font-size: min(calc(23 / 1500 * var(--hkg-w)), 23px);
    line-height: min(calc(32 / 1500 * var(--hkg-w)), 32px);
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-lead {
    position: absolute;
    top: calc(34 / 390 * var(--hkg-w));
    left: calc(93 / 390 * var(--hkg-w));
    font-size: calc(16 / 390 * var(--hkg-w));
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-lead {
    position: absolute;
    top: min(calc(59.3 / 1500 * var(--hkg-w)), 59.3px);
    left: min(calc(726.7 / 1500 * var(--hkg-w)), 726.7px);
    width: min(calc(240 / 1500 * var(--hkg-w)), 240px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-lead {
    position: absolute;
    top: calc(259.3 / 390 * var(--hkg-w));
    left: calc(86.5 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-lead-line {
    position: relative;
    left: min(calc(9.5 / 1500 * var(--hkg-w)), 9.5px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-spark {
    position: absolute;
    top: min(calc(40.65 / 1500 * var(--hkg-w)), 40.65px);
    left: min(calc(392.08 / 1500 * var(--hkg-w)), 392.08px);
    width: min(calc(26.27 / 1500 * var(--hkg-w)), 26.27px);
    height: auto;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-spark {
    position: absolute;
    top: calc(21.8 / 390 * var(--hkg-w));
    left: calc(288.7 / 390 * var(--hkg-w));
    width: calc(16.1 / 390 * var(--hkg-w));
    height: auto;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-spark {
    position: absolute;
    top: min(calc(43.1 / 1500 * var(--hkg-w)), 43.1px);
    left: min(calc(891.7 / 1500 * var(--hkg-w)), 891.7px);
    width: min(calc(22.1 / 1500 * var(--hkg-w)), 22.1px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-item--petit .hkg-intro-spark {
    position: absolute;
    top: calc(247.2 / 390 * var(--hkg-w));
    left: calc(305.5 / 390 * var(--hkg-w));
    width: calc(16.1 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-plus {
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-plus {
    position: absolute;
    top: min(calc(298.57 / 1500 * var(--hkg-w)), 298.57px);
    left: min(calc(485.71 / 1500 * var(--hkg-w)), 485.71px);
    width: min(calc(59.93 / 1500 * var(--hkg-w)), 59.93px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-plus {
    position: absolute;
    top: calc(203.2 / 390 * var(--hkg-w));
    left: calc(156.3 / 390 * var(--hkg-w));
    width: calc(37.7 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-card {
  overflow: hidden;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card {
    position: absolute;
    top: min(calc(151.8 / 1500 * var(--hkg-w)), 151.8px);
    left: min(calc(71.9 / 1500 * var(--hkg-w)), 71.9px);
    width: min(calc(379.5 / 1500 * var(--hkg-w)), 379.5px);
    height: min(calc(350.5 / 1500 * var(--hkg-w)), 350.5px);
    border-radius: min(calc(17.65 / 1500 * var(--hkg-w)), 17.65px);
    box-shadow: min(calc(6.65 / 1500 * var(--hkg-w)), 6.65px) min(calc(6.65 / 1500 * var(--hkg-w)), 6.65px) min(calc(9.5 / 1500 * var(--hkg-w)), 9.5px) rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card {
    position: absolute;
    top: calc(62.1 / 390 * var(--hkg-w));
    left: calc(21.9 / 390 * var(--hkg-w));
    width: calc(303.3 / 390 * var(--hkg-w));
    height: calc(120.3 / 390 * var(--hkg-w));
    border-radius: calc(6.06 / 390 * var(--hkg-w));
    box-shadow: calc(2 / 390 * var(--hkg-w)) calc(2 / 390 * var(--hkg-w)) calc(6 / 390 * var(--hkg-w)) rgba(0, 0, 0, 0.3);
  }
}
#hkg-lp .hkg-intro-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-style: solid;
  border-color: transparent;
  border-radius: inherit;
  pointer-events: none;
}
#hkg-lp .hkg-intro-card--matsuri {
  background-color: #00a63c;
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card--matsuri::after {
    border-width: 2px;
    border-color: #00a63c;
  }
}
#hkg-lp .hkg-intro-card--petit {
  background-color: #f0eeea;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card--petit {
    position: absolute;
    top: min(calc(151.8 / 1500 * var(--hkg-w)), 151.8px);
    left: min(calc(572.9 / 1500 * var(--hkg-w)), 572.9px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card--petit {
    position: absolute;
    top: calc(287.8 / 390 * var(--hkg-w));
    left: calc(21.9 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-card--petit::after {
  border-color: #1c9e7e;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card--petit::after {
    border-width: min(calc(4.83 / 1500 * var(--hkg-w)), 4.83px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card--petit::after {
    border-width: calc(1.66 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card-bg {
    position: absolute;
    top: min(calc(10.44 / 1500 * var(--hkg-w)), 10.44px);
    left: min(calc(4.9 / 1500 * var(--hkg-w)), 4.9px);
    width: min(calc(369.98 / 1500 * var(--hkg-w)), 369.98px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card-bg {
    position: absolute;
    top: calc(3.26 / 390 * var(--hkg-w));
    left: calc(-0.03 / 390 * var(--hkg-w));
    width: calc(303.44 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card-art {
    position: absolute;
    top: min(calc(16.25 / 1500 * var(--hkg-w)), 16.25px);
    left: min(calc(75.51 / 1500 * var(--hkg-w)), 75.51px);
    width: min(calc(241.58 / 1500 * var(--hkg-w)), 241.58px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card-art {
    position: absolute;
    top: calc(11.41 / 390 * var(--hkg-w));
    left: calc(16.88 / 390 * var(--hkg-w));
    width: calc(268.45 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card--petit .hkg-intro-card-art {
    position: absolute;
    top: min(calc(17.88 / 1500 * var(--hkg-w)), 17.88px);
    left: min(calc(43.49 / 1500 * var(--hkg-w)), 43.49px);
    width: min(calc(302.59 / 1500 * var(--hkg-w)), 302.59px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card--petit .hkg-intro-card-art {
    position: absolute;
    top: calc(12.36 / 390 * var(--hkg-w));
    left: calc(18.8 / 390 * var(--hkg-w));
    width: calc(270.17 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-card-btn {
  display: flex;
  align-items: center;
  color: #00a63c;
  background-color: #fff000;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card-btn {
    position: absolute;
    top: min(calc(252.3 / 1500 * var(--hkg-w)), 252.3px);
    left: min(calc(5.2 / 1500 * var(--hkg-w)), 5.2px);
    width: min(calc(370.2 / 1500 * var(--hkg-w)), 370.2px);
    height: min(calc(93.8 / 1500 * var(--hkg-w)), 93.8px);
    flex-direction: column;
    padding-top: min(calc(18.9 / 1500 * var(--hkg-w)), 18.9px);
    border-radius: 0 0 min(calc(13.33 / 1500 * var(--hkg-w)), 13.33px) min(calc(13.33 / 1500 * var(--hkg-w)), 13.33px);
    font-size: min(calc(28 / 1500 * var(--hkg-w)), 28px);
    line-height: 1;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card-btn {
    position: absolute;
    top: calc(87.6 / 390 * var(--hkg-w));
    left: calc(0.3 / 390 * var(--hkg-w));
    width: calc(302.4 / 390 * var(--hkg-w));
    height: calc(32.2 / 390 * var(--hkg-w));
    justify-content: center;
    gap: calc(8.7 / 390 * var(--hkg-w));
    border-radius: 0 0 calc(6.24 / 390 * var(--hkg-w)) calc(6.24 / 390 * var(--hkg-w));
    font-size: calc(16 / 390 * var(--hkg-w));
    line-height: 1;
    letter-spacing: -0.04em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card--petit .hkg-intro-card-btn {
    left: min(calc(4.7 / 1500 * var(--hkg-w)), 4.7px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card--petit .hkg-intro-card-btn {
    position: absolute;
    top: calc(88.1 / 390 * var(--hkg-w));
    left: calc(-0.1 / 390 * var(--hkg-w));
    width: calc(303.3 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-card-chevron {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card-chevron {
    width: min(calc(27.21 / 1500 * var(--hkg-w)), 27.21px);
    margin-top: min(calc(15.7 / 1500 * var(--hkg-w)), 15.7px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card-chevron {
    width: calc(14.56 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-intro-card-ended {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 3;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
#hkg-lp .hkg-intro-card-ended::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.7);
  mix-blend-mode: multiply;
}
#hkg-lp.is-ended .hkg-intro-card-ended {
  display: flex;
}
#hkg-lp .hkg-intro-card-ended-text {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-intro-card-ended-text {
    font-size: min(calc(31 / 1500 * var(--hkg-w)), 31px);
    line-height: min(calc(43 / 1500 * var(--hkg-w)), 43px);
    letter-spacing: -0.04em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-intro-card-ended-text {
    font-size: calc(16 / 390 * var(--hkg-w));
    line-height: calc(22 / 390 * var(--hkg-w));
    letter-spacing: -0.04em;
  }
}

#hkg-lp .hkg-camp {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  background-color: #fff;
}
#hkg-lp .hkg-camp-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #00a63c;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-bg {
    --hkg-w: var(--hkg-art);
    z-index: -2;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-bg {
    z-index: -2;
  }
}
#hkg-lp .hkg-camp-inner::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-inner::before {
    --hkg-w: var(--hkg-art);
    margin-left: var(--hkg-art-x);
    left: max(calc(-19.07 / 1500 * var(--hkg-w)), -19.07px);
    width: min(calc(1537.84 / 1500 * var(--hkg-w)), 1537.84px);
    background-color: #fff;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-inner {
    --hkg-dy: calc((var(--hkg-art) - var(--hkg-cw)) * var(--hkg-yb) / 1500);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-hero {
    --hkg-w: var(--hkg-art);
    position: absolute;
    top: 0;
    left: var(--hkg-art-x);
    width: var(--hkg-art);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-ttl {
    --hkg-w: var(--hkg-art);
    margin-left: var(--hkg-art-x);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-lead,
  #hkg-lp .hkg-camp-period,
  #hkg-lp .hkg-matsuri-point,
  #hkg-lp .hkg-matsuri-btn,
  #hkg-lp .hkg-petit-select,
  #hkg-lp .hkg-tabs,
  #hkg-lp .hkg-petit-ended {
    margin-top: var(--hkg-dy);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-flag {
    z-index: -1;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-flag {
    position: absolute;
    z-index: -1;
    height: auto;
  }
}
#hkg-lp .hkg-camp-label,
#hkg-lp .hkg-camp-logo,
#hkg-lp .hkg-camp-ttl {
  position: absolute;
}
#hkg-lp .hkg-camp-lead {
  position: absolute;
}
#hkg-lp .hkg-camp-lead::before, #hkg-lp .hkg-camp-lead::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
}
#hkg-lp .hkg-camp-lead::before {
  left: 0;
  background: linear-gradient(to top right, transparent calc(50% - var(--hkg-line) / 2), #00a63c calc(50% - var(--hkg-line) / 2), #00a63c calc(50% + var(--hkg-line) / 2), transparent calc(50% + var(--hkg-line) / 2));
}
#hkg-lp .hkg-camp-lead::after {
  right: 0;
  background: linear-gradient(to bottom right, transparent calc(50% - var(--hkg-line) / 2), #00a63c calc(50% - var(--hkg-line) / 2), #00a63c calc(50% + var(--hkg-line) / 2), transparent calc(50% + var(--hkg-line) / 2));
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-lead {
    --hkg-line: min(calc(5 / 1500 * var(--hkg-w)), 5px);
  }
  #hkg-lp .hkg-camp-lead::before, #hkg-lp .hkg-camp-lead::after {
    width: min(calc(50.8 / 1500 * var(--hkg-w)), 50.8px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-lead {
    --hkg-line: calc(3 / 390 * var(--hkg-w));
  }
  #hkg-lp .hkg-camp-lead::before, #hkg-lp .hkg-camp-lead::after {
    width: calc(46 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-camp-lead-pic {
  position: absolute;
}
#hkg-lp .hkg-camp-period {
  position: absolute;
  overflow: hidden;
  background-color: #e6e6e6;
  text-align: center;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-period {
    border-radius: min(calc(12.43 / 1500 * var(--hkg-w)), 12.43px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-period {
    border-radius: calc(8.38 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-camp-period-head {
  color: #fff;
  background-color: #00a63c;
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-period-head {
    height: min(calc(49.92 / 1500 * var(--hkg-w)), 49.92px);
    padding-top: min(calc(13 / 1500 * var(--hkg-w)), 13px);
    font-size: min(calc(24 / 1500 * var(--hkg-w)), 24px);
    letter-spacing: 0.13em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-period-head {
    height: calc(33.7 / 390 * var(--hkg-w));
    padding-top: calc(8.8 / 390 * var(--hkg-w));
    font-size: calc(16 / 390 * var(--hkg-w));
    letter-spacing: 0.15em;
  }
}
#hkg-lp .hkg-camp-period-body {
  margin: 0;
  color: #00a63c;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-period-body {
    padding-top: min(calc(11.5 / 1500 * var(--hkg-w)), 11.5px);
    font-size: min(calc(38 / 1500 * var(--hkg-w)), 38px);
    line-height: min(calc(46 / 1500 * var(--hkg-w)), 46px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-period-body {
    padding-top: calc(8.3 / 390 * var(--hkg-w));
    font-size: calc(28 / 390 * var(--hkg-w));
    line-height: calc(31 / 390 * var(--hkg-w));
    letter-spacing: -0.02em;
  }
}
#hkg-lp .hkg-camp-period-line {
  display: block;
}
#hkg-lp .hkg-camp-period-s,
#hkg-lp .hkg-camp-period-k {
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-period-s {
    font-size: min(calc(31 / 1500 * var(--hkg-w)), 31px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-period-s {
    font-size: calc(22 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-camp-period-k {
  color: #181818;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-camp-period-k {
    font-size: min(calc(25 / 1500 * var(--hkg-w)), 25px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-camp-period-k {
    font-size: calc(17 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-matsuri .hkg-camp-bg {
  background-image: url("../imgs/matsuri-bg-lines.svg");
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-bg {
    height: calc(min(calc(651.84 / 1500 * var(--hkg-w)), 651.84px) - 1px);
    background-size: min(calc(1500 / 1500 * var(--hkg-w)), 1500px) min(calc(589.13 / 1500 * var(--hkg-w)), 589.13px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-bg {
    height: calc(calc(173.28 / 390 * var(--hkg-w)) - 1px);
    background-image: url("../imgs/matsuri-bg-lines-sp.svg");
    background-size: 100% auto;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-inner {
    --hkg-yb: 803.71;
    height: calc(min(calc(1815.91 / 1500 * var(--hkg-w)), 1815.91px) + var(--hkg-dy));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-inner {
    height: calc(824.82 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-inner::before {
    top: min(calc(396.03 / 1500 * var(--hkg-w)), 396.03px);
    height: min(calc(255.81 / 1500 * var(--hkg-w)), 255.81px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-inner::before {
    top: calc(108.02 / 390 * var(--hkg-w));
    height: calc(65.26 / 390 * var(--hkg-w));
    background-image: url("../imgs/matsuri-bg-sp.svg");
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-flag {
    position: absolute;
    top: min(calc(75.61 / 1500 * var(--hkg-w)), 75.61px);
    left: min(calc(481.87 / 1500 * var(--hkg-w)), 481.87px);
    width: min(calc(468.46 / 1500 * var(--hkg-w)), 468.46px);
    height: min(calc(368.53 / 1500 * var(--hkg-w)), 368.53px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-flag {
    position: absolute;
    top: calc(17.56 / 390 * var(--hkg-w));
    left: calc(120.3 / 390 * var(--hkg-w));
    width: calc(130.5 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-label {
    position: absolute;
    top: min(calc(165.94 / 1500 * var(--hkg-w)), 165.94px);
    left: min(calc(647.68 / 1500 * var(--hkg-w)), 647.68px);
    width: min(calc(191.64 / 1500 * var(--hkg-w)), 191.64px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-label {
    position: absolute;
    top: calc(42.52 / 390 * var(--hkg-w));
    left: calc(166.13 / 390 * var(--hkg-w));
    width: calc(53.58 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-logo {
    position: absolute;
    top: min(calc(233.4 / 1500 * var(--hkg-w)), 233.4px);
    left: min(calc(1351 / 1500 * var(--hkg-w)), 1351px);
    width: min(calc(52.34 / 1500 * var(--hkg-w)), 52.34px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-logo {
    position: absolute;
    top: calc(66.37 / 390 * var(--hkg-w));
    left: calc(347.31 / 390 * var(--hkg-w));
    width: calc(13.43 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-ttl {
    position: absolute;
    top: min(calc(512.74 / 1500 * var(--hkg-w)), 512.74px);
    left: min(calc(519.23 / 1500 * var(--hkg-w)), 519.23px);
    width: min(calc(463.87 / 1500 * var(--hkg-w)), 463.87px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-ttl {
    position: absolute;
    top: calc(137.97 / 390 * var(--hkg-w));
    left: calc(124.34 / 390 * var(--hkg-w));
    width: calc(139.82 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-lead {
    position: absolute;
    top: min(calc(805.91 / 1500 * var(--hkg-w)), 805.91px);
    left: min(calc(237.1 / 1500 * var(--hkg-w)), 237.1px);
    width: min(calc(452.9 / 1500 * var(--hkg-w)), 452.9px);
    height: min(calc(165.6 / 1500 * var(--hkg-w)), 165.6px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-lead {
    position: absolute;
    top: calc(224.76 / 390 * var(--hkg-w));
    left: calc(22.7 / 390 * var(--hkg-w));
    width: calc(345 / 390 * var(--hkg-w));
    height: calc(102.6 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-lead-pic {
    position: absolute;
    top: min(calc(6.67 / 1500 * var(--hkg-w)), 6.67px);
    left: min(calc(66.13 / 1500 * var(--hkg-w)), 66.13px);
    width: min(calc(312.06 / 1500 * var(--hkg-w)), 312.06px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-lead-pic {
    position: absolute;
    top: calc(2.35 / 390 * var(--hkg-w));
    left: calc(72.11 / 390 * var(--hkg-w));
    width: calc(198.95 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-period {
    position: absolute;
    top: min(calc(803.71 / 1500 * var(--hkg-w)), 803.71px);
    left: min(calc(750.4 / 1500 * var(--hkg-w)), 750.4px);
    width: min(calc(516.4 / 1500 * var(--hkg-w)), 516.4px);
    height: min(calc(169 / 1500 * var(--hkg-w)), 169px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-period {
    position: absolute;
    top: calc(344.56 / 390 * var(--hkg-w));
    left: calc(20.6 / 390 * var(--hkg-w));
    width: calc(348.4 / 390 * var(--hkg-w));
    height: calc(114 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri-point {
    position: absolute;
    top: min(calc(1019.39 / 1500 * var(--hkg-w)), 1019.39px);
    left: min(calc(207.49 / 1500 * var(--hkg-w)), 207.49px);
    width: min(calc(1084.43 / 1500 * var(--hkg-w)), 1084.43px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri-point {
    position: absolute;
    top: calc(473.89 / 390 * var(--hkg-w));
    left: calc(11.63 / 390 * var(--hkg-w));
    width: calc(365.93 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-matsuri-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00a63c;
  background-color: #fff000;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri-btn {
    position: absolute;
    top: min(calc(1656.21 / 1500 * var(--hkg-w)), 1656.21px);
    left: min(calc(466.3 / 1500 * var(--hkg-w)), 466.3px);
    width: min(calc(567.8 / 1500 * var(--hkg-w)), 567.8px);
    height: min(calc(66.14 / 1500 * var(--hkg-w)), 66.14px);
    box-shadow: min(calc(5 / 1500 * var(--hkg-w)), 5px) min(calc(5 / 1500 * var(--hkg-w)), 5px) min(calc(10 / 1500 * var(--hkg-w)), 10px) rgba(0, 0, 0, 0.3);
    font-size: min(calc(28 / 1500 * var(--hkg-w)), 28px);
    letter-spacing: 0.05em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri-btn {
    position: absolute;
    top: calc(749.86 / 390 * var(--hkg-w));
    left: calc(20.8 / 390 * var(--hkg-w));
    width: calc(348.3 / 390 * var(--hkg-w));
    height: calc(40.6 / 390 * var(--hkg-w));
    box-shadow: calc(3 / 390 * var(--hkg-w)) calc(3 / 390 * var(--hkg-w)) calc(6 / 390 * var(--hkg-w)) rgba(0, 0, 0, 0.3);
    font-size: calc(15 / 390 * var(--hkg-w));
    letter-spacing: 0.085em;
  }
}
#hkg-lp .hkg-matsuri-btn-icon {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri-btn-icon {
    width: min(calc(25.1 / 1500 * var(--hkg-w)), 25.1px);
    margin-right: min(calc(16.4 / 1500 * var(--hkg-w)), 16.4px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri-btn-icon {
    width: calc(14.9 / 390 * var(--hkg-w));
    margin-right: calc(12.8 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-matsuri-btn-arrow {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri-btn-arrow {
    width: min(calc(27.18 / 1500 * var(--hkg-w)), 27.18px);
    margin-left: min(calc(12.1 / 1500 * var(--hkg-w)), 12.1px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri-btn-arrow {
    width: calc(14.5 / 390 * var(--hkg-w));
    margin-left: calc(8.8 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo01 {
    position: absolute;
    top: min(calc(330.66 / 1500 * var(--hkg-w)), 330.66px);
    left: min(calc(111.03 / 1500 * var(--hkg-w)), 111.03px);
    width: min(calc(138.34 / 1500 * var(--hkg-w)), 138.34px);
    height: min(calc(173.09 / 1500 * var(--hkg-w)), 173.09px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara01 {
    position: absolute;
    top: min(calc(311.06 / 1500 * var(--hkg-w)), 311.06px);
    left: min(calc(101.57 / 1500 * var(--hkg-w)), 101.57px);
    width: min(calc(156.2 / 1500 * var(--hkg-w)), 156.2px);
    height: min(calc(208.08 / 1500 * var(--hkg-w)), 208.08px);
    max-width: none;
    transform: rotate(-5.33deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo02 {
    position: absolute;
    top: min(calc(282.87 / 1500 * var(--hkg-w)), 282.87px);
    left: min(calc(247.6 / 1500 * var(--hkg-w)), 247.6px);
    width: min(calc(131.43 / 1500 * var(--hkg-w)), 131.43px);
    height: min(calc(192.96 / 1500 * var(--hkg-w)), 192.96px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara02 {
    position: absolute;
    top: min(calc(272.96 / 1500 * var(--hkg-w)), 272.96px);
    left: min(calc(245.15 / 1500 * var(--hkg-w)), 245.15px);
    width: min(calc(146.29 / 1500 * var(--hkg-w)), 146.29px);
    height: min(calc(219.47 / 1500 * var(--hkg-w)), 219.47px);
    max-width: none;
    transform: rotate(-7.55deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo03 {
    position: absolute;
    top: min(calc(230.75 / 1500 * var(--hkg-w)), 230.75px);
    left: min(calc(372.53 / 1500 * var(--hkg-w)), 372.53px);
    width: min(calc(170.27 / 1500 * var(--hkg-w)), 170.27px);
    height: min(calc(222.54 / 1500 * var(--hkg-w)), 222.54px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara03 {
    position: absolute;
    top: min(calc(222.13 / 1500 * var(--hkg-w)), 222.13px);
    left: min(calc(372.55 / 1500 * var(--hkg-w)), 372.55px);
    width: min(calc(181.68 / 1500 * var(--hkg-w)), 181.68px);
    height: min(calc(242.17 / 1500 * var(--hkg-w)), 242.17px);
    max-width: none;
    transform: rotate(-3.05deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo04 {
    position: absolute;
    top: min(calc(206.63 / 1500 * var(--hkg-w)), 206.63px);
    left: min(calc(1169.7 / 1500 * var(--hkg-w)), 1169.7px);
    width: min(calc(265.88 / 1500 * var(--hkg-w)), 265.88px);
    height: min(calc(292.47 / 1500 * var(--hkg-w)), 292.47px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara04 {
    position: absolute;
    top: min(calc(170.55 / 1500 * var(--hkg-w)), 170.55px);
    left: min(calc(1184.58 / 1500 * var(--hkg-w)), 1184.58px);
    width: min(calc(240.19 / 1500 * var(--hkg-w)), 240.19px);
    height: min(calc(360.28 / 1500 * var(--hkg-w)), 360.28px);
    max-width: none;
    transform: rotate(3.57deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo05 {
    position: absolute;
    top: min(calc(255.83 / 1500 * var(--hkg-w)), 255.83px);
    left: min(calc(892.48 / 1500 * var(--hkg-w)), 892.48px);
    width: min(calc(159.12 / 1500 * var(--hkg-w)), 159.12px);
    height: min(calc(190.45 / 1500 * var(--hkg-w)), 190.45px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara05 {
    position: absolute;
    top: min(calc(233.83 / 1500 * var(--hkg-w)), 233.83px);
    left: min(calc(890.26 / 1500 * var(--hkg-w)), 890.26px);
    width: min(calc(169.15 / 1500 * var(--hkg-w)), 169.15px);
    height: min(calc(225.19 / 1500 * var(--hkg-w)), 225.19px);
    max-width: none;
    transform: rotate(-5.01deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo06 {
    position: absolute;
    top: min(calc(270.02 / 1500 * var(--hkg-w)), 270.02px);
    left: min(calc(1029.26 / 1500 * var(--hkg-w)), 1029.26px);
    width: min(calc(169.19 / 1500 * var(--hkg-w)), 169.19px);
    height: min(calc(197 / 1500 * var(--hkg-w)), 197px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara06 {
    position: absolute;
    top: min(calc(271.82 / 1500 * var(--hkg-w)), 271.82px);
    left: min(calc(1025.53 / 1500 * var(--hkg-w)), 1025.53px);
    width: min(calc(188.34 / 1500 * var(--hkg-w)), 188.34px);
    height: min(calc(199.68 / 1500 * var(--hkg-w)), 199.68px);
    max-width: none;
    transform: rotate(-4.8deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo01-sp {
    position: absolute;
    top: calc(91.31 / 390 * var(--hkg-w));
    left: calc(31.24 / 390 * var(--hkg-w));
    width: calc(34.71 / 390 * var(--hkg-w));
    height: calc(43.69 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara01-sp {
    position: absolute;
    top: calc(86.34 / 390 * var(--hkg-w));
    left: calc(28.82 / 390 * var(--hkg-w));
    width: calc(39.79 / 390 * var(--hkg-w));
    height: calc(53.02 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-5.38deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo02-sp {
    position: absolute;
    top: calc(79.12 / 390 * var(--hkg-w));
    left: calc(65.97 / 390 * var(--hkg-w));
    width: calc(33.15 / 390 * var(--hkg-w));
    height: calc(48.61 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara02-sp {
    position: absolute;
    top: calc(76.64 / 390 * var(--hkg-w));
    left: calc(65.38 / 390 * var(--hkg-w));
    width: calc(37.35 / 390 * var(--hkg-w));
    height: calc(56.03 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-7.58deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo03-sp {
    position: absolute;
    top: calc(65.85 / 390 * var(--hkg-w));
    left: calc(97.94 / 390 * var(--hkg-w));
    width: calc(43.07 / 390 * var(--hkg-w));
    height: calc(56.59 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara03-sp {
    position: absolute;
    top: calc(63.66 / 390 * var(--hkg-w));
    left: calc(97.91 / 390 * var(--hkg-w));
    width: calc(46.35 / 390 * var(--hkg-w));
    height: calc(61.75 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-3.02deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo04-sp {
    position: absolute;
    top: calc(59.69 / 390 * var(--hkg-w));
    left: calc(301.34 / 390 * var(--hkg-w));
    width: calc(67.97 / 390 * var(--hkg-w));
    height: calc(74.62 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara04-sp {
    position: absolute;
    top: calc(50.48 / 390 * var(--hkg-w));
    left: calc(305.07 / 390 * var(--hkg-w));
    width: calc(61.27 / 390 * var(--hkg-w));
    height: calc(92.02 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(3.61deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo05-sp {
    position: absolute;
    top: calc(72.21 / 390 * var(--hkg-w));
    left: calc(230.57 / 390 * var(--hkg-w));
    width: calc(40.6 / 390 * var(--hkg-w));
    height: calc(48.17 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara05-sp {
    position: absolute;
    top: calc(66.65 / 390 * var(--hkg-w));
    left: calc(230.03 / 390 * var(--hkg-w));
    width: calc(43.1 / 390 * var(--hkg-w));
    height: calc(57.38 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-5.05deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara-halo06-sp {
    position: absolute;
    top: calc(75.81 / 390 * var(--hkg-w));
    left: calc(265.46 / 390 * var(--hkg-w));
    width: calc(42.24 / 390 * var(--hkg-w));
    height: calc(49.6 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-matsuri .hkg-camp-chara06-sp {
    position: absolute;
    top: calc(76.3 / 390 * var(--hkg-w));
    left: calc(264.51 / 390 * var(--hkg-w));
    width: calc(48.07 / 390 * var(--hkg-w));
    height: calc(50.98 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-4.82deg);
  }
}

#hkg-lp .hkg-petit .hkg-camp-bg {
  background-image: url("../imgs/petit-bg-lines.svg");
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-bg {
    height: calc(min(calc(642.9 / 1500 * var(--hkg-w)), 642.9px) - 1px);
    background-size: min(calc(1500 / 1500 * var(--hkg-w)), 1500px) min(calc(590.22 / 1500 * var(--hkg-w)), 590.22px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-bg {
    height: calc(calc(172.29 / 390 * var(--hkg-w)) - 1px);
    background-image: url("../imgs/petit-bg-lines-sp.svg");
    background-size: 100% auto;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-inner {
    --hkg-yb: 764.7;
    height: calc(min(calc(1982.07 / 1500 * var(--hkg-w)), 1982.07px) + var(--hkg-dy));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-inner {
    height: calc(1164.14 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-inner::before {
    top: min(calc(387.09 / 1500 * var(--hkg-w)), 387.09px);
    height: min(calc(255.81 / 1500 * var(--hkg-w)), 255.81px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-inner::before {
    top: calc(107.03 / 390 * var(--hkg-w));
    height: calc(65.26 / 390 * var(--hkg-w));
    background-image: url("../imgs/matsuri-bg-sp.svg");
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-flag {
    position: absolute;
    top: min(calc(80.38 / 1500 * var(--hkg-w)), 80.38px);
    left: min(calc(515.67 / 1500 * var(--hkg-w)), 515.67px);
    width: min(calc(427.29 / 1500 * var(--hkg-w)), 427.29px);
    height: min(calc(336.15 / 1500 * var(--hkg-w)), 336.15px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-flag {
    position: absolute;
    top: calc(16.44 / 390 * var(--hkg-w));
    left: calc(120.1 / 390 * var(--hkg-w));
    width: calc(130.9 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-label {
    position: absolute;
    top: min(calc(162.68 / 1500 * var(--hkg-w)), 162.68px);
    left: min(calc(652.73 / 1500 * var(--hkg-w)), 652.73px);
    width: min(calc(194.55 / 1500 * var(--hkg-w)), 194.55px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-label {
    position: absolute;
    top: calc(41.35 / 390 * var(--hkg-w));
    left: calc(161.99 / 390 * var(--hkg-w));
    width: calc(59.64 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-logo {
    position: absolute;
    top: min(calc(228.27 / 1500 * var(--hkg-w)), 228.27px);
    left: min(calc(1351 / 1500 * var(--hkg-w)), 1351px);
    width: min(calc(52.34 / 1500 * var(--hkg-w)), 52.34px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-logo {
    position: absolute;
    top: calc(65.38 / 390 * var(--hkg-w));
    left: calc(347.31 / 390 * var(--hkg-w));
    width: calc(13.43 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-ttl {
    position: absolute;
    top: min(calc(494.49 / 1500 * var(--hkg-w)), 494.49px);
    left: min(calc(574.93 / 1500 * var(--hkg-w)), 574.93px);
    width: min(calc(325.45 / 1500 * var(--hkg-w)), 325.45px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-ttl {
    position: absolute;
    top: calc(130.6 / 390 * var(--hkg-w));
    left: calc(139.54 / 390 * var(--hkg-w));
    width: calc(108.83 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-lead {
    position: absolute;
    top: min(calc(797.5 / 1500 * var(--hkg-w)), 797.5px);
    left: min(calc(237.1 / 1500 * var(--hkg-w)), 237.1px);
    width: min(calc(452.8 / 1500 * var(--hkg-w)), 452.8px);
    height: min(calc(165.6 / 1500 * var(--hkg-w)), 165.6px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-lead {
    position: absolute;
    top: calc(235.04 / 390 * var(--hkg-w));
    left: calc(22.7 / 390 * var(--hkg-w));
    width: calc(345 / 390 * var(--hkg-w));
    height: calc(102.6 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-lead-pic {
    position: absolute;
    top: min(calc(8.26 / 1500 * var(--hkg-w)), 8.26px);
    left: min(calc(76.18 / 1500 * var(--hkg-w)), 76.18px);
    width: min(calc(305.39 / 1500 * var(--hkg-w)), 305.39px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-lead-pic {
    position: absolute;
    top: calc(-0.29 / 390 * var(--hkg-w));
    left: calc(61.82 / 390 * var(--hkg-w));
    width: calc(219.07 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-period {
    position: absolute;
    top: min(calc(797 / 1500 * var(--hkg-w)), 797px);
    left: min(calc(750.4 / 1500 * var(--hkg-w)), 750.4px);
    width: min(calc(516.4 / 1500 * var(--hkg-w)), 516.4px);
    height: min(calc(169 / 1500 * var(--hkg-w)), 169px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-period {
    position: absolute;
    top: calc(358.04 / 390 * var(--hkg-w));
    left: calc(20.9 / 390 * var(--hkg-w));
    width: calc(348.4 / 390 * var(--hkg-w));
    height: calc(114 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit-select {
    position: absolute;
    top: min(calc(1074.71 / 1500 * var(--hkg-w)), 1074.71px);
    left: min(calc(432.83 / 1500 * var(--hkg-w)), 432.83px);
    width: min(calc(624.46 / 1500 * var(--hkg-w)), 624.46px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-select {
    position: absolute;
    top: calc(515.68 / 390 * var(--hkg-w));
    left: calc(10.39 / 390 * var(--hkg-w));
    width: calc(364.54 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-head {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-head {
    top: min(calc(55.11 / 1500 * var(--hkg-w)), 55.11px);
    height: min(calc(147.01 / 1500 * var(--hkg-w)), 147.01px);
    gap: min(calc(24 / 1500 * var(--hkg-w)), 24px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-head {
    top: calc(23.56 / 390 * var(--hkg-w));
    flex-direction: column;
  }
}
#hkg-lp .hkg-cat-row {
  display: flex;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-row {
    align-items: center;
    gap: min(calc(7 / 1500 * var(--hkg-w)), 7px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-row {
    align-items: flex-start;
    gap: calc(4.4 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-icon {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-icon {
    position: relative;
    top: max(calc(-8 / 1500 * var(--hkg-w)), -8px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-icon--super {
    width: min(calc(127.3 / 1500 * var(--hkg-w)), 127.3px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-icon--super {
    width: calc(79.2 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-icon--drug {
    width: min(calc(116 / 1500 * var(--hkg-w)), 116px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-icon--drug {
    width: calc(88 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-icon--cleaning {
    width: min(calc(109.5 / 1500 * var(--hkg-w)), 109.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-icon--cleaning {
    width: calc(65.5 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-icon--food {
    width: min(calc(121.5 / 1500 * var(--hkg-w)), 121.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-icon--food {
    width: calc(73 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-icon--sento {
    width: min(calc(105.5 / 1500 * var(--hkg-w)), 105.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-icon--sento {
    width: calc(61 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-panel--drug .hkg-cat-row {
    gap: min(calc(19 / 1500 * var(--hkg-w)), 19px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-panel--drug .hkg-cat-row {
    gap: calc(12 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-panel--cleaning .hkg-cat-row {
    gap: min(calc(17 / 1500 * var(--hkg-w)), 17px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-panel--cleaning .hkg-cat-row {
    gap: calc(10.5 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-panel--food .hkg-cat-row {
    gap: min(calc(19.5 / 1500 * var(--hkg-w)), 19.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-panel--food .hkg-cat-row {
    gap: calc(12 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-tabs-panel--sento .hkg-cat-row {
    gap: min(calc(11 / 1500 * var(--hkg-w)), 11px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-tabs-panel--sento .hkg-cat-row {
    gap: calc(7 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-text {
  color: #1c9e7e;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-text {
    margin-top: calc(7.4 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-name {
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-name {
    font-size: min(calc(39 / 1500 * var(--hkg-w)), 39px);
    letter-spacing: -0.07em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-name {
    font-size: calc(24 / 390 * var(--hkg-w));
    letter-spacing: -0.06em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-fuyo {
    margin-top: min(calc(5.7 / 1500 * var(--hkg-w)), 5.7px);
    font-size: min(calc(20 / 1500 * var(--hkg-w)), 20px);
    line-height: min(calc(33 / 1500 * var(--hkg-w)), 33px);
    letter-spacing: 0.07em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-fuyo {
    margin-top: calc(4.3 / 390 * var(--hkg-w));
    font-size: calc(13 / 390 * var(--hkg-w));
    line-height: calc(20 / 390 * var(--hkg-w));
    letter-spacing: 0.035em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-note {
    font-size: min(calc(15 / 1500 * var(--hkg-w)), 15px);
    line-height: min(calc(22 / 1500 * var(--hkg-w)), 22px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-note {
    font-size: max(calc(10 / 390 * var(--hkg-w)), 10px);
    line-height: calc(14 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-cond {
  color: #1c9e7e;
  font-feature-settings: "palt";
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-cond {
    margin-top: min(calc(8 / 1500 * var(--hkg-w)), 8px);
    font-size: min(calc(22 / 1500 * var(--hkg-w)), 22px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-cond {
    margin-top: calc(4 / 390 * var(--hkg-w));
    font-size: calc(13 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-art {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-art {
    width: min(calc(343.5 / 1500 * var(--hkg-w)), 343.5px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-art {
    width: calc(268.71 / 390 * var(--hkg-w));
    margin-top: calc(35.4 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp img.hkg-cat-art {
    width: min(calc(313.71 / 1500 * var(--hkg-w)), 313.71px);
  }
}
@media (max-width: 768px) {
  #hkg-lp img.hkg-cat-art {
    width: calc(213 / 390 * var(--hkg-w));
    margin-top: calc(9 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-cat-prog {
  position: absolute;
  left: 0;
  right: 0;
  color: #1c9e7e;
  font-feature-settings: "palt";
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-cat-prog {
    top: min(calc(218.51 / 1500 * var(--hkg-w)), 218.51px);
    font-size: max(min(calc(12 / 1500 * var(--hkg-w)), 12px), 10px);
    text-align: center;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-prog {
    top: calc(243.16 / 390 * var(--hkg-w));
    width: fit-content;
    margin-inline: auto;
    font-size: calc(8.8 / 390 * var(--hkg-w));
    line-height: calc(10.8 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  @container (width < 933.33px) {
    #hkg-lp .hkg-cat-prog-br {
      display: block;
      font-size: 0;
    }
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-cat-prog-br {
    display: none;
  }
}
#hkg-lp .hkg-petit-btn {
  position: absolute;
  display: flex;
  align-items: center;
  color: #1c9e7e;
  background-color: #fff000;
  border-radius: 999px;
  font-feature-settings: "palt";
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit-btn {
    top: min(calc(255.91 / 1500 * var(--hkg-w)), 255.91px);
    left: min(calc(113.91 / 1500 * var(--hkg-w)), 113.91px);
    width: min(calc(685.3 / 1500 * var(--hkg-w)), 685.3px);
    height: min(calc(108 / 1500 * var(--hkg-w)), 108px);
    padding-left: min(calc(92.49 / 1500 * var(--hkg-w)), 92.49px);
    box-shadow: min(calc(6.71 / 1500 * var(--hkg-w)), 6.71px) min(calc(6.71 / 1500 * var(--hkg-w)), 6.71px) min(calc(9.58 / 1500 * var(--hkg-w)), 9.58px) rgba(0, 88, 0, 0.4);
    font-size: min(calc(37 / 1500 * var(--hkg-w)), 37px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-btn {
    top: calc(289.26 / 390 * var(--hkg-w));
    left: calc(23.96 / 390 * var(--hkg-w));
    width: calc(293.9 / 390 * var(--hkg-w));
    height: calc(46.3 / 390 * var(--hkg-w));
    padding-left: calc(42.4 / 390 * var(--hkg-w));
    box-shadow: calc(2.88 / 390 * var(--hkg-w)) calc(2.88 / 390 * var(--hkg-w)) calc(4.1 / 390 * var(--hkg-w)) rgba(0, 88, 0, 0.4);
    font-size: calc(17 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-petit-btn-icon {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit-btn-icon {
    width: min(calc(52.3 / 1500 * var(--hkg-w)), 52.3px);
    margin-right: min(calc(36.1 / 1500 * var(--hkg-w)), 36.1px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-btn-icon {
    width: calc(22.5 / 390 * var(--hkg-w));
    margin-right: calc(10.4 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-petit-btn-plus {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit-btn-plus {
    width: min(calc(36.23 / 1500 * var(--hkg-w)), 36.23px);
    margin-left: min(calc(26.2 / 1500 * var(--hkg-w)), 26.2px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-btn-plus {
    width: calc(15.4 / 390 * var(--hkg-w));
    margin-left: calc(11.4 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-petit-ended {
  display: none;
  z-index: 5;
  flex-direction: column;
  align-items: center;
}
#hkg-lp .hkg-petit-ended::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.7);
  mix-blend-mode: multiply;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit-ended {
    position: absolute;
    top: min(calc(764.7 / 1500 * var(--hkg-w)), 764.7px);
    left: min(calc(143.6 / 1500 * var(--hkg-w)), 143.6px);
    width: min(calc(1213.1 / 1500 * var(--hkg-w)), 1213.1px);
    height: min(calc(1165 / 1500 * var(--hkg-w)), 1165px);
    padding-top: min(calc(467.4 / 1500 * var(--hkg-w)), 467.4px);
    border-radius: min(calc(16.37 / 1500 * var(--hkg-w)), 16.37px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-ended {
    position: absolute;
    top: calc(224.84 / 390 * var(--hkg-w));
    left: calc(-2 / 390 * var(--hkg-w));
    width: calc(392.4 / 390 * var(--hkg-w));
    bottom: 0;
    padding-top: calc(56.1 / 390 * var(--hkg-w));
  }
}
#hkg-lp.is-ended .hkg-petit-ended {
  display: flex;
}
#hkg-lp .hkg-petit-ended-text {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit-ended-text {
    font-size: min(calc(35 / 1500 * var(--hkg-w)), 35px);
    line-height: min(calc(67.3 / 1500 * var(--hkg-w)), 67.3px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-ended-text {
    font-size: calc(16 / 390 * var(--hkg-w));
    line-height: calc(31 / 390 * var(--hkg-w));
    letter-spacing: -0.03em;
  }
}
#hkg-lp .hkg-petit-ended-gap {
  display: none;
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit-ended-gap {
    display: block;
    height: calc(31 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo01 {
    position: absolute;
    top: min(calc(325.54 / 1500 * var(--hkg-w)), 325.54px);
    left: min(calc(111.03 / 1500 * var(--hkg-w)), 111.03px);
    width: min(calc(138.34 / 1500 * var(--hkg-w)), 138.34px);
    height: min(calc(173.09 / 1500 * var(--hkg-w)), 173.09px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara01 {
    position: absolute;
    top: min(calc(305.94 / 1500 * var(--hkg-w)), 305.94px);
    left: min(calc(101.57 / 1500 * var(--hkg-w)), 101.57px);
    width: min(calc(156.2 / 1500 * var(--hkg-w)), 156.2px);
    height: min(calc(208.08 / 1500 * var(--hkg-w)), 208.08px);
    max-width: none;
    transform: rotate(-5.33deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo02 {
    position: absolute;
    top: min(calc(277.74 / 1500 * var(--hkg-w)), 277.74px);
    left: min(calc(247.6 / 1500 * var(--hkg-w)), 247.6px);
    width: min(calc(131.43 / 1500 * var(--hkg-w)), 131.43px);
    height: min(calc(192.96 / 1500 * var(--hkg-w)), 192.96px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara02 {
    position: absolute;
    top: min(calc(267.83 / 1500 * var(--hkg-w)), 267.83px);
    left: min(calc(245.15 / 1500 * var(--hkg-w)), 245.15px);
    width: min(calc(146.29 / 1500 * var(--hkg-w)), 146.29px);
    height: min(calc(219.47 / 1500 * var(--hkg-w)), 219.47px);
    max-width: none;
    transform: rotate(-7.55deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo03 {
    position: absolute;
    top: min(calc(225.64 / 1500 * var(--hkg-w)), 225.64px);
    left: min(calc(372.53 / 1500 * var(--hkg-w)), 372.53px);
    width: min(calc(170.27 / 1500 * var(--hkg-w)), 170.27px);
    height: min(calc(222.54 / 1500 * var(--hkg-w)), 222.54px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara03 {
    position: absolute;
    top: min(calc(217.02 / 1500 * var(--hkg-w)), 217.02px);
    left: min(calc(372.55 / 1500 * var(--hkg-w)), 372.55px);
    width: min(calc(181.68 / 1500 * var(--hkg-w)), 181.68px);
    height: min(calc(242.17 / 1500 * var(--hkg-w)), 242.17px);
    max-width: none;
    transform: rotate(-3.05deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo04 {
    position: absolute;
    top: min(calc(201.51 / 1500 * var(--hkg-w)), 201.51px);
    left: min(calc(1169.7 / 1500 * var(--hkg-w)), 1169.7px);
    width: min(calc(265.88 / 1500 * var(--hkg-w)), 265.88px);
    height: min(calc(292.47 / 1500 * var(--hkg-w)), 292.47px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara04 {
    position: absolute;
    top: min(calc(165.43 / 1500 * var(--hkg-w)), 165.43px);
    left: min(calc(1184.58 / 1500 * var(--hkg-w)), 1184.58px);
    width: min(calc(240.19 / 1500 * var(--hkg-w)), 240.19px);
    height: min(calc(360.28 / 1500 * var(--hkg-w)), 360.28px);
    max-width: none;
    transform: rotate(3.57deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo05 {
    position: absolute;
    top: min(calc(250.7 / 1500 * var(--hkg-w)), 250.7px);
    left: min(calc(892.48 / 1500 * var(--hkg-w)), 892.48px);
    width: min(calc(159.12 / 1500 * var(--hkg-w)), 159.12px);
    height: min(calc(190.45 / 1500 * var(--hkg-w)), 190.45px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara05 {
    position: absolute;
    top: min(calc(228.7 / 1500 * var(--hkg-w)), 228.7px);
    left: min(calc(890.26 / 1500 * var(--hkg-w)), 890.26px);
    width: min(calc(169.15 / 1500 * var(--hkg-w)), 169.15px);
    height: min(calc(225.19 / 1500 * var(--hkg-w)), 225.19px);
    max-width: none;
    transform: rotate(-5.01deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo06 {
    position: absolute;
    top: min(calc(264.91 / 1500 * var(--hkg-w)), 264.91px);
    left: min(calc(1029.26 / 1500 * var(--hkg-w)), 1029.26px);
    width: min(calc(169.19 / 1500 * var(--hkg-w)), 169.19px);
    height: min(calc(197 / 1500 * var(--hkg-w)), 197px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-petit .hkg-camp-chara06 {
    position: absolute;
    top: min(calc(266.71 / 1500 * var(--hkg-w)), 266.71px);
    left: min(calc(1025.53 / 1500 * var(--hkg-w)), 1025.53px);
    width: min(calc(188.34 / 1500 * var(--hkg-w)), 188.34px);
    height: min(calc(199.68 / 1500 * var(--hkg-w)), 199.68px);
    max-width: none;
    transform: rotate(-4.8deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo01-sp {
    position: absolute;
    top: calc(90.32 / 390 * var(--hkg-w));
    left: calc(31.24 / 390 * var(--hkg-w));
    width: calc(34.71 / 390 * var(--hkg-w));
    height: calc(43.69 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara01-sp {
    position: absolute;
    top: calc(85.35 / 390 * var(--hkg-w));
    left: calc(28.82 / 390 * var(--hkg-w));
    width: calc(39.79 / 390 * var(--hkg-w));
    height: calc(53.02 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-5.38deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo02-sp {
    position: absolute;
    top: calc(78.13 / 390 * var(--hkg-w));
    left: calc(65.97 / 390 * var(--hkg-w));
    width: calc(33.15 / 390 * var(--hkg-w));
    height: calc(48.61 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara02-sp {
    position: absolute;
    top: calc(75.65 / 390 * var(--hkg-w));
    left: calc(65.38 / 390 * var(--hkg-w));
    width: calc(37.35 / 390 * var(--hkg-w));
    height: calc(56.03 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-7.58deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo03-sp {
    position: absolute;
    top: calc(64.86 / 390 * var(--hkg-w));
    left: calc(97.94 / 390 * var(--hkg-w));
    width: calc(43.07 / 390 * var(--hkg-w));
    height: calc(56.59 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara03-sp {
    position: absolute;
    top: calc(62.67 / 390 * var(--hkg-w));
    left: calc(97.91 / 390 * var(--hkg-w));
    width: calc(46.35 / 390 * var(--hkg-w));
    height: calc(61.75 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-3.02deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo04-sp {
    position: absolute;
    top: calc(58.7 / 390 * var(--hkg-w));
    left: calc(301.34 / 390 * var(--hkg-w));
    width: calc(67.97 / 390 * var(--hkg-w));
    height: calc(74.62 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara04-sp {
    position: absolute;
    top: calc(49.49 / 390 * var(--hkg-w));
    left: calc(305.07 / 390 * var(--hkg-w));
    width: calc(61.27 / 390 * var(--hkg-w));
    height: calc(92.02 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(3.61deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo05-sp {
    position: absolute;
    top: calc(71.22 / 390 * var(--hkg-w));
    left: calc(230.57 / 390 * var(--hkg-w));
    width: calc(40.6 / 390 * var(--hkg-w));
    height: calc(48.17 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara05-sp {
    position: absolute;
    top: calc(65.66 / 390 * var(--hkg-w));
    left: calc(230.03 / 390 * var(--hkg-w));
    width: calc(43.1 / 390 * var(--hkg-w));
    height: calc(57.38 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-5.05deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara-halo06-sp {
    position: absolute;
    top: calc(74.82 / 390 * var(--hkg-w));
    left: calc(265.46 / 390 * var(--hkg-w));
    width: calc(42.24 / 390 * var(--hkg-w));
    height: calc(49.6 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-petit .hkg-camp-chara06-sp {
    position: absolute;
    top: calc(75.31 / 390 * var(--hkg-w));
    left: calc(264.51 / 390 * var(--hkg-w));
    width: calc(48.07 / 390 * var(--hkg-w));
    height: calc(50.98 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-4.82deg);
  }
}

#hkg-lp .hkg-notes {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  overflow: hidden;
  overflow: clip;
  background-color: #00a63c;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-inner {
    height: calc(927.72 / 1500 * var(--hkg-cw) + 466.05 / 1500 * var(--hkg-art));
    padding-top: min(calc(110.03 / 1500 * var(--hkg-w)), 110.03px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-inner {
    height: calc(1494.94 / 390 * var(--hkg-w));
    padding-top: calc(46.7 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-box {
  background-color: #fff;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-box {
    width: min(calc(1034.2 / 1500 * var(--hkg-w)), 1034.2px);
    margin-left: min(calc(233.1 / 1500 * var(--hkg-w)), 233.1px);
    padding: min(calc(53 / 1500 * var(--hkg-w)), 53px) 0 min(calc(43.4 / 1500 * var(--hkg-w)), 43.4px) min(calc(57.5 / 1500 * var(--hkg-w)), 57.5px);
    border-radius: min(calc(15.02 / 1500 * var(--hkg-w)), 15.02px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-box {
    width: calc(349.3 / 390 * var(--hkg-w));
    margin-left: calc(20.2 / 390 * var(--hkg-w));
    padding: calc(34 / 390 * var(--hkg-w)) 0 calc(47.9 / 390 * var(--hkg-w));
    border-radius: calc(5.05 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-head {
  display: flex;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-head {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-head {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
#hkg-lp .hkg-notes-head-icon {
  flex-shrink: 0;
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-head-icon {
    width: min(calc(49.98 / 1500 * var(--hkg-w)), 49.98px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-head-icon {
    width: calc(42.3 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-ttl {
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-ttl {
    margin: min(calc(7.5 / 1500 * var(--hkg-w)), 7.5px) 0 0 min(calc(11.2 / 1500 * var(--hkg-w)), 11.2px);
    font-size: min(calc(31 / 1500 * var(--hkg-w)), 31px);
    letter-spacing: 0.01em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-ttl {
    margin-left: calc(5 / 390 * var(--hkg-w));
    font-size: calc(27 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-desc {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-desc {
    margin: min(calc(28.6 / 1500 * var(--hkg-w)), 28.6px) 0 0 min(calc(20.5 / 1500 * var(--hkg-w)), 20.5px);
    font-size: max(min(calc(12 / 1500 * var(--hkg-w)), 12px), 10px);
    letter-spacing: -0.03em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-desc {
    width: 100%;
    margin-top: calc(8.9 / 390 * var(--hkg-w));
    font-size: calc(15 / 390 * var(--hkg-w));
    line-height: calc(23 / 390 * var(--hkg-w));
    letter-spacing: 0.05em;
    text-align: center;
  }
}
#hkg-lp .hkg-notes-cards {
  display: flex;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-cards {
    gap: min(calc(10.9 / 1500 * var(--hkg-w)), 10.9px);
    margin: min(calc(23.42 / 1500 * var(--hkg-w)), 23.42px) 0 0 min(calc(2.2 / 1500 * var(--hkg-w)), 2.2px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-cards {
    flex-direction: column;
    gap: calc(26.3 / 390 * var(--hkg-w));
    margin: calc(16.6 / 390 * var(--hkg-w)) 0 0 calc(17.9 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-card {
  display: flex;
  background-color: #dff5e2;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-card {
    flex-direction: column;
    align-items: center;
    width: min(calc(299.5 / 1500 * var(--hkg-w)), 299.5px);
    height: min(calc(200 / 1500 * var(--hkg-w)), 200px);
    padding-top: min(calc(21.5 / 1500 * var(--hkg-w)), 21.5px);
    border-radius: min(calc(12.42 / 1500 * var(--hkg-w)), 12.42px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-card {
    align-items: center;
    width: calc(312.4 / 390 * var(--hkg-w));
    min-height: calc(139.3 / 390 * var(--hkg-w));
    padding: calc(18.8 / 390 * var(--hkg-w)) 0;
    border-radius: calc(6.23 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-card-icon {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-card-icon {
    align-items: flex-end;
    height: min(calc(87.22 / 1500 * var(--hkg-w)), 87.22px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-card-icon {
    width: calc(97 / 390 * var(--hkg-w));
    margin-left: calc(17.7 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-card-icon img {
  height: auto;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-card:nth-child(1) .hkg-notes-card-icon img {
    width: min(calc(85.83 / 1500 * var(--hkg-w)), 85.83px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-card:nth-child(1) .hkg-notes-card-icon img {
    width: calc(85.83 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-card:nth-child(2) .hkg-notes-card-icon img {
    width: min(calc(82.51 / 1500 * var(--hkg-w)), 82.51px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-card:nth-child(2) .hkg-notes-card-icon img {
    width: calc(82.51 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-card:nth-child(3) .hkg-notes-card-icon img {
    width: min(calc(96.91 / 1500 * var(--hkg-w)), 96.91px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-card:nth-child(3) .hkg-notes-card-icon img {
    width: calc(96.91 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-card-text {
  white-space: nowrap;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-card-text {
    margin-top: min(calc(14.1 / 1500 * var(--hkg-w)), 14.1px);
    font-size: max(min(calc(14 / 1500 * var(--hkg-w)), 14px), 10px);
    line-height: min(calc(19 / 1500 * var(--hkg-w)), 19px);
    letter-spacing: -0.02em;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-card-text {
    margin-left: calc(14.2 / 390 * var(--hkg-w));
    font-size: calc(16 / 390 * var(--hkg-w));
    line-height: calc(23 / 390 * var(--hkg-w));
    letter-spacing: 0.04em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-halt {
    font-feature-settings: "halt";
  }
}
#hkg-lp .hkg-notes-em {
  color: #00a63c;
  font-style: normal;
}
#hkg-lp .hkg-notes-other {
  background-color: #e6e6e6;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-other {
    width: min(calc(920.9 / 1500 * var(--hkg-w)), 920.9px);
    margin: min(calc(25.5 / 1500 * var(--hkg-w)), 25.5px) 0 0 min(calc(1.9 / 1500 * var(--hkg-w)), 1.9px);
    padding: min(calc(39 / 1500 * var(--hkg-w)), 39px) 0 min(calc(37.2 / 1500 * var(--hkg-w)), 37.2px) min(calc(39 / 1500 * var(--hkg-w)), 39px);
    border-radius: min(calc(12.55 / 1500 * var(--hkg-w)), 12.55px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-other {
    width: calc(311.2 / 390 * var(--hkg-w));
    margin: calc(27.7 / 390 * var(--hkg-w)) 0 0 calc(18.5 / 390 * var(--hkg-w));
    padding: calc(23 / 390 * var(--hkg-w)) calc(20.9 / 390 * var(--hkg-w)) calc(19.5 / 390 * var(--hkg-w)) calc(20.8 / 390 * var(--hkg-w));
    border-radius: calc(6.25 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-other-ttl {
  line-height: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-other-ttl {
    font-size: min(calc(17 / 1500 * var(--hkg-w)), 17px);
    letter-spacing: 0.04em;
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-other-ttl {
    font-size: calc(16 / 390 * var(--hkg-w));
    letter-spacing: -0.02em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-list {
    margin-top: min(calc(18.8 / 1500 * var(--hkg-w)), 18.8px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-list {
    margin-top: calc(12.7 / 390 * var(--hkg-w));
  }
}
#hkg-lp .hkg-notes-list-item {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-list-item {
    font-size: max(min(calc(14 / 1500 * var(--hkg-w)), 14px), 10px);
    line-height: min(calc(19 / 1500 * var(--hkg-w)), 19px);
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
  @container (width < 800px) {
    #hkg-lp .hkg-notes-list-item {
      white-space: normal;
    }
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-list-item {
    font-size: max(calc(12 / 390 * var(--hkg-w)), 10px);
    line-height: calc(22 / 390 * var(--hkg-w));
    letter-spacing: -0.03em;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-list-item + .hkg-notes-list-item {
    margin-top: min(calc(13.85 / 1500 * var(--hkg-w)), 13.85px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-list-item + .hkg-notes-list-item {
    margin-top: calc(10 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-foot {
    --hkg-w: var(--hkg-art);
    position: absolute;
    top: calc((var(--hkg-cw) - var(--hkg-art)) * 927.72 / 1500);
    left: var(--hkg-art-x);
    width: var(--hkg-art);
  }
}
#hkg-lp .hkg-notes-logo {
  z-index: 1;
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-logo {
    position: absolute;
    top: min(calc(988.92 / 1500 * var(--hkg-w)), 988.92px);
    left: min(calc(1118.69 / 1500 * var(--hkg-w)), 1118.69px);
    width: min(calc(74.32 / 1500 * var(--hkg-w)), 74.32px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-logo {
    position: absolute;
    top: calc(1388.85 / 390 * var(--hkg-w));
    left: calc(290.04 / 390 * var(--hkg-w));
    width: calc(19.41 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-ground {
    position: absolute;
    top: min(calc(1234.4 / 1500 * var(--hkg-w)), 1234.4px);
    left: min(calc(229.39 / 1500 * var(--hkg-w)), 229.39px);
    width: min(calc(1039.13 / 1500 * var(--hkg-w)), 1039.13px);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-ground {
    position: absolute;
    top: calc(1453.22 / 390 * var(--hkg-w));
    left: calc(58.14 / 390 * var(--hkg-w));
    width: calc(270.67 / 390 * var(--hkg-w));
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara-halo01 {
    position: absolute;
    top: min(calc(1197.03 / 1500 * var(--hkg-w)), 1197.03px);
    left: min(calc(607.68 / 1500 * var(--hkg-w)), 607.68px);
    width: min(calc(159.02 / 1500 * var(--hkg-w)), 159.02px);
    height: min(calc(171.99 / 1500 * var(--hkg-w)), 171.99px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara01 {
    position: absolute;
    top: min(calc(1172.62 / 1500 * var(--hkg-w)), 1172.62px);
    left: min(calc(616.25 / 1500 * var(--hkg-w)), 616.25px);
    width: min(calc(154.99 / 1500 * var(--hkg-w)), 154.99px);
    height: min(calc(206.62 / 1500 * var(--hkg-w)), 206.62px);
    max-width: none;
    transform: rotate(7.56deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara-halo02 {
    position: absolute;
    top: min(calc(1198.04 / 1500 * var(--hkg-w)), 1198.04px);
    left: min(calc(751.28 / 1500 * var(--hkg-w)), 751.28px);
    width: min(calc(146.95 / 1500 * var(--hkg-w)), 146.95px);
    height: min(calc(172.93 / 1500 * var(--hkg-w)), 172.93px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara02 {
    position: absolute;
    top: min(calc(1198.92 / 1500 * var(--hkg-w)), 1198.92px);
    left: min(calc(746.13 / 1500 * var(--hkg-w)), 746.13px);
    width: min(calc(165.85 / 1500 * var(--hkg-w)), 165.85px);
    height: min(calc(175.95 / 1500 * var(--hkg-w)), 175.95px);
    max-width: none;
    transform: rotate(-0.01deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara-halo03 {
    position: absolute;
    top: min(calc(1227.44 / 1500 * var(--hkg-w)), 1227.44px);
    left: min(calc(295.86 / 1500 * var(--hkg-w)), 295.86px);
    width: min(calc(110.53 / 1500 * var(--hkg-w)), 110.53px);
    height: min(calc(140.58 / 1500 * var(--hkg-w)), 140.58px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara03 {
    position: absolute;
    top: min(calc(1211.48 / 1500 * var(--hkg-w)), 1211.48px);
    left: min(calc(292.36 / 1500 * var(--hkg-w)), 292.36px);
    width: min(calc(121.82 / 1500 * var(--hkg-w)), 121.82px);
    height: min(calc(166.63 / 1500 * var(--hkg-w)), 166.63px);
    max-width: none;
    transform: rotate(1.55deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara-halo04 {
    position: absolute;
    top: min(calc(1195.27 / 1500 * var(--hkg-w)), 1195.27px);
    left: min(calc(407.08 / 1500 * var(--hkg-w)), 407.08px);
    width: min(calc(110.49 / 1500 * var(--hkg-w)), 110.49px);
    height: min(calc(167.61 / 1500 * var(--hkg-w)), 167.61px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara04 {
    position: absolute;
    top: min(calc(1189.7 / 1500 * var(--hkg-w)), 1189.7px);
    left: min(calc(407.1 / 1500 * var(--hkg-w)), 407.1px);
    width: min(calc(122.06 / 1500 * var(--hkg-w)), 122.06px);
    height: min(calc(187.75 / 1500 * var(--hkg-w)), 187.75px);
    max-width: none;
    transform: rotate(4.54deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara-halo05 {
    position: absolute;
    top: min(calc(1194.84 / 1500 * var(--hkg-w)), 1194.84px);
    left: min(calc(511.62 / 1500 * var(--hkg-w)), 511.62px);
    width: min(calc(142.59 / 1500 * var(--hkg-w)), 142.59px);
    height: min(calc(170.07 / 1500 * var(--hkg-w)), 170.07px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara05 {
    position: absolute;
    top: min(calc(1181.9 / 1500 * var(--hkg-w)), 1181.9px);
    left: min(calc(510.74 / 1500 * var(--hkg-w)), 510.74px);
    width: min(calc(145.06 / 1500 * var(--hkg-w)), 145.06px);
    height: min(calc(193.17 / 1500 * var(--hkg-w)), 193.17px);
    max-width: none;
    transform: rotate(4.59deg);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara-halo06 {
    position: absolute;
    top: min(calc(959.68 / 1500 * var(--hkg-w)), 959.68px);
    left: min(calc(906.97 / 1500 * var(--hkg-w)), 906.97px);
    width: min(calc(334.08 / 1500 * var(--hkg-w)), 334.08px);
    height: min(calc(413.1 / 1500 * var(--hkg-w)), 413.1px);
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-notes-chara06 {
    position: absolute;
    top: min(calc(919.31 / 1500 * var(--hkg-w)), 919.31px);
    left: min(calc(914.58 / 1500 * var(--hkg-w)), 914.58px);
    width: min(calc(325.75 / 1500 * var(--hkg-w)), 325.75px);
    height: min(calc(488.53 / 1500 * var(--hkg-w)), 488.53px);
    max-width: none;
    transform: rotate(-4.05deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara-halo01-sp {
    position: absolute;
    top: calc(1443.52 / 390 * var(--hkg-w));
    left: calc(156.94 / 390 * var(--hkg-w));
    width: calc(41.16 / 390 * var(--hkg-w));
    height: calc(44.99 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara01-sp {
    position: absolute;
    top: calc(1437.19 / 390 * var(--hkg-w));
    left: calc(159.18 / 390 * var(--hkg-w));
    width: calc(40.48 / 390 * var(--hkg-w));
    height: calc(53.84 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(7.45deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara-halo02-sp {
    position: absolute;
    top: calc(1443.75 / 390 * var(--hkg-w));
    left: calc(194.35 / 390 * var(--hkg-w));
    width: calc(38.05 / 390 * var(--hkg-w));
    height: calc(44.59 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara02-sp {
    position: absolute;
    top: calc(1444.03 / 390 * var(--hkg-w));
    left: calc(193.04 / 390 * var(--hkg-w));
    width: calc(43.26 / 390 * var(--hkg-w));
    height: calc(45.89 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(0.02deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara-halo03-sp {
    position: absolute;
    top: calc(1451.46 / 390 * var(--hkg-w));
    left: calc(75.61 / 390 * var(--hkg-w));
    width: calc(28.92 / 390 * var(--hkg-w));
    height: calc(36.62 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara03-sp {
    position: absolute;
    top: calc(1447.36 / 390 * var(--hkg-w));
    left: calc(74.72 / 390 * var(--hkg-w));
    width: calc(31.76 / 390 * var(--hkg-w));
    height: calc(43.42 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(1.6deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara-halo04-sp {
    position: absolute;
    top: calc(1443.06 / 390 * var(--hkg-w));
    left: calc(104.33 / 390 * var(--hkg-w));
    width: calc(28.91 / 390 * var(--hkg-w));
    height: calc(43.59 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara04-sp {
    position: absolute;
    top: calc(1441.63 / 390 * var(--hkg-w));
    left: calc(104.59 / 390 * var(--hkg-w));
    width: calc(31.87 / 390 * var(--hkg-w));
    height: calc(48.94 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(4.55deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara-halo05-sp {
    position: absolute;
    top: calc(1442.93 / 390 * var(--hkg-w));
    left: calc(131.86 / 390 * var(--hkg-w));
    width: calc(36.73 / 390 * var(--hkg-w));
    height: calc(44.44 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara05-sp {
    position: absolute;
    top: calc(1439.58 / 390 * var(--hkg-w));
    left: calc(131.67 / 390 * var(--hkg-w));
    width: calc(37.83 / 390 * var(--hkg-w));
    height: calc(50.42 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(4.61deg);
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara-halo06-sp {
    position: absolute;
    top: calc(1381.63 / 390 * var(--hkg-w));
    left: calc(235 / 390 * var(--hkg-w));
    width: calc(86.96 / 390 * var(--hkg-w));
    height: calc(107.62 / 390 * var(--hkg-w));
  }
}
@media (max-width: 768px) {
  #hkg-lp .hkg-notes-chara06-sp {
    position: absolute;
    top: calc(1371.13 / 390 * var(--hkg-w));
    left: calc(237 / 390 * var(--hkg-w));
    width: calc(84.94 / 390 * var(--hkg-w));
    height: calc(127.4 / 390 * var(--hkg-w));
    max-width: none;
    transform: rotate(-4.05deg);
  }
}

@media (max-width: 768px) {
  #hkg-lp .hkg-show--pc {
    display: none !important;
  }
}
@media (min-width: 769px) {
  #hkg-lp .hkg-show--sp {
    display: none !important;
  }
}

#footer {
  background-color:#00a63c;
  background-position-y:0; 
}
/* Desktop */
@media screen and (min-width: 769px) {
  #footer {
    background-color:#00a63c;
  }
  .l-footer__app_img {
    margin-top: -3rem;
  }
}