.test1 {
	animation-name: test1;
    animation-duration:.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    max-width:750px;
    overflow:hidden;
}

@keyframes test1 {
  from {
    }
  to {
		transform: scale(1.1, 1.1);
    }
}

.btn-fixed img{
	width:90%;
}

    .reflection-img{
            position: relative;
            overflow    :hidden;
        	
        }
    
        .reflection {
            height:100%;
            width:10%;
            position    :absolute;
            top         :-100px;
            left        :0;
            background-color: #fff;
            opacity     :0;
            transform: rotate(112deg);
            animation: reflection 2s ease-in-out infinite;
        }
    
        @keyframes reflection {
            0% { transform: scale(0) rotate(0deg); opacity: 0; }
            80% { transform: scale(0) rotate(12deg); opacity: 0.5; }
            81% { transform: scale(4) rotate(45deg); opacity: 1; }
            100% { transform: scale(20) rotate(45deg); opacity: 0; }
        }

.coupon_note {
    color:red;
}

.movie_container {
    position: absolute;
    width: 88%;
    height: 35%;
    overflow: hidden;
    border: 5px solid transparent;
    left: 6%;
    bottom: 4.5%;
}

.movie_area {
    width: 100%;
    position: absolute;
    left: 0%;
    top: -12%;
}

.circle1{
	right: 3%;
    top: 31%;
    z-index: 1;
}

.swiper_bg{
	width:100%;
    height:550px;
    background:url(https://asset.myfabius.jp/lib/pn/img/001_original/f_qa_ih.jpg);
	background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 0%;
    padding-top: 20%;
}

.mySwiper{
 width:100%;
 overflow:hidden;
}

.fuwa{
    z-index:10;
    bottom:1%;
    right:5%;
}

/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}

/*.swiper-slide{width:250px;}

.swiper-2 img{width:250px;}*/

.swiper-2{
width:100%;
max-width:750px;
overflow:hidden;
}



  .wid95.btm40 {
    bottom: 40%;
  }

  /* 4つの丸いやつ アニメーション */
  .point_anime .four_obj {
    transform: translateY(30px);
    transition: all .3s ease-in;
    opacity: 0;
  }

  .point_anime .four_obj.is_show {
    transform: translateY(0);
    opacity: 1;
  }

  .four_obj {
    position: absolute;
    width: 23%;
  }

  .egf {
    bottom: 49.7%;
    left: 39%;
  }

  .fgf {
    bottom: 35.5%;
    right: 25%;
  }

  .igf {
    bottom: 35.5%;
    left: 25%;
  }

  /* --------------- */

  .fv_movie {
    clip-path: circle(45.5%);
    top: 26%;
    left: 1.2%;
  }

  .reflection-img {
    position: relative;
    overflow: hidden;
  }

  .reflection {
    height: 100%;
    width: 10%;
    position: absolute;
    top: -100px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transform: rotate(112deg);
    animation: reflection 3.5s ease-in-out infinite;
  }

  @keyframes reflection {
    0% {
      transform: scale(0) rotate(0deg);
      opacity: 0;
    }

    80% {
      transform: scale(0) rotate(12deg);
      opacity: 0.5;
    }

    81% {
      transform: scale(4) rotate(45deg);
      opacity: 1;
    }

    100% {
      transform: scale(20) rotate(45deg);
      opacity: 0;
    }
  }

  .amimation {
    animation-name: move;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
  }

  .changeAnimation {
    transition: all 1s ease-in-out;
  }

  #btnF,
  .cta_btn img {
    filter: drop-shadow(6px 5px 5px rgba(0, 0, 0, 0.2));
  }

  #btnF {
    padding: 2%;
  }

  .anime {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    overflow: hidden;
    animation-name: myframe;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-direction: alternate;
    border-right: 3px solid rgb(255, 255, 255);
    animation-iteration-count: infinite;

  }

  .animeImg {
    position: absolute;
    left: 0;
    height: 100%;
    max-width: none !important;
    width: -webkit-calc(750px * 0.9);
    width: calc (750px*0.9);
    width: auto;
  }

  @keyframes myframe {
    from {
      width: 0%;
    }

    to {
      width: 100%;

    }
  }

  /*henkin link*/
  .kochira01 {
    position: absolute;
    width: 8%;
    height: 20px;
    bottom: 4.5%;
    left: 12%;
    /* background: orange;*/
  }

  .redfund01 {
    position: absolute;
    width: 23%;
    height: 26px;
    top: 60%;
    right: 44%;
    /* background: orange;*/
  }

  .kochira2 {
    position: absolute;
    width: 10%;
    height: 20px;
    bottom: 8.5%;
    left: 32%;
    /* background: orange;*/

  }


  .kochira3 {
    position: absolute;
    width: 10%;
    height: 2%;
    bottom: 17%;
    left: 33%;
  }

  .slick-slide img {
    width: 90%;
    object-fit: cover;
  }

  .slider4 .slick-slide img {
    width: 100%;
  }


  .next-arrow,
  .prev-arrow {
    width: 7%;
  }

  .swiper--wrapper {
    /* wrapperのサイズを調整 */
    width: 100%;
    height: 300px;
  }

  .loop_wrap {
    display: flex;
    width: 90%;
    height: 300px;
    overflow: hidden;
    left: 5%;
  }
  .loop_wrap img {
    width: auto;
    height: 100%;
  }

  #award {
    display: flex;
    margin-top: -450px;
    margin-left: 9%;
  }

  #award img {
    margin: 0 15%;
  }

  .coupon_note {
	text-align: center;
      margin-top: 1%; 
  }

  @media screen and (max-width:751px) {
    img {
      vertical-align: sub;
    }

    #award {
      margin-top: -300px;
    }
      
      .swiper_bg{
      height:280px;
      }
            
            
  }