/*-------------------------------------*
 * LPデザインCSSスタート
 *-------------------------------------*/
.quick_lp div, .quick_lp p, .quick_lp img, .quick_lp video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.quick_lp {
  line-height: 1;
  font-family: "ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Meiryo","Osaka", "verdana", sans-serif;
}

.quick_lp img {
  width: 100%;
  vertical-align: bottom;
}

.quick_lp a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
}

.quick_lp a:hover {
  opacity: 0.8;
}

/* =======================================
  resetここまで
======================================= */

.quick_lp .container {
  margin: auto;
  width: 750px;
}

.header_logo-tel{
  display: block;
}

/* fv動画 */
.fv_movie{
  width: 750px;
  height: 1420px;
  position: relative;
}

.fv_img{
  position: absolute;
  left: 0;
  bottom: 0;
}

/* オファーエリア */
/* offer_btnArea */
.offer_btnArea{
  position: relative;
}
.offer_btn01{
  position: absolute;
  top: 748px;
  left: 67%;
  transform: translate(-50%,0%);
  width: 400px;
  animation: pulse 2s linear infinite;
}

.offer_btnBK{
  position: absolute;
  top: 864px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 653px;
}
.offer_btnDB{
  position: absolute;
  top: 1106px;
  left: 50%;
  transform: translate(-50%,0%);
  width: 655px;
}

.offer_btn_single{
  position: absolute;
  top: 92px;
  right: 17px;
  width: 228px;
}
/* /offer_btnArea */

/* amz_btnArea */
.amz_btnArea{
  position: relative;
}
.amz_btn{
  position: absolute;
  width: 33%;
   top:29% ;
    left:67.5%;
}
/* /amz_btnArea */

/* amz_btnArea2 */
.amz_btnArea2{
  position: relative;
}
.amz_btnbk{
  position: absolute;
  width: 35%;
   top:61% ;
    left:13.5%;
}
.amz_btndb{
  position: absolute;
  width: 35%;
   top:61% ;
    left:53.5%;
}
/* /amz_btnArea2 */

/* set_btnArea */
.set_btnArea{
  position: relative;
}
.set_btn{
  position: absolute;
  width: 33%;
   top:40% ;
    left:65.5%;
}
/* /set_btnArea */

/* SCC_btnArea */
.SCC_btnArea{
  position: relative;
}
.SCC_btn{
  position: absolute;
  width: 15%;
   top:86.4% ;
    left:24%;
}

/* /SCC_btnArea */


/* SCC_btn1680Area */
.SCC_btn1680Area{
  position: relative;
}
.SCC_btn1680{
  position: absolute;
  width: 15%;
   top:86.4% ;
    left:14.5%;
}
/* /SCC_btn1680Area */


/* 初回分返金保証付きエリア */
/* refund_btnArea */
.refund_btnArea{
  position: relative;
}
.refund_btn{
  position: absolute;
  top: 342px;
  left: 312px;
  width: 365px;
}
/* /refund_btnArea */

/* 電話誘導コンテンツ */
.call_guidance{
  position: relative;
}

.call_btn{
  position: absolute;
  width: 9.25%;
   top:57.5% ;
    left:86.5%;
}
/* 電話誘導コンテンツココまで */

/* gifアニメエリア */
/* gifArea */
.gifArea{
  position: relative;
}
.gifArea_point1_wrap{
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 670px;
  top: 980px;
  left: 190px;
}
.point1_left,.point1_right{
  width: 400px;
}

.quick_lp_footer{
  background-color: #F2F2F2;
}

.quick_lp_footer .container {
  margin: auto;
}

.quick_lp_footer {
  border-top: 5px solid #333333;
  margin-top: 40px;
}

.quick_lp_footer .quick_footer_list {
  margin: 0;
  padding: 0;
}
.quick_lp_footer .quick_footer_list li{
  list-style: none;
}
.quick_lp_footer .quick_footer_list li:not(:last-of-type){
  border-bottom: 2px solid #fff;
}
.quick_lp_footer .quick_footer_list li a{
  color: #333;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-size: 30px;
  line-height: 70px;
  height: 70px;
  width: 750px;
  margin: 0 auto;
  display: block;
  position: relative;
  padding-left: 50px;
  box-sizing: border-box;
}
.quick_lp_footer .quick_footer_list li a::after{
  content: "";
  display: block;
  width: 25px;
  height: 23px;
  background: url("{{ file_root_path }}/quick_lp/img/footer_arrow.png")no-repeat center/100%;
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translate(0%,-50%);
}
.quick_lp_footer .footer_copyright {
  color: #333;
  background-color: #CCC;
  font-size: 24px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  letter-spacing: 0.1em;
}
/* =============================================

スマホ767px以下

============================================= */
@media screen and (max-width: 767px) {

  .quick_lp .container {
    width: 100vw;
  }

  /* fv動画 */
  .fv_movie{
    width: 100vw;
    height: 189.333vw;
  }
  .fv_movie video{
    position: relative;
    display: block;
    width: 100%;
    height: 134.933vw;
    left: 0;
    top: 0;
  }
    
  /* オファーエリア */
  /* offer_btnArea */
  .offer_btn01{
    top: 98.2vw;
    width: 55.067vw;
  }
  .offer_btnBK{
    top: 115.2vw;
    width: 87.067vw;
  }
  .offer_btnDB{
    top: 147.467vw;
    width: 87.333vw;
  }
  .offer_btn_single{
    top: 12.267vw;
    right: 2.267vw;
    width: 30.4vw;
  }
  /* /offer_btnArea */

  /* 初回分返金保証付きエリア */
  /* refund_btnArea */
  .refund_btn{
    top: 45.6vw;
    left: 41.6vw;
    width: 48.667vw;
  }
  /* /refund_btnArea */
    
/* 定期詳細エリア */

/* amz_btnArea */
.amz_btn{
   top: 15vw;
    left: 67.5vw;
    width: 32.667vw;
}
/* /amz_btnArea */

/* amz_btnArea2 */
.amz_btnbk{
   top: 31vw;
    left: 14.5vw;
    width: 34.667vw;
}
.amz_btndb{
   top: 31vw;
    left: 52.5vw;
    width: 34.667vw;
}
/* /amz_btnArea2 */


/* set_btnArea */
.set_btn{
   top: 19vw;
    left: 65.5vw;
    width: 32.667vw;
}
/* /set_btnArea */

/* SCC_btnArea */
.SCC_btn{
   top: 78vw;
    left: 24.5vw;
    width: 14.667vw;
}
/* /SCC_btnArea */

/* SCC_btn1680Area */
.SCC_btn1680{
   top: 78vw;
    left: 14.5vw;
    width: 14.667vw;
}
/* /SCC_btn1680Area */


  /* gifアニメエリア */
  /* gifArea */
  .gifArea_point1_wrap{
    width: 89.333vw;
    top: 130.733vw;
    left: 27vw;
  }
  .point1_left,.point1_right{
    width: 53vw;
  }
    
  .quick_lp_footer {
    border-top: 0.667vw solid #333333;
    margin-top: 5.333vw;
  }

  .quick_lp_footer .quick_footer_list li:not(:last-of-type){
    border-bottom: 0.267vw solid #fff;
  }
  .quick_lp_footer .quick_footer_list li a{
    font-size: 4vw;
    line-height: 9.333vw;
    height: 9.333vw;
    width: 100vw;
    padding-left: 6.667vw;
  }
  .quick_lp_footer .quick_footer_list li a::after{
    width: 3.333vw;
    height: 3.067vw;
    right: 3.067vw;
  }
  .quick_lp_footer .footer_copyright {
    font-size: 3.2vw;
    line-height: 6.4vw;
    height: 6.4vw;
  }
}


/* 【LPデザインCSSエンド】 */