/* linear */
/* ease-in */
/* ease-out */
/* ease-in-out */
/* easeInQuad */
/* easeInCubic */
/* easeInQuart */
/* easeInQuint */
/* easeInSine */
/* easeInBack */
/* easeOutQuad */
/* easeOutCubic */
/* easeOutQuart */
/* easeOutQuint */
/* easeOutSine */
/* easeOutExpo */
/* easeOutCirc */
/* easeOutBack */
/* easeInOutQuad */
/* easeInOutCubic */
/* easeInOutQuart */
/* easeInOutQuint */
/* easeInOutSine */
/* easeInOutExpo */
/* easeInOutCirc */
/* easeInOutBack */
@media screen {
  .scIn.accInTop {
    position: relative;
    clip-path: inset(0% 0% 100% 0%);
  }
  .scIn.accInTop.move {
    clip-path: inset(0% 0% 0% 0%);
    transition-duration: 600ms;
    transition-property: clip-path;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  .scIn.accInLeft {
    position: relative;
    clip-path: inset(0% 100% 0% 0%);
  }
  .scIn.accInLeft.move {
    clip-path: inset(0% 0% 0% 0%);
    transition-duration: 600ms;
    transition-property: clip-path;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  .scIn.accInBottom {
    position: relative;
    clip-path: inset(100% 0% 0% 0%);
  }
  .scIn.accInBottom.move {
    clip-path: inset(0% 0% 0% 0%);
    transition-duration: 600ms;
    transition-property: clip-path;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  .scIn.accInRight {
    position: relative;
    clip-path: inset(0% 0% 0% 100%);
  }
  .scIn.accInRight.move {
    clip-path: inset(0% 0% 0% 0%);
    transition-duration: 600ms;
    transition-property: clip-path;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  .scIn.fadeIn {
    opacity: 0;
  }
  .scIn.fadeIn.move {
    opacity: 1;
    transition-duration: 600ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .scIn.zoomIn {
    transform: scale(0);
  }
  .scIn.zoomIn.move {
    transform: scale(1);
    transition-duration: 600ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .scIn.slideInTop {
    opacity: 0;
    transform: translateY(-50px);
  }
  .scIn.slideInTop.move {
    opacity: 1;
    transform: translateY(0px);
    transition-duration: 600ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .scIn.slideInBottom {
    opacity: 0;
    transform: translateY(50px);
  }
  .scIn.slideInBottom.move {
    opacity: 1;
    transform: translateY(0px);
    transition-duration: 600ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .scIn.slideInLeft {
    opacity: 0;
    transform: translateX(-50px);
  }
  .scIn.slideInLeft.move {
    opacity: 1;
    transform: translateX(0px);
    transition-duration: 600ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .scIn.slideInRight {
    opacity: 0;
    transform: translateX(50px);
  }
  .scIn.slideInRight.move {
    opacity: 1;
    transform: translateX(0px);
    transition-duration: 600ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .scIn.move.delay100 {
    transition-delay: 100ms !important;
  }
  .scIn.move.delay200 {
    transition-delay: 200ms !important;
  }
  .scIn.move.delay300 {
    transition-delay: 300ms !important;
  }
  .scIn.move.delay400 {
    transition-delay: 400ms !important;
  }
  .scIn.move.delay500 {
    transition-delay: 500ms !important;
  }
  .scIn.move.delay600 {
    transition-delay: 600ms !important;
  }
  .scIn.move.delay700 {
    transition-delay: 700ms !important;
  }
  .scIn.move.delay800 {
    transition-delay: 800ms !important;
  }
  .scIn.move.delay900 {
    transition-delay: 900ms !important;
  }
  .scIn.move.delay1000 {
    transition-delay: 1000ms !important;
  }
  .scIn.move.delay1100 {
    transition-delay: 1100ms !important;
  }
  .scIn.move.delay1200 {
    transition-delay: 1200ms !important;
  }
  .scIn.move.delay1300 {
    transition-delay: 1300ms !important;
  }
  .scIn.move.delay1400 {
    transition-delay: 1400ms !important;
  }
  .scIn.move.delay1500 {
    transition-delay: 1500ms !important;
  }
  .scIn.move.delay1600 {
    transition-delay: 1600ms !important;
  }
  .scIn.move.delay1700 {
    transition-delay: 1700ms !important;
  }
  .scIn.move.delay1800 {
    transition-delay: 1800ms !important;
  }
  .scIn.move.delay1900 {
    transition-delay: 1900ms !important;
  }
  .scIn.move.delay2000 {
    transition-delay: 2000ms !important;
  }
}
#hunter .kv {
  position: relative;
}
#hunter .kv h1 {
  background-size: 100% 100%;
  width: 100cqw;
  text-indent: -9999px;
  overflow: hidden;
}
@media print, screen and (min-width: 1000px) {
  #hunter .kv h1 {
    background-image: url(../images/kv.webp);
    height: 57.2704537335cqw;
  }
}
@media only screen and (max-width: 999px) {
  #hunter .kv h1 {
    background-image: url(../images/kv_sp.webp);
    height: 178cqw;
  }
}

#hunter #info {
  position: relative;
}
#hunter #info h2 {
  background-image: url(../images/info_ttl.webp);
  background-size: 100% 100%;
  width: 40.5cqw;
  height: 9.2857142857cqw;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info h2 {
    width: 75.6cqw;
    height: 17.3333333333cqw;
  }
}
#hunter #info .grp {
  box-sizing: border-box;
  background-size: 100% 100%;
}
#hunter #info .grp .inner {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.3cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .inner {
    gap: 6cqw;
  }
}
#hunter #info .grp h3 {
  background-size: 100% 100%;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#hunter #info .grp .line {
  background-size: 100% 100%;
  width: 62.2142857143cqw;
  height: 1.2142857143cqw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .line {
    width: 88cqw;
    height: 2.319379845cqw;
  }
}
#hunter #info .grp .items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2cqw 2cqw;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 1000px) {
  #hunter #info .grp .items {
    width: 67.1428571429cqw;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items {
    gap: 6cqw;
    flex-direction: column;
  }
}
#hunter #info .grp .items .item {
  position: relative;
}
#hunter #info .grp .items .item figure {
  width: 15cqw;
  height: 11.4285714286cqw;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#hunter #info .grp .items .item figure img {
  width: 8.5714285714cqw;
  height: 8.5714285714cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items .item figure {
    width: 40cqw;
    height: 30.4761904762cqw;
  }
  #hunter #info .grp .items .item figure img {
    width: 26cqw;
    height: 26cqw;
  }
}
#hunter #info .grp .items .item p {
  margin-top: -2cqw;
  display: block;
  width: 14.6428571429cqw;
  height: 4.4642857143cqw;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items .item p {
    width: 40cqw;
    height: 12.1951219512cqw;
  }
}
#hunter #info .grp .items.l {
  justify-content: space-around;
}
#hunter #info .grp .items.l .item figure {
  width: 22.8571428571cqw;
  height: 17.1428571429cqw;
}
#hunter #info .grp .items.l .item figure img {
  width: 14.2857142857cqw;
  height: 14.2857142857cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items.l .item figure {
    width: 64cqw;
    height: 48cqw;
  }
  #hunter #info .grp .items.l .item figure img {
    width: 36cqw;
    height: 36cqw;
  }
}
#hunter #info .grp .items.l .item p {
  width: 18.9642857143cqw;
  height: 4.4285714286cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items.l .item p {
    width: 55cqw;
    height: 12.8436911488cqw;
  }
}
#hunter #info .grp .items.l .item .bln {
  position: absolute;
  right: -6cqw;
  top: 0;
  width: 13.25cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items.l .item .bln {
    right: -13cqw;
    width: 36cqw;
  }
}
#hunter #info .grp .items.m {
  justify-content: space-around;
}
#hunter #info .grp .items.m .item p {
  width: 18.9642857143cqw;
  height: 4.4285714286cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items.m .item p {
    width: 55cqw;
    height: 12.8436911488cqw;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .items.s {
    flex-direction: row;
  }
}
#hunter #info .grp .more {
  background-size: 100% 100%;
  width: 39.8214285714cqw;
  height: 7.5357142857cqw;
  margin-left: auto;
  margin-right: auto;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp .more {
    width: 72cqw;
    height: 23.8235294118cqw;
  }
}
@media print, screen and (min-width: 1000px) {
  #hunter #info .grp.sea {
    margin-top: -3cqw;
    background-image: url(../images/info_sea_back.webp);
    padding-top: 8cqw;
    padding-bottom: 12cqw;
    height: 148.7142857143cqw;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.sea {
    margin-top: -6cqw;
    background-image: url(../images/info_sea_back_sp.webp);
    padding-top: 12cqw;
    padding-bottom: 12cqw;
    height: 681.1306666667cqw;
  }
}
#hunter #info .grp.sea .items .item figure {
  background-image: url(../images/info_sea_bk_s.webp);
}
#hunter #info .grp.sea h3 {
  margin-top: -3cqw;
  background-image: url(../images/info_sea_ttl.webp);
  width: 41.7142857143cqw;
  height: 10.1428571429cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.sea h3 {
    width: 72cqw;
    height: 17.5068493151cqw;
  }
}
#hunter #info .grp.sea .line {
  background-image: url(../images/info_sea_line.webp);
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.sea .line {
    background-image: url(../images/info_sea_line_sp.webp);
  }
}
#hunter #info .grp.sea .more {
  background-image: url(../images/info_sea_more.webp);
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.sea .more {
    background-image: url(../images/info_sea_more_sp.webp);
  }
}
#hunter #info .grp.grd {
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 1000px) {
  #hunter #info .grp.grd {
    padding-top: 16cqw;
    padding-bottom: 12cqw;
    margin-top: -8cqw;
    background-image: url(../images/info_grd_back.webp);
    height: 148.3571428571cqw;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.grd {
    padding-top: 16cqw;
    padding-bottom: 12cqw;
    margin-top: -12cqw;
    background-image: url(../images/info_grd_back_sp.webp);
    height: 707.256cqw;
  }
}
#hunter #info .grp.grd .items .item figure {
  background-image: url(../images/info_grd_bk_s.webp);
}
#hunter #info .grp.grd h3 {
  margin-top: -3cqw;
  background-image: url(../images/info_grd_ttl.webp);
  width: 56.7857142857cqw;
  height: 10.0714285714cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.grd h3 {
    margin-top: 12cqw;
    width: 98cqw;
    height: 17.3811320755cqw;
  }
}
#hunter #info .grp.grd .line {
  background-image: url(../images/info_grd_line.webp);
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.grd .line {
    background-image: url(../images/info_grd_line_sp.webp);
  }
}
#hunter #info .grp.grd .more {
  background-image: url(../images/info_grd_more.webp);
}
@media only screen and (max-width: 999px) {
  #hunter #info .grp.grd .more {
    background-image: url(../images/info_grd_more_sp.webp);
  }
}

#hunter #package {
  position: relative;
  background-image: url(../images/package_back.webp);
  background-size: 100% 100%;
  margin-top: -12cqw;
  padding-top: 12cqw;
  padding-bottom: 12cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #package {
    background-image: url(../images/package_back_sp.webp);
  }
}
#hunter #package h2 {
  background-image: url(../images/package_ttl.webp);
  background-size: 100% 100%;
  width: 44.7857142857cqw;
  height: 9.3571428571cqw;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #package h2 {
    width: 83.6cqw;
    height: 17.4666666667cqw;
  }
}
#hunter #package .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 67.3214285714cqw;
  margin-left: auto;
  margin-right: auto;
  gap: 2cqw;
}
#hunter #package .items figure {
  width: 21.1071428571cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #package .items {
    width: 100cqw;
    gap: 2cqw;
  }
  #hunter #package .items figure {
    width: 40cqw;
  }
}

#hunter #how {
  position: relative;
  background-image: url(../images/how_back.webp);
  background-size: 100% 100%;
  margin-top: -25cqw;
  padding-top: 28cqw;
  padding-bottom: 12cqw;
  box-sizing: border-box;
  height: 251.0182207931cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #how {
    background-image: url(../images/how_back_sp.webp);
    height: 990.2666666667cqw;
    margin-top: -12cqw;
    padding-top: 16cqw;
    padding-bottom: 0;
  }
}
#hunter #how h2 {
  background-image: url(../images/how_ttl.webp);
  background-size: 100% 100%;
  width: 64.2857142857cqw;
  height: 55.7142857143cqw;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #how h2 {
    background-image: url(../images/how_ttl_sp.webp);
    width: 88cqw;
    height: 145.2631578947cqw;
  }
}
#hunter #how .period {
  background-image: url(../images/how_period.webp);
  background-size: 100% 100%;
  width: 15.2857142857cqw;
  height: 15.7142857143cqw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 12cqw;
  top: 60cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #how .period {
    width: 30cqw;
    height: 30cqw;
    right: 0cqw;
    top: 160cqw;
  }
}
#hunter #how .frame {
  background-image: url(../images/how_frame.webp);
  background-size: 100% 100%;
  width: 78.3571428571cqw;
  height: 80.9285714286cqw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
}
@media only screen and (max-width: 999px) {
  #hunter #how .frame {
    margin-top: 12cqw;
    background-image: url(../images/how_frame_sp.webp);
    background-size: 100% 100%;
    width: 88cqw;
    height: 604.0123839009cqw;
  }
}
#hunter #how .frame__ttl {
  background-image: url(../images/how_stit.webp);
  background-size: 100% 100%;
  width: 21.4285714286cqw;
  height: 8.7142857143cqw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  margin-top: -3cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #how .frame__ttl {
    margin-top: -5cqw;
    width: 40cqw;
    height: 16.2666666667cqw;
  }
}
#hunter #how .frame .step {
  margin-top: 4cqw;
  background-image: url(../images/how_step.webp);
  background-size: 100% 100%;
  width: 63.0357142857cqw;
  height: 34.1428571429cqw;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #how .frame .step {
    background-image: url(../images/how_step_sp.webp);
    width: 70cqw;
    height: 482.8571428571cqw;
  }
}
#hunter #how .frame .kansei {
  margin-top: 2cqw;
  background-image: url(../images/how_kansei.webp);
  background-size: 100% 100%;
  width: 63.5714285714cqw;
  height: 29.8928571429cqw;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #how .frame .kansei {
    background-image: url(../images/how_kansei_sp.webp);
    width: 72cqw;
    height: 90.2153846154cqw;
  }
}
#hunter #how .btn {
  margin-top: 2cqw;
  background-image: url(../images/how_btn.webp);
  background-size: 100% 100%;
  width: 32cqw;
  height: 11cqw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #how .btn {
    width: 72cqw;
    height: 24.75cqw;
  }
}
#hunter #how .caution {
  margin-top: 6cqw;
  background-image: url(../images/how_caution.webp);
  background-size: 100% 100%;
  width: 78.3928571429cqw;
  height: 46.2857142857cqw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #how .caution {
    background-image: url(../images/how_caution_sp.webp);
    width: 88cqw;
    height: 152.0561009818cqw;
  }
}

#hunter #punk {
  position: relative;
  background-image: url(../images/punk_back.webp);
  background-size: 100% 100%;
  width: 100cqw;
  height: 65.8449446231cqw;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: center;
}
@media print, screen and (min-width: 1000px) {
  #hunter #punk {
    justify-content: center;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #punk {
    padding-top: 12cqw;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #punk {
    background-image: url(../images/punk_back_sp.webp);
    width: 100cqw;
    height: 266.6666666667cqw;
  }
}
@media print, screen and (min-width: 1000px) {
  #hunter #punk .in {
    margin-left: 8cqw;
    margin-right: 8cqw;
    display: grid;
    grid-template: "ttl ... img" "prf ... img" "... ... ..." 2cqw "bdy bdy bdy" "... ... ..." 2cqw "btn btn btn"/auto 2cqw 27.8350515464cqw;
  }
}
#hunter #punk .frame {
  position: relative;
  background-image: url(../images/punk_frame.webp);
  background-size: 100% 100%;
  width: min(83.1428571429cqw, 1164px);
  height: min(51.4285714286cqw, 720px);
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media print, screen and (min-width: 1000px) {
  #hunter #punk .frame {
    justify-content: center;
  }
}
@media only screen and (max-width: 999px) {
  #hunter #punk .frame {
    background-image: url(../images/punk_frame_sp.webp);
    background-size: 100% 100%;
    width: 90cqw;
    height: 236.2824207493cqw;
    padding: 6cqw;
  }
}
#hunter #punk h2 {
  grid-area: ttl;
  background-image: url(../images/punk_ttl.webp);
  background-size: 100% 100%;
  width: 35.0085910653cqw;
  height: 7.9896907216cqw;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 999px) {
  #hunter #punk h2 {
    width: 82cqw;
    height: 18.7141104294cqw;
  }
}
#hunter #punk .profile {
  grid-area: prf;
  background-color: #F7FFD7;
  font-size: 1.4cqw;
  padding: 1.4cqw;
  border-radius: 1cqw;
}
@media only screen and (max-width: 999px) {
  #hunter #punk .profile {
    font-size: 4cqw;
  }
}
#hunter #punk .image {
  grid-area: img;
}
@media only screen and (max-width: 999px) {
  #hunter #punk .image {
    margin-top: 6cqw;
  }
}
#hunter #punk .body {
  grid-area: bdy;
  font-size: 1.2cqw;
  line-height: 2em;
}
@media only screen and (max-width: 999px) {
  #hunter #punk .body {
    margin-top: 6cqw;
    font-size: 4.2cqw;
  }
}
#hunter #punk .btn {
  grid-area: btn;
}
#hunter #punk .btn a {
  background-image: url(../images/punk_btn.webp);
  background-size: 100% 100%;
  width: 30.9278350515cqw;
  height: 6.6151202749cqw;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 999px) {
  #hunter #punk .btn a {
    margin-top: 6cqw;
    width: 88cqw;
    height: 18.8222222222cqw;
  }
}

@media print, screen and (min-width: 1000px) {
  .globalFooter {
    min-width: 1000px;
  }
}
/** #onetrust-consent-sdk {
  display: none !important;
} **/

#hunter {
  container-type: inline-size;
  position: relative;
  font-family: "M PLUS 2", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 20px;
  color: #242424;
}
@media only screen and (max-width: 999px) {
  #hunter {
    font-size: 4cqw;
  }
}
#hunter * {
  font-family: "M PLUS 2", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
#hunter img {
  width: 100%;
}
#hunter .marker {
  display: inline;
  background: linear-gradient(transparent 50%, #FFF778 50%);
}
#hunter .red {
  color: #E4001B;
}
@media print, screen and (min-width: 1000px) {
  #hunter .sp {
    display: none !important;
  }
}
#hunter a:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 999px) {
  #hunter {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
  }
  #hunter .pc {
    display: none !important;
  }
  #hunter ruby rt {
    position: relative;
    transform: translateY(0.5em);
  }
}
#hunter .contents {
  position: relative;
}
#hunter footer {
  background-color: #fff;
  position: relative;
  padding-top: 30px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 999px) {
  #hunter footer {
    padding-bottom: 30px;
  }
}
#hunter footer .banner {
  position: relative;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
}
#hunter footer .banner p {
  font-size: 12px;
  color: #222222;
  line-height: 1.35em;
  text-align: center;
}
#hunter footer .banner p span {
  color: #e40012;
}
#hunter footer .banner a {
  display: block;
  margin-top: 10px;
}
#hunter footer .sns {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 999px) {
  #hunter footer .sns {
    margin-top: 20px;
  }
}
#hunter footer .sns li a {
  margin-left: 20px;
  margin-right: 20px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}
#hunter footer .sns li a.fb {
  background-image: url(../images/sns_fb.svg);
  background-size: 100% 100%;
}
#hunter footer .sns li a.x {
  background-color: #000;
  background-image: url(../images/sns_x.svg);
  background-size: 26px 26.57135px;
}
#hunter footer .sns li a.ln {
  background-color: #22ca22;
  background-image: url(../images/sns_ln.svg);
  background-size: 100% 100%;
  background-size: 32px 30.4898303496px;
  background-position: center 11px;
}
@media only screen and (max-width: 999px) {
  #hunter footer .sns li a {
    margin-left: 15px;
    margin-right: 15px;
  }
}
#hunter .tracebtn {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 10;
  height: 100%;
  pointer-events: none;
  width: 254px;
}
@media only screen and (max-width: 999px) {
  #hunter .tracebtn {
    width: 36cqw;
    top: -24.754491018cqw;
  }
}
#hunter .tracebtn a {
  pointer-events: all;
  background-size: 100% 100%;
  display: block;
  position: sticky;
  right: 0;
  top: 40px;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url(../images/tracebtn.png);
  width: 254px;
  height: 129.5px;
}
@media only screen and (max-width: 999px) {
  #hunter .tracebtn a {
    background-image: url(../images/tracebtn_sp.png);
    width: 36cqw;
    height: 18.754491018cqw;
  }
}
#hunter .tracebtn a {
  transition-duration: 100ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transform-origin: right center;
}
#hunter .tracebtn a:hover {
  opacity: 1;
  transform: scale(1.05);
}

/*# sourceMappingURL=structure.css.map */