/*インスタリール モーダル表示ボタン追加CSS*/
.btn_wrap{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
    left: 50%;
    right: 50%;
    bottom: -7px;
    gap: 1em;
}

.reel:hover{
  cursor: pointer;
}


@media screen and (min-width: 737px) {
    .pro_intro a {
      position: static;
    }
    .reel{
   margin-top: -20px;
}
  }

@media screen and (max-width: 736px){
    .btn_wrap {
      position: static;
      flex-direction: column;
      margin-top: 1em;
    }
    .reel img{
      max-width: 471px;
    width: 90%;
    height: auto;
    }

    /*モーダルSP設定*/
        .modal-video-body {
            width: 90vw !important;
            max-width: none !important;
            margin: auto !important;
            padding-top: 6vh !important;
            padding-bottom: 4vh !important;
            box-sizing: border-box !important;
            max-height: 100vh !important;
        }

        .modal-video-inner {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 auto !important;
        }

        .modal-video-movie-wrap {
            width: 100% !important;
            padding-bottom: calc(100% / 9 * 16) !important;
        }
        .modal-video-close-btn {
            top: -3em;
            right: 0;
      }
  }