#modal_model_17pro {
  img {
    width: 100%;
  }

  picture {
    display: block;
  }

  .modal_pict_item_wrap {
    display: block;
  }

  .modal_pict_item_wrap .modal_pict_item img {
    width: 100%;
    display: block;
    position: relative;

    /*-pc*/
    @media (min-width : 768px) {
      padding-bottom: 0;
    }

    /*-sp*/
    @media (max-width : 767px) {
      padding-bottom: 6vw;
    }
  }

  .modal_model_window {
    background-color: #1d1d1f;
  }

  .modal_title_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    @media (min-width: 768px) {
      margin-top: 45px;
    }

    @media (max-width: 767px) {
      margin-top: 5vw;
      margin-bottom: 2vw;
    }

    .modal_title {
      @media (min-width: 768px) {
        width: 390px;
        margin-bottom: 30px;
      }

      @media (max-width: 767px) {
        width: 100vw;
      }

      img {
        width: 100%;
      }
    }
  }

  .modal_mv_wrap {
    text-align: center;
    position: relative;
    background-color: #000;

    /*-pc*/
    @media (min-width: 768px) {
      height: 520px;
      margin-bottom: 82px;
    }

    /*-sp*/
    @media (max-width : 767px) {
      padding-top: 17vw;
      margin-bottom: 18vw;
    }

    .modal_mv {
      display: block;
      margin: auto;
      line-height: 0;

      /*-pc*/
      @media (min-width : 768px) {
        max-width: 100%;
        position: absolute;
        bottom: 0;
      }

      /*-sp*/
      @media (max-width : 767px) {}
    }
  }

  .section-content-l_wrap {
    width: 100%;
    background-color: #000;

    /*-pc*/
    @media (min-width : 768px) {
      margin-top: 70px;
    }

    /*-sp*/
    @media (max-width : 767px) {
      padding: 5vw 0;
      margin-top: 5vw;
      padding-bottom: 23vw;
    }

    /*end modal_model_17pro*/
  }