/* 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;
  }
}

.lp-header {
  position: relative;
  overflow: hidden;
  background-color: #409;
}
.lp-header .main-title {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 10;
}
.lp-header .main-title img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.lp-header .header-badge {
  position: absolute;
  top: 0;
  z-index: 15;
}
.lp-header .kv {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: none;
}
.lp-header .kv .slide {
  position: relative;
  display: flex;
  white-space: nowrap;
}
.lp-header .kv .slide:nth-of-type(odd) {
  justify-content: flex-end;
}
.lp-header .kv .slide .col {
  display: block;
  height: 100%;
  flex-shrink: 0;
  white-space: nowrap;
}
.lp-header .kv .slide .col img {
  display: block;
  height: 100%;
  max-width: none;
}
.lp-header .logo {
  position: absolute;
  bottom: 0;
  z-index: 10;
}
.lp-header .logo > span {
  display: block;
  filter: invert(1) brightness(100);
}
.lp-header .bg {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.lp-header .bg > span {
  display: block;
  height: 100%;
}
.lp-header .bg img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.lp-header .bg-left {
  left: 0;
}
.lp-header .bg-right {
  right: 0;
}

/* animation */
.lp-header .main-title,
.lp-header .header-badge,
.lp-header .kv,
.lp-header .bg,
.lp-header .logo {
  opacity: 0;
}
.lp-header.active .main-title,
.lp-header.active .header-badge,
.lp-header.active .kv,
.lp-header.active .bg,
.lp-header.active .logo {
  opacity: 1;
}
.lp-header.active .bg {
  transition: opacity .1s .3s ease-in-out;
}
.lp-header .bg-left > span {
  clip-path: inset(0 100% 0 0);
  transition: all .4s .5s ease-in-out;
}
.lp-header.active .bg-left > span {
  clip-path: inset(0);
}
.lp-header .bg-right > span {
  clip-path: inset(0 100% 0 0);
  transition: all .3s .65s ease-in-out;
}
.lp-header.active .bg-right > span {
  clip-path: inset(0);
}
.lp-header .main-title { transform: scale(0.65) rotate(6deg); }
.lp-header.active .main-title {
  transform: scale(1) rotate(0deg);
  transition: opacity .5s 1.8s ease-in-out, transform .3s 1.8s ease-in-out;
}
.lp-header .kv {
  transform: scale(1.05);
}
.lp-header.active .kv {
  transform: scale(1);
  transition: opacity .5s 1s ease-in-out, transform .8s .7s ease-in-out;
}
.lp-header .logo {
  transform: translateY(20px);
}
.lp-header.active .logo {
  transform: translateY(0);
  transition: opacity .5s 2.5s ease-in-out, transform .3s 2.5s ease-in-out;
}

@keyframes slideLoop {
  from { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}
@keyframes slideLoopRev {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}
/** pc and tablet **/
@media print,screen and (min-width: 701px) {
  .lp-header .kv {
    height: calc(100vh - 120px);
    height: calc(100dvh - 120px);
    min-height: 600px;
  }
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .lp-header .header-badge {
    width: 8.78%;
    left: 4.4%;
    margin-top: 2.9%;
  }
  .lp-header .main-title {
    width: 58.565%;
    left: 20.7175%;
  }
  .lp-header .kv .slide {
    height: 33.3333%;
  }
  body.lp-loaded .lp-header.active .kv .slide .col {
    animation: slideLoop 60s linear infinite;
  }
  body.lp-loaded .lp-header.active .kv .slide:nth-of-type(odd) .col {
    animation-name: slideLoopRev;
  }
  .lp-header .kv .slide:nth-of-type(1) .col {
    animation-delay: -20s;
  }
  .lp-header .kv .slide.only-sp {
    display: none;
  }
  .lp-header .logo {
    width: 8.88%;
    right: 1.1%;
    margin-bottom: 2.36%;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .lp-header::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9.46vw;
    pointer-events: none;
    background-color: #409;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    z-index: 20;
  }
  .lp-header .header-badge {
    width: 13.5%;
    left: 2%;
    margin-top: 2%;
  }
  .lp-header .main-title {
    width: 86%;
    left: 7%;
  }
  .lp-header .kv .slide {
    height: 33.33%;
  }
  body.lp-loaded .lp-header.active .kv .slide .col {
    animation: slideLoop 30s linear infinite;
  }
  body.lp-loaded .lp-header.active .kv .slide:nth-of-type(odd) .col {
    animation-name: slideLoopRev;
  }
  .lp-header .logo {
    display: none;
  }
  .lp-header.active .bg-right > span img {
    height: 125%;
  }
}
/** smartphone **/
@media screen and (max-width: 700px) {
  .lp-header .kv {
    aspect-ratio: 74 / 60;
  }
}

.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-hero {
  background-color: #409;
}
.lp-hero .main {
  margin: 0;
}
.lp-hero .main img {
  display: block;
  width: 100%;
  max-width: none;
}

.lp-intro {
  position: relative;
  overflow: hidden;
  background-color: #409;
}
.lp-intro .ttl,
.lp-intro .text {
  position: relative;
  z-index: 5;
}
.lp-intro .bg > span {
  display: block;
  position: absolute;
  bottom: 0;
  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 .desc {
  margin: 0;
}
.lp-intro .bg .l {
  transform: translate(-10%, 5%);
}
.lp-intro .bg .r {
  transform: translate(10%, 5%);
}
.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 {
    padding: 3.47% 0 11.8%;
  }
  .lp-intro .ttl,
  .lp-intro .text {
    width: 86.11%;
    max-width: 1240px;
    margin: 0 auto;
  }
  .lp-intro .ttl {
    margin-bottom: 3.47%;
  }
  .lp-intro .sub {
    margin-bottom: 2%;
  }
  .lp-intro .bg .l {
    width: 26.38%;
    max-width: 380px;
    left: 0;
    margin-bottom: 6.25%;
  }
  .lp-intro .bg .r {
    width: 30.55%;
    max-width: 440px;
    right: 0;
    margin-bottom: 9%;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .lp-intro {
    padding: 0 0 11.6%;
    margin-top: -1px;
  }
  .lp-intro .ttl {
    margin-bottom: 2%;
  }
  .lp-intro .sub {
    margin-bottom: 5.33%;
  }
  .lp-intro .bg .l {
    width: 26.67%;
    left: -0.5%;
    margin-bottom: 3.46%;
  }
  .lp-intro .bg .r {
    width: 31.2%;
    right: -1.6%;
    margin-bottom: 6%;
  }
}

.lp-sec {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.lp-sec .bg {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.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;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .lp-sec {
    margin-top: -8.5vw;
    padding-top: 3.2%;
    clip-path: polygon(0 8.5vw, 100% 0, 100% 100%, 0 100%);
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .lp-sec {
    margin-top: -8vw;
    padding-top: 6.67%;
    clip-path: polygon(0 8vw, 100% 0, 100% 100%, 0 100%);
  }
}

.sec01 {
  background: #00aec7;
  background: linear-gradient(64deg, #00aec7 0%, #a42af9 100%);
}
.sec01 .bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sec01 .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.sec02 {
  background: #6e38d5;
}
.sec02 .bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sec02 .bg img {
  display: block;
  width: 100%;
  height: auto;
}
.sec02 .cont-ttl {
  margin: 0;
}
.sec03 {
  background: #00aec7;
  background: linear-gradient(225deg, #00aec7 0%, #a42af9 100%);
}
.sec03 .cont .desc,
.sec03 .cont .lastmsg {
  margin: 0;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .sec01 {
    padding-bottom: 9.7%;
  }
  .sec01 .cont {
    max-width: 900px;
    width: 62.5%;
    margin: 2.78% auto 0;
  }
  .sec02 {
    padding-bottom: 14.3%;
  }
  .sec02 .cont {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
  }
  .sec02 .cont .lead {
    margin-bottom: 2.5%;
  }
  .sec02 .p1 .cont-img {
    margin: 2.9% 0 6.67%;
  }
  .sec02 .p2 {
    margin-top: 6%;
  }
  .sec02 .p2 .cont-img:first-of-type {
    margin: 2.3% 0 2.8%;
  }
  .sec02 .p2 .cont-img:nth-of-type(2) {
    margin: 3.54% 0;
  }
  .sec02 .p3 {
    margin-top: 1.67%;
  }
  .sec02 .p4 {
    margin-top: 9%;
  }
  .sec03 {
    padding-bottom: 7%;
  }
  .sec03 .cont {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
  }
  .sec03 .img01 {
    margin: 2% 0 3.65%;
  }
  .sec03 .img02 {
    margin: 5% 0 5.2%;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .sec01 {
    padding-bottom: 10%;
  }
  .sec01 .cont {
    margin: 4% auto 0;
  }
  .sec02 {
    padding-bottom: 7.46%;
  }
  .sec02 .cont .lead {
    margin: 2.67% 0 6%;
  }
  .sec02 .p1 .cont-img {
    margin: 4.13% 0 5.33%;
  }
  .sec02 .p2 {
    margin-top: 4%;
  }
  .sec02 .p2 .cont-img:first-of-type {
    margin: 2.8% 0 5.2%;
  }
  .sec02 .p2 .cont-img:nth-of-type(2) {
    margin: 4% 0 3%;
  }
  .sec02 .p3 {
    margin-top: 1.6%;
  }
  .sec02 .p4 {
    margin-top: 4%;
  }
  .sec03 {
    padding-bottom: 6%;
  }
  .sec03 .cont {
    padding-top: 2.67%;
  }
  .sec03 .img01 {
    margin: 2.13% 0 2.93%;
  }
  .sec03 .img02 {
    margin: 2.93% 0 10.26%;
  }
}