.bg01 {
  background-color: #FFFFFF;
}

.bg02 {
  background-color: #DACBB8;
  padding: 3% 0;
}

.bg03 {
  background: linear-gradient(to bottom, #DACBB8 0%, #DACBB8 50%, #FFFFFF 50%, #FFFFFF 100%);
  padding: 3% 0;
}

.bg04 {
  background-color: #FFFFFF;
  padding: 3% 0;
}

.bg05 {
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, #DACBB8 50%, #DACBB8 100%);
  padding: 3% 0;
}

.bg06 {
  background-color: #DACBB8;
}

.bg07 {
  background-color: #DACBB8;
  padding-bottom: 3%;
}

.nbox27__img {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .nbox27__img {
    width: 100%;
    box-sizing: border-box;
  }
}

.slider__container01 {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .slider__container01 {
    width: 100%;
    box-sizing: border-box;
  }
}

.slider__container02 {
  position: relative;
  width: 1100px;
  margin: 3rem auto;
}

@media only screen and (max-width: 768px) {
  .slider__container02 {
    width: 100%;
    box-sizing: border-box;
  }
}

.nbox27__slider {
  margin: 0;
}

.oideyo .nbox27__slider .swiper-button-next,
.oideyo .nbox27__slider .swiper-button-prev {
  width: 2.5vw;
  height: 2.8vw;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .oideyo .nbox27__slider .swiper-button-next,
  .oideyo .nbox27__slider .swiper-button-prev {
    width: 5vw;
    height: 5.4vw;
  }
}

.nbox27__slider .swiper-button-next {
  background: url(../../assets/img/lp/27nbox/btn-next.png);
  right: -1.5vw;
}

@media only screen and (max-width: 768px) {
  .nbox27__slider .swiper-button-next {
    right: 1.25vw;
  }
}

.nbox27__slider .swiper-button-prev {
  background: url(../../assets/img/lp/27nbox/btn-prev.png);
  left: -1.5vw;
}

@media only screen and (max-width: 768px) {
  .nbox27__slider .swiper-button-prev {
    left: 1.25vw;
  }
}

.k__caution {
  padding: 0.5em 1em;
  margin-top: 2em;
  text-align: center;
  background: #D8D9D9;
}

@media only screen and (max-width: 768px) {
  .k__caution {
    margin: 1em 0;
  }
}

.k__caution p {
  color: #2c2c2f;
  font: 500 20px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

@media only screen and (max-width: 768px) {
  .k__caution p {
    font: 500 14px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  }
}