/*reset*/
html, body {
  height: 100%;
  margin: 0;
}

picture {
  display: block;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

/*Base*/
.llw {
  max-width: 750px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}
.llw input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: border 0.2s ease-out;
}
.llw input::-webkit-search-decoration {
  display: none;
}
.llw input:focus {
  outline-offset: -2px;
}
.llw input[type=image] {
  -webkit-appearance: none;
}
.llw img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  display: block;
}

.overlayArea {
  position: relative;
}
.overlayItem {
  position: absolute;
}

.cta01__btn--01 {
  width: 89%;
  top: 0;
  left: 6.4%;
  transition: 0.3s all;
}
.cta01__btn--01:hover {
  opacity: 0.8;
}
.cta01__text--01 {
  width: 83.4%;
  top: 43.9%;
  left: 9.4%;
}
.cta01__text--01 p {
  font-size: 17px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.76em;
  letter-spacing: -0.04em;
  margin: 0;
}
@media screen and (max-width: 750px) {
  .cta01__text--01 p {
    font-size: 2vw;
    letter-spacing: -0.09em;
  }
}
.cta01__text--02 {
  width: 90.4%;
  top: 76.7%;
  left: 6%;
}
.cta01__text--02 p {
  font-size: 17px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8em;
  letter-spacing: -0.04em;
  margin: 0;
}
@media screen and (max-width: 750px) {
  .cta01__text--02 p {
    font-size: 2.2666666667vw;
    letter-spacing: -0.09em;
  }
}
.cta01__text span {
  color: #B20017;
  text-decoration: underline;
}

.lp01_01__elm--01 {
  width: 100%;
  bottom: 2.65%;
}
.lp03_11__elm--01 {
  width: 100%;
  bottom: 10.1%;
}
.lp05_06__elm--01 {
  width: 100%;
  top: 32.24%;
  z-index: 10;
}

.floating {
  position: relative;
  z-index: 10;
}
.floatingContainer {
  position: fixed;
  max-width: 750px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: 0.3s all;
  z-index: 100;
  pointer-events: none;
}
.floatingContainer.js-floating {
  opacity: 1;
  pointer-events: auto;
}

.video01__item--01 {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.video02__item--01 {
  width: 92%;
  top: 25.4%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.video03__item--01 {
  width: 77.4%;
  top: 36.1%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.gif01__item--01 {
  width: 92%;
  top: 1.4%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.gif02__item--01 {
  width: 92.2%;
  top: 2.4%;
  left: 4%;
  margin: 0;
}
.gif03__item--01 {
  margin: 0;
  width: 40.2%;
  top: 10.4%;
  left: 6.1%;
}
.gif03__item--02 {
  margin: 0;
  width: 40%;
  top: 10.4%;
  left: 52.8%;
}

.contentsSlider01 {
  width: 60%;
  top: 39.4%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.contentsPagenation {
  position: absolute;
  bottom: -1% !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
.contentsPagenation .swiper-pagination-bullet {
  display: flex;
  width: 10px;
  height: 10px;
  margin: 0 1.5% !important;
  background: #CCCCCC;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .contentsPagenation .swiper-pagination-bullet {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}
.contentsPagenation .swiper-pagination-bullet-active {
  background: #26BA3F;
}
.contentsNav__prev, .contentsNav__next {
  position: absolute;
  top: 47.3%;
  width: 127px;
  height: 127px;
  margin-top: -63px;
  background: #26BA3F;
  border-radius: 50%;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 11px;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .contentsNav__prev, .contentsNav__next {
    width: 16.9333333333vw;
    height: 16.9333333333vw;
    margin-top: -8.4vw;
    box-shadow: rgba(0, 0, 0, 0.3) 0.5333333333vw 0.5333333333vw 1.4666666667vw;
  }
}
.contentsNav__prev::before, .contentsNav__next::before {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-top: #fff 5px solid;
  border-right: #fff 5px solid;
}
@media screen and (max-width: 750px) {
  .contentsNav__prev::before, .contentsNav__next::before {
    width: 4vw;
    height: 4vw;
    border-top: #fff 0.6666666667vw solid;
    border-right: #fff 0.6666666667vw solid;
  }
}
.contentsNav__prev {
  left: -129px;
}
.contentsNav__prev::before {
  transform: scale(0.9, 1) rotate(-135deg);
  left: 15%;
}
@media screen and (max-width: 750px) {
  .contentsNav__prev {
    left: -17.2vw;
  }
}
.contentsNav__next {
  right: -129px;
}
.contentsNav__next::before {
  transform: scale(0.9, 1) rotate(45deg);
  right: 12%;
}
@media screen and (max-width: 750px) {
  .contentsNav__next {
    right: -17.2vw;
  }
}

/* CSS Document *//*# sourceMappingURL=base.css.map */