@charset "utf-8";

/* ---------------------------------------------
 common
--------------------------------------------- */
body{
  margin: 0;
}

/* 解析タグの隙間対策 */
body > img {
  display: none;
}

.lp-wrap *, .lp-wrap *::after, .lp-wrap *::before {
  box-sizing: border-box;
}

.lp-wrap h1, .lp-wrap h2, .lp-wrap h3, .lp-wrap p, .lp-wrap dl, .lp-wrap dt, .lp-wrap dd, .lp-wrap ul, .lp-wrap li {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
.lp-wrap ul {
  list-style: none;
}

.lp-wrap {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
.lp-wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 767px) {
  .lp-wrap {
    max-width: 100%;
  }
}


/* ---------------------------------------------
 FV
--------------------------------------------- */
.fv_wrap{
  position: relative;
  padding-top: 129.66%;
}

.fv3_wrap{
  position: relative;
  padding-top: 129.66%;
}

.fv_video{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.fv_video{
  position: absolute;
  width: 120%;
  top: 0;
  left: 0;
  z-index: 1;
}


.fv2_back{
  position: absolute;
  width: 75% !important;
  top: 0;
  left: 33%;
  z-index: 1;
}

.fv_text{
  position: absolute;
  width: 100%;
  top: -4%;
  z-index: 3;
}

.fv_2{
  position: absolute;
  bottom: 0;
  z-index: 2;
}


/* ---------------------------------------------
 main
--------------------------------------------- */

.rel_wrap{
  position: relative;
}

/*CV*/
.CV01{
  position: relative;
  z-index: 4;
  margin-top: -4%;
}

.CV02{
  position: relative;
  z-index: 4;
  margin-top: 4%;
}

.CV_btn{
  position: absolute;
  width: 85.8667% !important;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: ani-scale 0.6s ease 0s infinite alternate;
  animation: ani-scale 0.6s ease 0s infinite alternate;
}

#contents03{
  position: relative;
  z-index: 0;
  margin-top: -34px;
}

.video_wrap{
  position: absolute;
  width: 88.8%;
  height: 45%;
  top: 41%;
  left: 0;
  right: 0;
  margin: auto;
}

.video_wrap iframe{
  width: 100%;
  height: 80%;
}

#contents04{
  position: relative;
  z-index: -1;
  margin-top: -10%;
}

.support_gif{
  position: absolute;
  width: 92% !important;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.tel_btn{
  position: absolute;
  width: 91.4667% !important;
  top: 10%;
  left: 0;
  right: 0;
  margin: auto;
}
.tel_btn2{
  position: absolute;
  width: 91.4667% !important;
  top: 20%;
  left: 0;
  right: 0;
  margin: auto;
}

#contents05{
  position: relative;
  z-index: 2;
}


.contents5_btn{
  position: absolute;
  width: 32.4% !important;
  top: 73%;
  left: 0;
  right: 0;
  margin: auto;
}

.mmm_video{
  position: absolute;
  width: 92% !important;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#contents06{
  position: relative;
  z-index: 0;
  margin-top: -15%;
}


.button_wrap{
  position: relative;
  height: 50%;
}

.B_btn{
  position: absolute;
  width: 94.9333% !important;
  top: 5%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  -webkit-animation: ani-scale 0.6s ease 0s infinite alternate;
  animation: ani-scale 0.6s ease 0s infinite alternate;
}

#contents08{
  position: relative;
  z-index: 0;
  margin-top: -15%;
}

/* 支払い方法・後払い　 */
.payment-method-description div {
  font-size: 16px;
  line-height: 25px;
}

#footarea {
  background: #292929;
}

#foot{
  text-align: center;
  padding: 20px 5px 10px;
}

#foot a{
  font-size: 14px;
  color: #FFFFFF;
}


#footcopy {
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  padding-bottom: 10px;
}

/*アニメーション*/
@-webkit-keyframes ani-scale {
  from {
    -webkit-transform: scale(0.95,0.95);
    transform: scale(0.95,0.95);
  }
  to {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
}