html, body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

/* SP space */
.body_sph .contents_main {
  margin: 0 !important;
}

/*==================================
Layout
==================================*/
.sv-page-inner {
  width: 750px;
  margin: 0 auto;
}

/*==================================
Image
==================================*/
.sv-box-img {
  width: 100%;
}
.sv-box-img img {
  vertical-align: bottom;
  max-width: 100%;
}

.sv-fv-area {
  position: relative;
}
.sv-fv-area-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.3333333333%;
  margin: auto;
  width: 89.3333333333%;
}
.sv-fv-area-btn img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
movie
==================================*/
.sv-movie-area {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
.sv-movie-area .video-bg {
  width: 100%;
  display: block;
}
.sv-movie-area .video-wrapper {
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sv-movie-area .video-wrapper iframe {
  width: 85%;
  aspect-ratio: 16/9;
  border: none;
}

@media screen and (max-width: 768px) {
  .sv-movie-area .video-wrapper {
    top: 82%;
  }
  .sv-movie-area .video-wrapper iframe {
    width: 85%;
  }
}
/*==================================
offer
==================================*/
.sv-cv-area1 {
  position: relative;
}
.sv-cv-area1-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 28.3605283605%;
  margin: auto;
  width: 78.6666666667%;
  transition-duration: 0.4s;
}
.sv-cv-area1-btn:hover {
  transform: scale(1.07);
}
.sv-cv-area2 {
  position: relative;
}
.sv-cv-area2-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24.72899729%;
  margin: auto;
  width: 78.6666666667%;
  transition-duration: 0.4s;
}
.sv-cv-area2-btn:hover {
  transform: scale(1.07);
}
.sv-cv-area1-btn img {
  vertical-align: bottom;
  max-width: 100%;
}
.sv-cv-area2-btn img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
float-cv-btn
==================================*/
#sv-cv-btn {
  position: fixed;
  bottom: 8px;
  margin: 0 auto;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.5s ease-in-out;
}
#sv-cv-btn img {
  margin: 0 auto;
  display: block;
}

.float-disable {
  opacity: 0 !important;
  pointer-events: none !important;
}

/*==================================
footer
==================================*/
.sv-footer {
  background-color: #000;
}
.sv-footer .copyright {
  margin: 0 auto;
}
.sv-footer .copyright img {
  width: 100%;
}
.sv-footer-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sv-footer-list-item img {
  width: 100%;
}

/*==================================
sp
==================================*/
@media screen and (max-width: 768px) {
  .sv-page-inner {
    width: 100%;
    margin: 0 auto;
  }
  #sv-cv-btn img {
    width: 100%;
  }
  #float-end img {
    width: 100%;
    height: auto;
    display: block;
  }
}