@charset "UTF-8";
.lcl-wrapper {
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo;
  color: #000000;
  overflow: hidden;
}
.lcl-wrapper p {
  letter-spacing: 0;
  font-weight: 300;
  line-height: 2.2;
}
@media screen and (min-width: 700px) {
  .lcl-wrapper p {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-wrapper p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-wrapper p {
    letter-spacing: 0;
    line-height: 1.9;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-wrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-wrapper p {
    font-size: 3.7333333333vw;
  }
}
.lcl-wrapper * {
  box-sizing: border-box;
}
.lcl-wrapper a {
  color: #000000;
  text-decoration: none;
}
.lcl-wrapper picture {
  display: block;
}
.lcl-wrapper img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 699px) {
  .dn-n {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .dn-w {
    display: none;
  }
}

.bg-grad {
  background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 58%, #fce4e1 100%);
}

.lcl-key {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 500px;
  overflow: visible;
  /* PC only ------------ */
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-key {
    background: linear-gradient(90deg, #69c2e4 0%, #00a2e0 100%);
  }
}
@media screen and (max-width: 699px) {
  .lcl-key {
    height: 154.1333333333vw;
  }
}
.lcl-key .lcl-key__ttl {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: -100%;
  right: -100%;
  margin: auto;
  width: 1300px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-key .lcl-key__ttl {
    width: 100%;
  }
}

.lcl-lead {
  position: relative;
  padding-block: 235px 151px;
}
@media screen and (max-width: 699px) {
  .lcl-lead {
    padding-block: 52.5333333333vw 17.0666666667vw;
  }
}
.lcl-lead .lcl-lead-nav {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 980px;
  padding-block: 15px;
  border-radius: 20px;
  background: rgba(48, 52, 71, 0.9);
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-nav {
    justify-content: center;
    flex-wrap: wrap;
    width: 94.4vw;
    overflow: hidden;
    padding: 0;
    border-radius: 4vw;
  }
}
.lcl-lead .lcl-lead-nav__item {
  position: relative;
  /* PC only ------------ */
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-lead .lcl-lead-nav__item {
    flex: 1;
    /* :not(:first-of-type) ------------ */
  }
  .lcl-lead .lcl-lead-nav__item:not(:first-of-type) {
    /* before ------------*/
  }
  .lcl-lead .lcl-lead-nav__item:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(to bottom, #C0BDDD 3px, transparent 3px);
    background-size: 2px 6px;
    background-repeat: repeat-y;
    background-position: bottom;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-nav__item {
    width: 23.4666666667vw;
    padding: 2.6666666667vw 0;
    /* :not(:first-of-type) ------------ */
    /* nth-of-type(4) ------------ */
    /* :first-of-type ------------ */
  }
  .lcl-lead .lcl-lead-nav__item:not(:first-of-type) {
    /* before ------------*/
    /* nth-of-type(-n + 3) ------------ */
  }
  .lcl-lead .lcl-lead-nav__item:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 1px;
    height: 13.3333333333vw;
    background-image: linear-gradient(to bottom, #C0BDDD 3px, transparent 3px);
    background-size: 1px 6px;
    background-repeat: repeat-y;
    background-position: bottom;
  }
  .lcl-lead .lcl-lead-nav__item:not(:first-of-type):nth-of-type(-n + 3) {
    margin-left: 5.3333333333vw;
  }
  .lcl-lead .lcl-lead-nav__item:not(:first-of-type):nth-of-type(-n + 3)::before {
    left: -2.6666666667vw;
  }
  .lcl-lead .lcl-lead-nav__item:nth-of-type(4) {
    /* before ------------*/
  }
  .lcl-lead .lcl-lead-nav__item:nth-of-type(4)::before {
    content: none;
  }
  .lcl-lead .lcl-lead-nav__item:first-of-type {
    /* after ------------*/
  }
  .lcl-lead .lcl-lead-nav__item:first-of-type::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 10000%;
    height: 1px;
    background-image: linear-gradient(to right, #C0BDDD 3px, transparent 3px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: right;
    margin: auto;
  }
}
.lcl-lead .lcl-lead-nav__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #ffffff;
  transition: opacity 0.25s ease;
  height: 100%;
  text-align: center;
  padding: 4px 0;
  /* SP only ------------ */
}
@media (any-hover: hover) {
  .lcl-lead .lcl-lead-nav__link:hover {
    opacity: 0.6;
  }
  .lcl-lead .lcl-lead-nav__link:hover .lcl-lead-nav__icon {
    opacity: 1;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-nav__link {
    padding: 0;
  }
}
.lcl-lead .lcl-lead-nav__linktxt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-lead .lcl-lead-nav__linktxt {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-nav__linktxt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-lead .lcl-lead-nav__linktxt {
    font-size: 12px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-lead .lcl-lead-nav__linktxt {
    font-size: 3.2vw;
  }
}
.lcl-lead .lcl-lead-nav__icon {
  display: block;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-nav__icon {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-top: 1.3333333333vw;
  }
}
.lcl-lead .lcl-lead-cnt {
  width: 600px;
  min-height: 1260px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding-top: 99px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt {
    width: 100%;
    min-height: 277.3333333333vw;
    padding: 18.6666666667vw 5.3333333333vw 0;
  }
}
.lcl-lead .lcl-lead-cnt::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100%;
  right: -100%;
  margin: auto;
  width: 912px;
  height: 100%;
  filter: blur(20px);
  transform: translateZ(0);
  background: url(../images/elis/lunafit/vec-min.png) center/cover no-repeat;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt::before {
    width: 100%;
    background: url(../images/elis/lunafit/vec-min.png) center/cover no-repeat;
    filter: blur(7px);
  }
}
.lcl-lead .lcl-lead-cnt__head {
  color: #505050;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.05em;
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-lead .lcl-lead-cnt__head {
    font-size: 18px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__head {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__head {
    line-height: 1.8;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-lead .lcl-lead-cnt__head {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__head {
    font-size: 4.2666666667vw;
  }
}
.lcl-lead .lcl-lead-cnt__copy {
  width: 450px;
  margin: 20px auto 0;
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__copy {
    width: 72vw;
    margin-top: 5.3333333333vw;
  }
}
.lcl-lead .lcl-lead-cnt__ttl {
  width: 300px;
  margin: 10px auto 0;
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__ttl {
    width: 61.3333333333vw;
    margin-top: 1.3333333333vw;
  }
}
.lcl-lead .lcl-lead-cnt__line {
  margin-top: 40px;
  width: 100%;
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__line {
    width: 77.8666666667vw;
    margin: 5.3333333333vw auto 0;
  }
}
.lcl-lead .lcl-lead-cnt__img {
  width: 346px;
  margin: 40px auto 0;
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__img {
    width: 69.3333333333vw;
    margin-top: 8vw;
  }
}
.lcl-lead .lcl-lead-cnt__txt {
  margin-top: 30px;
  text-align: center;
  letter-spacing: 0;
  font-weight: 300;
  line-height: 2.2;
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-lead .lcl-lead-cnt__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__txt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__txt {
    letter-spacing: 0;
    line-height: 1.9;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-lead .lcl-lead-cnt__txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__txt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-lead .lcl-lead-cnt__txt {
    margin-top: 8vw;
  }
}

.lcl-about {
  position: relative;
  z-index: 2;
  padding: 90px 0;
  background: linear-gradient(90deg, #7ec6e6 0%, #43addb 100%);
}
@media screen and (max-width: 699px) {
  .lcl-about {
    padding: 13.3333333333vw 5.3333333333vw;
  }
}
.lcl-about .lcl-about__vec {
  position: absolute;
  left: 0;
  width: 100%;
  height: 51px;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(../images/elis/lunafit/mask-min.png);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/elis/lunafit/mask-min.png);
  /* SP only ------------ */
  /* before ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about__vec {
    height: 11.7333333333vw;
    -webkit-mask-image: url(../images/elis/lunafit/mask-min-m.png);
    mask-image: url(../images/elis/lunafit/mask-min-m.png);
  }
}
.lcl-about .lcl-about__vec.lcl-about__vec--top {
  top: -50px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about__vec.lcl-about__vec--top {
    top: -11.4666666667vw;
  }
}
.lcl-about .lcl-about__vec.lcl-about__vec--bottom {
  bottom: -50px;
  transform: scale(-1, -1);
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about__vec.lcl-about__vec--bottom {
    bottom: -11.4666666667vw;
  }
}
.lcl-about .lcl-about__vec.lcl-about__vec--bottom::before {
  transform: scale(-1, -1);
}
.lcl-about .lcl-about__vec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #7ec6e6 0%, #43addb 100%);
}
.lcl-about .lcl-about-box {
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 76px;
  border-radius: 30px;
  background-color: #ffffff;
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box {
    width: 100%;
    padding: 12vw 5.3333333333vw 8vw;
    border-radius: 4vw;
  }
}
.lcl-about .lcl-about-box + .lcl-about-box {
  margin-top: 60px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box + .lcl-about-box {
    margin-top: 5.3333333333vw;
  }
}
.lcl-about .lcl-about-box__grad {
  position: absolute;
  width: 150px;
  height: 30px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(../images/elis/lunafit/vec-min.png);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/elis/lunafit/vec-min.png);
  /* before ------------*/
}
.lcl-about .lcl-about-box__grad::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 58%, #fce4e1 100%);
}
.lcl-about .lcl-about-box__ttl {
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 700px) {
  .lcl-about .lcl-about-box__ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__ttl {
    font-size: 8vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__ttl {
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-about .lcl-about-box__ttl {
    font-size: 22px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-about .lcl-about-box__ttl {
    font-size: 5.8666666667vw;
  }
}
.lcl-about .lcl-about-box__sep {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__sep {
    display: block;
    margin-top: 4vw;
  }
}
.lcl-about .lcl-about-box__item {
  width: calc((100% - 40px) / 2);
  /* :not(:first-of-type) ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__item {
    width: 100%;
  }
}
.lcl-about .lcl-about-box__item:not(:first-of-type) {
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__item:not(:first-of-type) {
    margin-top: 4vw;
  }
}
.lcl-about .lcl-about-box__fig {
  width: 100%;
  height: 227px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__fig {
    height: 44.2666666667vw;
  }
}
.lcl-about .lcl-about-box__fig iframe {
  width: 100%;
  height: 100%;
}
.lcl-about .lcl-about-box__txt {
  text-align: center;
  margin-top: 19px;
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-box__txt {
    margin-top: 2.6666666667vw;
  }
}
.lcl-about .lcl-about-message {
  margin-top: 80px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-message {
    margin-top: 10.6666666667vw;
  }
}
.lcl-about .lcl-about-message__ttl {
  width: 377px;
  margin-left: auto;
  margin-right: auto;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-message__ttl {
    width: 89.3333333333vw;
  }
}
.lcl-about .lcl-about-message__sep {
  display: flex;
  justify-content: center;
  align-items: center;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-message__sep {
    display: block;
  }
}
.lcl-about .lcl-about-message__fig {
  width: 387px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-message__fig {
    width: 71.4666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.lcl-about .lcl-about-message__txt {
  position: relative;
  width: 600px;
  padding: 30px 40px;
  color: #ffffff;
  /* SP only ------------ */
  /* before after ------------*/
  /* before ------------*/
  /* after ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-about .lcl-about-message__txt {
    width: 100%;
    margin-top: 8vw;
    padding: 5.3333333333vw;
  }
}
.lcl-about .lcl-about-message__txt::before, .lcl-about .lcl-about-message__txt::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: url(../images/elis/lunafit/dot-min.png) center/17px 3px repeat-x;
}
.lcl-about .lcl-about-message__txt::before {
  top: 0;
}
.lcl-about .lcl-about-message__txt::after {
  bottom: 0;
}

/*------------------------------------------------
lcl-point
------------------------------------------------*/
.lcl-point {
  position: relative;
  padding: 0px 0 151px;
  background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 58%, #fce4e1 100%);
  /* SP ------------ */
  /* before ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-point {
    padding: 0 0 27.7333333333vw;
    background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 48%, #fce4e1 100%);
  }
}
.lcl-point::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 51px;
  background: url(../images/elis/lunafit/mask-min.png) bottom center/100% 51px no-repeat;
  margin: auto;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point::before {
    bottom: -0.2666666667vw;
    height: 11.7333333333vw;
    background: url(../images/elis/lunafit/mask-min-m.png) bottom center/100% 11.7333333333vw no-repeat;
  }
}
.lcl-point .lcl-point__in {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__in {
    width: 92vw;
  }
}
.lcl-point .lcl-point__bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transform: translateZ(0);
  /* SP ------------ */
  /* before after ------------*/
  /* before ------------*/
  /* after ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__bg {
    filter: blur(4px);
  }
}
.lcl-point .lcl-point__bg::before, .lcl-point .lcl-point__bg::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.lcl-point .lcl-point__bg::before {
  top: 40px;
  z-index: 0;
  height: 384px;
  background: url(../images/elis/lunafit/vec-min.png) top center/100% 384px no-repeat;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__bg::before {
    top: 8vw;
    width: 68.5333333333vw;
    height: 53.3333333333vw;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/elis/lunafit/vec-min-m.png) top center/contain no-repeat;
  }
}
.lcl-point .lcl-point__bg::after {
  top: 232px;
  background-color: #ffffff;
  height: calc(100% - 232px);
  z-index: 1;
  border-radius: 0 0 50px 50px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__bg::after {
    top: 23.2vw;
    border-radius: 10.6666666667vw;
    height: calc(100% - 23.2vw);
  }
}
.lcl-point .lcl-point__cnt {
  position: relative;
  z-index: 1;
  padding: 0 71px 71px;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__cnt {
    padding: 0 5.3333333333vw 12.5333333333vw;
  }
}
.lcl-point .lcl-point__fig {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__fig {
    width: 39.4666666667vw;
  }
}
.lcl-point .lcl-point__ttl {
  width: 326px;
  margin: 29px auto 0;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__ttl {
    width: 53.3333333333vw;
    margin-top: 6.1333333333vw;
  }
}
.lcl-point .lcl-point__subttl {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 30px;
  /* SP ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-point .lcl-point__subttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__subttl {
    font-size: 8vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point__subttl {
    line-height: 1.6;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-point .lcl-point__subttl {
    font-size: 22px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-point .lcl-point__subttl {
    font-size: 5.8666666667vw;
  }
}
.lcl-point .lcl-point__wrap {
  /* SP ------------ */
}
.lcl-point .lcl-point-block {
  padding-top: 30px;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block {
    padding-top: 8vw;
  }
}
.lcl-point .lcl-point-block__label {
  position: relative;
  z-index: 1;
  /* SP ------------ */
  /* before ------------*/
}
.lcl-point .lcl-point-block__label::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  margin: auto;
  background: url(../images/elis/lunafit/dot-min.png) center/25px 5px repeat-x;
}
.lcl-point .lcl-point-block__label img {
  position: relative;
  z-index: 1;
  display: block;
  width: 78px;
  height: 78px;
  margin-left: auto;
  margin-right: auto;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__label img {
    width: 16vw;
    height: 16vw;
  }
}
.lcl-point .lcl-point-block__ttl {
  width: -moz-fit-content;
  width: fit-content;
  margin: 30px auto 0;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__ttl {
    margin-top: 5.3333333333vw;
  }
}
.lcl-point .lcl-point-block__ttl img {
  height: 109px;
  width: auto;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__ttl img {
    height: 22.4vw;
  }
}
.lcl-point .lcl-point-block__cnt {
  margin-top: 25px;
  text-align: center;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__cnt {
    margin-top: 5.3333333333vw;
    text-align: left;
  }
}
.lcl-point .lcl-point-block__wrap {
  display: block;
  width: 630px;
  height: 354px;
  margin: 20px auto 0;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__wrap {
    width: 100%;
    height: 44vw;
  }
}
.lcl-point .lcl-point-block__wrap .lcl-video {
  border-radius: 10px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__wrap .lcl-video {
    border-radius: 2.6666666667vw;
  }
}
.lcl-point .lcl-point-block__sep {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  width: 843px;
  margin: 25px auto 0;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__sep {
    display: block;
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.lcl-point .lcl-point-block__txt {
  flex: 1;
  /* SP ------------ */
}
.lcl-point .lcl-point-block__fig {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-block__fig {
    width: 100%;
    border-radius: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
.lcl-point .lcl-point-box {
  width: 860px;
  margin-top: 116px;
  padding: 50px 80px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  background: linear-gradient(90deg, #7ec6e6 0%, #43addb 100%);
  color: #ffffff;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box {
    width: 89.3333333333vw;
    margin-top: 10.6666666667vw;
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 4vw;
  }
}
.lcl-point .lcl-point-box__ttl {
  text-align: center;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 0;
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-point .lcl-point-box__ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__ttl {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__ttl {
    line-height: 1.6;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-point .lcl-point-box__ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-point .lcl-point-box__ttl {
    font-size: 5.3333333333vw;
  }
}
.lcl-point .lcl-point-box__large {
  display: block;
  line-height: 1.7;
  letter-spacing: 0.05em;
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-point .lcl-point-box__large {
    font-size: 36px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__large {
    font-size: 9.6vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__large {
    line-height: 1.7;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-point .lcl-point-box__large {
    font-size: 28px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-point .lcl-point-box__large {
    font-size: 7.4666666667vw;
  }
}
.lcl-point .lcl-point-box__line {
  width: 600px;
  margin: 25px auto 0;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__line {
    width: 100%;
  }
}
.lcl-point .lcl-point-box__txt {
  margin-top: 25px;
  letter-spacing: 0;
  font-weight: 300;
  line-height: 2.2;
  /* SP ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-point .lcl-point-box__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__txt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__txt {
    letter-spacing: 0;
    line-height: 1.9;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-point .lcl-point-box__txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-point .lcl-point-box__txt {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-point .lcl-point-box__txt {
    margin-top: 4vw;
  }
}

/*------------------------------------------------
lcl-message
------------------------------------------------*/
.lcl-message {
  position: relative;
  padding: 151px 0 151px;
  background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 58%, #fce4e1 100%);
  /* SP ------------ */
  /* before ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-message {
    padding: 30.4vw 0 27.7333333333vw;
    background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 48%, #fce4e1 100%);
  }
}
.lcl-message::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 51px;
  background: url(../images/elis/lunafit/mask-min.png) bottom center/100% 51px no-repeat;
  margin: auto;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message::before {
    bottom: -0.2666666667vw;
    height: 11.7333333333vw;
    background: url(../images/elis/lunafit/mask-min-m.png) bottom center/100% 11.7333333333vw no-repeat;
  }
}
.lcl-message .lcl-message__in {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__in {
    width: 100vw;
  }
}
.lcl-message .lcl-message__bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  filter: blur(10px);
  transform: translateZ(0);
  /* SP ------------ */
  /* before after ------------*/
  /* before ------------*/
  /* after ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__bg {
    filter: blur(4px);
  }
}
.lcl-message .lcl-message__bg::before, .lcl-message .lcl-message__bg::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.lcl-message .lcl-message__bg::before {
  top: 0px;
  z-index: 0;
  height: 384px;
  background: url(../images/elis/lunafit/vec-min.png) top center/100% 384px no-repeat;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__bg::before {
    top: 0;
    width: 100vw;
    height: 59.4666666667vw;
    left: -100%;
    right: -100%;
    margin: auto;
    background: url(../images/elis/lunafit/vec-min.png) top center/contain no-repeat;
  }
}
.lcl-message .lcl-message__bg::after {
  top: 192px;
  background-color: #ffffff;
  height: calc(100% - 192px);
  z-index: 1;
  border-radius: 0 0 50px 50px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__bg::after {
    top: 23.2vw;
    border-radius: 10.6666666667vw;
    height: calc(100% - 23.2vw);
  }
}
.lcl-message .lcl-message__cnt {
  position: relative;
  z-index: 1;
  padding: 71px 71px 71px;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__cnt {
    padding: 10.4vw 5.3333333333vw 12.5333333333vw;
  }
}
.lcl-message .lcl-message__fig {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__fig {
    width: 39.4666666667vw;
  }
}
.lcl-message .lcl-message__ttl {
  width: 436px;
  margin: 0 auto;
  /* SP ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__ttl {
    width: 78.6666666667vw;
  }
}
.lcl-message .lcl-message__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #2B417E;
  border: 1px solid #2B417E;
  width: 270px;
  height: 55px;
  margin: 30px auto 0;
  color: #fff;
  border-radius: 100vw;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 2.2;
  transition: color 0.25s ease, background 0.25s ease;
  /* SP only ------------ */
  /* media_hover ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-message .lcl-message__link {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__link {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__link {
    letter-spacing: 0;
    line-height: 1.9;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-message .lcl-message__link {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-message .lcl-message__link {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__link {
    gap: 2.6666666667vw;
    width: 60.5333333333vw;
    height: 12.5333333333vw;
    margin: 5.3333333333vw auto 0;
  }
}
@media (any-hover: hover) {
  .lcl-message .lcl-message__link:hover {
    color: #2B417E;
    background-color: #fff;
  }
  .lcl-message .lcl-message__link:hover .ico_svg .svg-path {
    fill: #2B417E;
  }
}
.lcl-message .lcl-message__link .ico_svg {
  width: 15px;
  height: 15px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__link .ico_svg {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.lcl-message .lcl-message__link .ico_svg .svg-path {
  transition: fill 0.25s ease;
}
.lcl-message .lcl-message__wrap {
  width: 600px;
  height: 337px;
  margin: 20px auto 0;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__wrap {
    width: 100%;
    height: 48.8vw;
  }
}
.lcl-message .lcl-message__wrap iframe {
  width: 100%;
  height: 100%;
}
.lcl-message .lcl-message__sub {
  position: relative;
  margin: 30px auto 0;
  padding-bottom: 15px;
  text-align: center;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 2.2;
  /* before ------------*/
}
@media screen and (min-width: 700px) {
  .lcl-message .lcl-message__sub {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__sub {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-message .lcl-message__sub {
    letter-spacing: 0;
    line-height: 1.9;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-message .lcl-message__sub {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-message .lcl-message__sub {
    font-size: 3.7333333333vw;
  }
}
.lcl-message .lcl-message__sub::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 242px;
  height: 10px;
  margin: auto;
  background: url(../images/elis/lunafit/line-min.png) center/cover no-repeat;
}
.lcl-message .lcl-message__txt {
  margin-top: 10px;
  text-align: center;
}

.lcl-media {
  position: relative;
  z-index: 2;
  padding: 90px 0;
  background: linear-gradient(90deg, #7ec6e6 0%, #43addb 100%);
}
@media screen and (max-width: 699px) {
  .lcl-media {
    padding: 13.3333333333vw 5.3333333333vw;
  }
}
.lcl-media .lcl-media__vec {
  position: absolute;
  left: 0;
  width: 100%;
  height: 51px;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(../images/elis/lunafit/mask-min.png);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/elis/lunafit/mask-min.png);
  /* SP only ------------ */
  /* before ------------*/
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media__vec {
    height: 11.7333333333vw;
    -webkit-mask-image: url(../images/elis/lunafit/mask-min-m.png);
    mask-image: url(../images/elis/lunafit/mask-min-m.png);
  }
}
.lcl-media .lcl-media__vec.lcl-media__vec--top {
  top: -50px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media__vec.lcl-media__vec--top {
    top: -11.4666666667vw;
  }
}
.lcl-media .lcl-media__vec.lcl-media__vec--bottom {
  bottom: -50px;
  transform: scale(-1, -1);
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media__vec.lcl-media__vec--bottom {
    bottom: -11.4666666667vw;
  }
}
.lcl-media .lcl-media__vec.lcl-media__vec--bottom::before {
  transform: scale(-1, -1);
}
.lcl-media .lcl-media__vec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #7ec6e6 0%, #43addb 100%);
}
.lcl-media .lcl-media-box {
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 110px;
  border-radius: 30px;
  background-color: #ffffff;
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box {
    width: 100%;
    padding: 12vw 5.3333333333vw 8vw;
    border-radius: 4vw;
  }
}
.lcl-media .lcl-media-box + .lcl-media-box {
  margin-top: 60px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box + .lcl-media-box {
    margin-top: 5.3333333333vw;
  }
}
.lcl-media .lcl-media-box__grad {
  position: absolute;
  width: 150px;
  height: 30px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url(../images/elis/lunafit/vec-min.png);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/elis/lunafit/vec-min.png);
  /* before ------------*/
}
.lcl-media .lcl-media-box__grad::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #c4e1b6 0%, #c1e4ea 27.5%, #c0badc 58%, #fce4e1 100%);
}
.lcl-media .lcl-media-box__ttl {
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 700px) {
  .lcl-media .lcl-media-box__ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__ttl {
    font-size: 8vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__ttl {
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-media .lcl-media-box__ttl {
    font-size: 22px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-media .lcl-media-box__ttl {
    font-size: 5.8666666667vw;
  }
}
.lcl-media .lcl-media-box__list {
  margin-top: 30px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__list {
    margin-top: 5.3333333333vw;
  }
}
.lcl-media .lcl-media-box__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  width: 100%;
  padding-block: 20px;
  border-top: 4px dotted #E6E6E6;
  /* SP only ------------ */
  /* last-of-type ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__item {
    gap: 4vw;
    padding-block: 4vw;
    border-top: 0.8vw dotted #E6E6E6;
  }
}
.lcl-media .lcl-media-box__item:last-of-type {
  border-bottom: 4px dotted #E6E6E6;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__item:last-of-type {
    border-bottom: 0.8vw dotted #E6E6E6;
  }
}
.lcl-media .lcl-media-box__figarea {
  width: 200px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__figarea {
    width: 26.6666666667vw;
  }
}
.lcl-media .lcl-media-box__brand {
  display: block;
  width: 108px;
  margin-left: auto;
  margin-right: auto;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__brand {
    width: 17.8666666667vw;
  }
}
.lcl-media .lcl-media-box__brand + .lcl-media-box__fig {
  margin-top: 15px;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__brand + .lcl-media-box__fig {
    margin-top: 2.6666666667vw;
  }
}
.lcl-media .lcl-media-box__fig {
  width: 100%;
}
.lcl-media .lcl-media-box__txtarea {
  flex: 1;
}
.lcl-media .lcl-media-box__txt {
  line-height: 2.2;
  letter-spacing: 0;
  /* SP only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-media .lcl-media-box__txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__txt {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 699px) {
  .lcl-media .lcl-media-box__txt {
    line-height: 1.9;
  }
}
@media screen and (max-width: 699px) and (min-width: 700px) {
  .lcl-media .lcl-media-box__txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 699px) and (max-width: 699px) {
  .lcl-media .lcl-media-box__txt {
    font-size: 3.7333333333vw;
  }
}
.lcl-media .lcl-media-box__link {
  color: #2EA6DC;
  text-decoration: underline;
  /* media_hover ------------ */
}
@media (any-hover: hover) {
  .lcl-media .lcl-media-box__link:hover {
    text-decoration: none;
  }
}

.lcl-video {
  position: relative;
  overflow: hidden;
  pointer-events: auto;
  cursor: pointer;
  /* media_hover ------------ */
  /* before after ------------*/
  /* before ------------*/
  /* after ------------*/
}
@media (any-hover: hover) {
  .lcl-video:hover img {
    transform: scale(1.05);
  }
}
.lcl-video img {
  transition: transform 0.25s ease, filter 0.25s ease;
}
.lcl-video::before, .lcl-video::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.lcl-video::before {
  z-index: 2;
  left: 0;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #ffffff;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-video::before {
    width: 11.4666666667vw;
    height: 11.4666666667vw;
  }
}
.lcl-video::after {
  z-index: 3;
  left: 5px;
  width: 15px;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #909090;
  /* SP only ------------ */
}
@media screen and (max-width: 699px) {
  .lcl-video::after {
    left: 1.0666666667vw;
    height: 5.8666666667vw;
    width: 2.9333333333vw;
  }
}
.lcl-video.lcl-video--mini {
  /* before ------------*/
  /* after ------------*/
}
.lcl-video.lcl-video--mini::before {
  /* PC only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-video.lcl-video--mini::before {
    width: 43px;
    height: 43px;
  }
}
.lcl-video.lcl-video--mini::after {
  /* PC only ------------ */
}
@media screen and (min-width: 700px) {
  .lcl-video.lcl-video--mini::after {
    width: 11px;
    height: 22px;
    left: 4px;
  }
}/*# sourceMappingURL=styles.css.map */