@charset "utf-8";

.btnArea{
  padding: 0;
}
.floating.fixed{
  padding: 0;
}

.btnAreaInner{
  max-width: 926px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 5px 0;
}

.btnAreaInner > span{
  font-weight: bold;
  font-size: 22px;
  line-height: calc(30/22);
  letter-spacing: -0.04em;
  color: #fff;
}

.btnAreaImage{
  width: 152px;
}

.btnAreaImage img{
  vertical-align: bottom;
}

.btnArea.floating{
  background-color: #E70012;
  z-index: 9999;
}

.boxCommon{
  margin-bottom: 60px;
}

.attentionArea{
  margin-top: 40px;
  border-bottom: none;
  padding: 0;
}

.listNote{
  margin-top: 40px;
}



@media screen and (min-width: 768px){
  #page-top-hide.tmp_209_01 .block_mv {
    background: url(/oos/adv/image/tmp_209_07/img_mvbg_03_pc.jpg) no-repeat center top;
  }
  #page-top-hide.tmp_209_01 .block_mv h1{
    width: 527px;
  }
  #page-top-hide.tmp_209_01 .block_header{
    margin: 0;
  }
  #page-top-hide.tmp_209_01 .header_link_block{
    margin-left: 280px;
  }
  #page-top-hide.tmp_209_01 .block_header_txt{
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .download_qr{
    width: 6.5vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px){
  #page-top-hide.tmp_209_01 .block_mv {
    background-size: auto 100%;
  }
  #page-top-hide.tmp_209_01 .block_mv h1{
    width: 44vw;
    margin-left: -47vw;
  }
  #page-top-hide.tmp_209_01 .header_link_block{
    margin-left: 23vw;
  }
  #page-top-hide.tmp_209_01 .block_header_txt{
    gap: 1vw;
  }
  /* .btnAreaInner{
    justify-content: center;
  } */
  .btnAreaInner > span{
    margin-left: 0;
  }
  /* .btnAreaImage{
    width: 20vw;
  } */
}

@media screen and (max-width: 767px){
  #page-top-hide.tmp_209_01 .block_mv {
    background: url(/oos/adv/image/tmp_209_07/img_mvbg_03_sp.jpg) no-repeat center top;
    background-size: contain;
    height: 142vw;
  }
  .boxCommon{
    margin-bottom: 30px;
  }

  .btnAreaInner{
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    padding: 5vw 24.2vw 5vw 2.8vw;
    gap: 4.6vw;
  }
  .btnAreaInner > span{
    margin-left: 0;
    font-size: 5.4vw;
    white-space: nowrap;
  }
  .btnAreaBtn{
    width: 72.6vw;
  }
  .btnAreaImage{
    position: absolute;
    width: 21.4vw;
    right: 1.5vw;
    top: 2.7vw;
  }

  .btnArea__close{
    position: absolute;
    top: 3.6vw;
    right: 6.6vw;
    cursor: pointer;
  }
  .btnArea__close::before,
  .btnArea__close::after{
    content: "";
    width: 5.4vw;
    height: 0.5vw;
    min-height: 1px;
    background-color: #ebbbbf;
    position: absolute;
  }
  .btnArea__close::before{
    transform: rotate(45deg);
  }
  .btnArea__close::after{
    transform: rotate(135deg);
  }

  .btnArea.floating .btnAreaInner{
    padding: 7.2vw 24.2vw 0.5vw 2.8vw;
    gap: 3.2vw;
  }
  .btnArea.floating .btnAreaImage{
    width: 19.2vw;
    top: 7vw;
    right: 2.6vw;
  }
  .btnArea.floating.hidden{
    display: none;
  }
  .cta_fixed .tmp_209_01~#footer{
    margin-bottom: 45vw;
  }
  .cta_fixed .tmp_209_01~#footer #pageTop{
    bottom: 47vw;
    z-index: 9999;
  }
  .cta_fixed .tmp_209_01~#footer #pageTop.banner-none{
    bottom: 10vw;
  }
}