@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,small,strong,b,dl,dt,dd,ol,ul,li,
form,label,legend,table,tbody,tfoot,thead,tr,th,td,footer,header,menu,nav,section,video {
  margin:0; padding:0; border:0; outline:0; vertical-align:bottom; background:transparent;
}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
a { margin:0; padding:0; color: #666; text-decoration: none; vertical-align:baseline;}
a:hover { opacity: 0.7;}
table { border-spacing:0;}
/* ===================================================================================
  resetここまで
=================================================================================== */
#wrap {
  max-width: 750px;
  margin: 0 auto;
  box-shadow: 0 1px 20px rgba(0,0,0,.3);
}

.offer_area,.video_box { position: relative;}
.offer_area .btn {
  width: 640px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 2115px;
}
.offer_area .btn2 {
  width: 640px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 470px;
}
.video_content01{
  width: 693px;
  height: 644px;
    overflow: hidden;
  position: absolute;
  left: 50%;
  top: 420px;
  background: transparent;
  border-radius: 15px;
  transform: translateX(-50%);


}
.video_box .video{
  /*width: 750px;*/
  width:690px;
}
.video_box .video02{
  /*transform: translateY(-4.0%) translateX(-3.7%);*/
}
.video_content02{
  width: 693px;
  height: 853px;
    overflow: hidden;
  position: absolute;
  left: 50%;
  top: 308px;
  background: transparent;
  border-radius: 15px;
  transform: translateX(-50%);


}
.video_box .video03{
  /*transform: translateY(-3.1%) translateX(-3.7%);*/
}
.foot_link {
  display: flex;
  justify-content: center;
}
.foot_link li:first-child { border-right: solid 1px #666;}
.foot_link li a {
  display: block;
  color: #666;
  font-size: 26px;
  line-height: 25px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 25px;
}

@media screen and ( max-width: 750px) {
  img,video { width: 100%;}
  .offer_area .btn { width: 85.3vw; top: 272vw;}
  .offer_area .btn2 { width: 85.3vw; top: 60vw;}	

  .video_content01{
    width: 92.4vw;
    height: 85.867vw;
      overflow: hidden;
    position: absolute;
    left: 50%;
    top: 56vw;
    background: transparent;
    border-radius: 2vw;
    transform: translateX(-50%);
  
  
  }
  .video_box .video{
    width: 92vw;
  }
  .video_box .video02{
    /*transform: translateY(-4.0%) translateX(-3.7%);*/
  }
  .video_content02{
    width: 92.4vw;
    height: 113.733vw;
      overflow: hidden;
    position: absolute;
    left: 50%;
    top: 41.067vw;
    background: transparent;
    border-radius: 2vw;
    transform: translateX(-50%);
  
  
  }
  .video_box .video03{
    /*transform: translateY(-3.1%) translateX(-3.7%);*/
  }
  

  .foot_link li a {
    font-size: 3.5vw;
    line-height: 3.3vw;
    padding: 0 3.3vw;
  }
}