.oideyo {
  background-image: url('../../assets/img/lp/27civic/bg.png');
  background-position: bottom;
  background-size: contain;
  background-repeat: repeat;
}

.bg01 {
  background-color: #ffffff;
}

.bg02 {
  background-color: #ffffff;
  padding: 3% 0;
}

.bg03{
  background-color: transparent;
  padding-top: 3%;
}

.bg04{
  background: linear-gradient(transparent 50%, #ffffff 50%);
  padding: 3% 0;
}

.bg05{
  background: linear-gradient(#ffffff 50%, transparent 50%);
  padding: 3% 0;
}

.bg06{
  background-color: transparent;
}

.civic27__bnr01{
  position: relative;
  width: 100%;
  margin-bottom: 3%;
}

.civic27__bnr02{
  position: relative;
  width: 100%;
}

.civic27__img {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .civic27__img {
    width: 100%;
    box-sizing: border-box;
  }
}

.lineup__container {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .lineup__container {
    width: 100%;
    box-sizing: border-box;
  }
}

.oideyo__swiper {
  margin: 0;
}

.oideyo__swiper .swiper-button-next, 
.oideyo__swiper .swiper-button-prev {
  width: 2.5vw;
  height: 2.8vw;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .oideyo__swiper .swiper-button-next, 
  .oideyo__swiper .swiper-button-prev {
    width: 5vw;
    height: 5.4vw;
  }
}

.oideyo__swiper .swiper-button-next {
  background-image: url('../../assets/img/lp/27civic/btn-next.png');
  right: -1.5vw;
}

@media only screen and (max-width: 768px) {
  .oideyo__swiper .swiper-button-next {
    right: 1.25vw;
  }
}

.oideyo__swiper .swiper-button-prev {
  background-image: url('../../assets/img/lp/27civic/btn-prev.png');
  left: -1.5vw;
}

@media only screen and (max-width: 768px) {
  .oideyo__swiper .swiper-button-prev {
    left: 1.25vw;
  }
}