/* lp-anytimeyear */
html {
  scroll-behavior: smooth;
}

#findGymFixed, #navFixed {
  pointer-events: none;
  opacity: 0;
  z-index: -999em;
  visibility: hidden;
}
#navFixed {
  display: none;
}

#lpContents {
  --cubic-bezier: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  position: relative;
  text-align: center;
  overflow: hidden;
  background-color: #6e38d5;
}
#lpContents * {
  box-sizing: border-box;
}
#lpContents img {
  vertical-align: bottom;
}
#lpContents::before {
  content: "";
  display: block;
  position: fixed;
  left: calc(50% - 25px);
  top: calc(50vh - 25px);
  top: calc(50svh - 25px);
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#fff7eb 94%,#0000) top/6px 6px no-repeat,
    conic-gradient(#0000 30%,#fff7eb);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);
  animation: loading 1s infinite linear;
  z-index: 10;
}
@keyframes loading{ 
  100%{transform: rotate(1turn)}
}
body.lp-loaded #lpContents::before {
  display: none;
}
body.lp-loaded #lpContents > * {
  opacity: 1;
}
._pe-none {
  pointer-events: none;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .only-sp {
    display: none;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .only-pc {
    display: none;
  }
}

.js-scrView._fadeUp {
  transform: translateY(5%);
  opacity: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
}
.js-scrView.active._fadeUp {
  opacity: 1;
  transform: translateY(0);
}
.js-scrView._fadeIn {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
.js-scrView.active._fadeIn {
  opacity: 1;
}

.lp-header {
  position: relative;
  background-color: #409;
}
.lp-header .main-title {
  margin: 0;
  padding: 0;
}
.lp-header .main-title img {
  display: block;
  max-width: none;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.lp-intro {
  position: relative;
  overflow: hidden;
  background-color: #409;
}
.lp-intro .text {
  position: relative;
  z-index: 5;
  margin: 0 auto;
}
.lp-intro .bg {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lp-intro .bg > span {
  width: 50%;
  opacity: 0;
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}
.lp-intro .bg img {
  display: block;
  width: 100%;
  max-width: none;
}
.lp-intro .bg .l {
  transform: translate(-10%, 0);
}
.lp-intro .bg .r {
  transform: translate(10%, 0);
}
.lp-intro .bg.active .l,
.lp-intro .bg.active .r {
  opacity: 1;
  transform: none;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .lp-intro .text {
    width: 90%;
    max-width: 960px;
  }
  .lp-intro .bg > span {
    max-width: 720px;
  }
  .lp-intro .bg img {
    height: 100%;
    object-fit: cover;
  }
}

.lp-contents {
  position: relative;
  overflow: hidden;
  z-index: 5;
  background-color: #6e38d5;
}
.lp-contents .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  pointer-events: none;
}
.lp-contents .bg img {
  display: block;
  width: 100%;
  max-width: none;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .lp-contents {
    margin-top: -8.89vw;
    padding-top: 8.89vw;
    padding-bottom: 5.14%;
    clip-path: polygon(0 8.89vw, 100% 0, 100% 100%, 0 100%);
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .lp-contents {
    margin-top: -9.16vw;
    padding-top: 9.16vw;
    padding-bottom: 6.4%;
    clip-path: polygon(0 9.16vw, 100% 0, 100% 100%, 0 100%);
  }
}

.lp-sec {
  position: relative;
}
.sec-ttl {
  margin: 0;
  width: 100%;
  max-width: 1440px;
}
.sec-ttl.js-scrView {
  opacity: 0;
  transform: translate(-8%, 4%);
  transition: opacity .4s .2s ease-in-out, transform .6s ease-in-out;
}
.sec-ttl.js-scrView.active {
  opacity: 1;
  transform: none;
}
.sec-ttl img {
  display: block;
}
.sec-inner {
  margin: 0 auto;
  max-width: 980px;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .sec-inner {
    width: 80%;
  }
  .sec-ttl {
    margin-bottom: -2%;
  }
}
@media print,screen and (min-width: 1440px) {
  .sec-ttl {
    margin-bottom: -30px;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .sec-ttl {
    margin-bottom: -4.86%;
  }
}

.desc p {
  margin: 0;
}
.poster-list,
.poster-list > li {
  margin: 0;
  padding: 0;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .sec01 {
    margin-top: -6.25%;
  }
  .poster-ttl {
    margin: 3.67% 0 0;
  }
  .poster-list {
    display: flex;
  }
  .poster-list > li {
    width: 50%;
  }
  .poster-msg {
    margin: 6.25% 0 0;
  }
  .sec02 {
    margin-top: 1.38%;
  }
  .ranking {
    margin-top: 4.6%;
  }
  .ranking-msg {
    margin-top: 5%;
  }
  .sec03 .ph {
    width: 66.326%;
    margin: 0 auto;
  }
}
@media print,screen and (min-width: 1440px) {
  .sec01 {
    margin-top: -90px;
  }
  .sec02 {
    margin-top: 20px;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .sec01 {
    margin-top: -6.48%;
  }
  .poster-ttl {
    margin: 2.26% 0 -3.2%;
  }
  .poster-msg {
    margin: 11.33% 0 0;
  }
  .sec02 {
    margin-top: 5%;
  }
  .ranking {
    margin-top: 3.6%;
  }
  .ranking-msg {
    margin-top: 6.8%;
  }
  .sec03 {
    margin-top: 5%;
  }
  .sec03 .sec-ttl {
    margin-bottom: -3.2%;
  }
  .sec03 .ph {
    width: 88%;
    margin: 0 auto;
  }
}